@salesforce/webapp-template-app-react-template-vibe-experimental 1.46.1 → 1.47.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/dist/CHANGELOG.md +16 -0
- package/dist/force-app/main/default/webapplications/appreacttemplatevibe/package-lock.json +2359 -223
- package/dist/force-app/main/default/webapplications/appreacttemplatevibe/package.json +3 -1
- package/dist/force-app/main/default/webapplications/appreacttemplatevibe/src/components.json +18 -0
- package/dist/force-app/main/default/webapplications/appreacttemplatevibe/src/styles/global.css +62 -59
- package/dist/package.json +1 -1
- package/package.json +2 -2
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"graphql:schema": "node scripts/get-graphql-schema.mjs"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@salesforce/agentforce-conversation-client": "^1.46.
|
|
17
|
+
"@salesforce/agentforce-conversation-client": "^1.46.2",
|
|
18
18
|
"@salesforce/sdk-data": "^1.11.2",
|
|
19
19
|
"@salesforce/webapp-experimental": "*",
|
|
20
20
|
"@tailwindcss/vite": "^4.1.17",
|
|
@@ -26,8 +26,10 @@
|
|
|
26
26
|
"react": "^19.2.0",
|
|
27
27
|
"react-dom": "^19.2.0",
|
|
28
28
|
"react-router": "^7.10.1",
|
|
29
|
+
"shadcn": "^3.8.5",
|
|
29
30
|
"tailwind-merge": "^3.5.0",
|
|
30
31
|
"tailwindcss": "^4.1.17",
|
|
32
|
+
"tw-animate-css": "^1.4.0",
|
|
31
33
|
"zod": "^4.3.6"
|
|
32
34
|
},
|
|
33
35
|
"devDependencies": {
|
|
@@ -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/appreacttemplatevibe/src/styles/global.css
CHANGED
|
@@ -1,9 +1,63 @@
|
|
|
1
|
-
@import
|
|
1
|
+
@import 'tailwindcss';
|
|
2
|
+
|
|
3
|
+
@layer base {
|
|
4
|
+
html,
|
|
5
|
+
body,
|
|
6
|
+
#root {
|
|
7
|
+
@apply min-h-screen;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
body {
|
|
11
|
+
@apply antialiased bg-white;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@import "tw-animate-css";
|
|
16
|
+
@import "shadcn/tailwind.css";
|
|
17
|
+
|
|
18
|
+
@custom-variant dark (&:is(.dark *));
|
|
19
|
+
|
|
20
|
+
@theme inline {
|
|
21
|
+
--color-background: var(--background);
|
|
22
|
+
--color-foreground: var(--foreground);
|
|
23
|
+
--color-card: var(--card);
|
|
24
|
+
--color-card-foreground: var(--card-foreground);
|
|
25
|
+
--color-popover: var(--popover);
|
|
26
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
27
|
+
--color-primary: var(--primary);
|
|
28
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
29
|
+
--color-secondary: var(--secondary);
|
|
30
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
31
|
+
--color-muted: var(--muted);
|
|
32
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
33
|
+
--color-accent: var(--accent);
|
|
34
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
35
|
+
--color-destructive: var(--destructive);
|
|
36
|
+
--color-destructive-foreground: var(--destructive-foreground);
|
|
37
|
+
--color-border: var(--border);
|
|
38
|
+
--color-input: var(--input);
|
|
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);
|
|
45
|
+
--radius-sm: calc(var(--radius) - 4px);
|
|
46
|
+
--radius-md: calc(var(--radius) - 2px);
|
|
47
|
+
--radius-lg: var(--radius);
|
|
48
|
+
--radius-xl: calc(var(--radius) + 4px);
|
|
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);
|
|
57
|
+
}
|
|
2
58
|
|
|
3
59
|
:root {
|
|
4
|
-
color-scheme: light;
|
|
5
60
|
--radius: 0.625rem;
|
|
6
|
-
--spacing: 0.25rem;
|
|
7
61
|
--background: oklch(1 0 0);
|
|
8
62
|
--foreground: oklch(0.145 0 0);
|
|
9
63
|
--card: oklch(1 0 0);
|
|
@@ -19,7 +73,6 @@
|
|
|
19
73
|
--accent: oklch(0.97 0 0);
|
|
20
74
|
--accent-foreground: oklch(0.205 0 0);
|
|
21
75
|
--destructive: oklch(0.577 0.245 27.325);
|
|
22
|
-
--destructive-foreground: oklch(0.985 0 0);
|
|
23
76
|
--border: oklch(0.922 0 0);
|
|
24
77
|
--input: oklch(0.922 0 0);
|
|
25
78
|
--ring: oklch(0.708 0 0);
|
|
@@ -39,12 +92,11 @@
|
|
|
39
92
|
}
|
|
40
93
|
|
|
41
94
|
.dark {
|
|
42
|
-
color-scheme: dark;
|
|
43
95
|
--background: oklch(0.145 0 0);
|
|
44
96
|
--foreground: oklch(0.985 0 0);
|
|
45
97
|
--card: oklch(0.205 0 0);
|
|
46
98
|
--card-foreground: oklch(0.985 0 0);
|
|
47
|
-
--popover: oklch(0.
|
|
99
|
+
--popover: oklch(0.205 0 0);
|
|
48
100
|
--popover-foreground: oklch(0.985 0 0);
|
|
49
101
|
--primary: oklch(0.922 0 0);
|
|
50
102
|
--primary-foreground: oklch(0.205 0 0);
|
|
@@ -52,10 +104,9 @@
|
|
|
52
104
|
--secondary-foreground: oklch(0.985 0 0);
|
|
53
105
|
--muted: oklch(0.269 0 0);
|
|
54
106
|
--muted-foreground: oklch(0.708 0 0);
|
|
55
|
-
--accent: oklch(0.
|
|
107
|
+
--accent: oklch(0.269 0 0);
|
|
56
108
|
--accent-foreground: oklch(0.985 0 0);
|
|
57
109
|
--destructive: oklch(0.704 0.191 22.216);
|
|
58
|
-
--destructive-foreground: oklch(0.985 0 0);
|
|
59
110
|
--border: oklch(1 0 0 / 10%);
|
|
60
111
|
--input: oklch(1 0 0 / 15%);
|
|
61
112
|
--ring: oklch(0.556 0 0);
|
|
@@ -71,66 +122,18 @@
|
|
|
71
122
|
--sidebar-accent: oklch(0.269 0 0);
|
|
72
123
|
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
73
124
|
--sidebar-border: oklch(1 0 0 / 10%);
|
|
74
|
-
--sidebar-ring: oklch(0.
|
|
125
|
+
--sidebar-ring: oklch(0.556 0 0);
|
|
75
126
|
}
|
|
76
127
|
|
|
77
128
|
@layer base {
|
|
78
|
-
@media (prefers-reduced-motion: reduce) {
|
|
79
|
-
* {
|
|
80
|
-
animation-duration: 0.01ms !important;
|
|
81
|
-
animation-iteration-count: 1 !important;
|
|
82
|
-
transition-duration: 0.01ms !important;
|
|
83
|
-
scroll-behavior: auto !important;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
129
|
* {
|
|
87
|
-
@apply border-
|
|
130
|
+
@apply border-border outline-ring/50;
|
|
88
131
|
}
|
|
89
132
|
body {
|
|
90
|
-
@apply bg-
|
|
133
|
+
@apply bg-background text-foreground;
|
|
91
134
|
}
|
|
92
135
|
}
|
|
93
136
|
|
|
94
|
-
@theme inline {
|
|
95
|
-
--color-background: var(--background);
|
|
96
|
-
--color-foreground: var(--foreground);
|
|
97
|
-
--color-card: var(--card);
|
|
98
|
-
--color-card-foreground: var(--card-foreground);
|
|
99
|
-
--color-popover: var(--popover);
|
|
100
|
-
--color-popover-foreground: var(--popover-foreground);
|
|
101
|
-
--color-primary: var(--primary);
|
|
102
|
-
--color-primary-foreground: var(--primary-foreground);
|
|
103
|
-
--color-secondary: var(--secondary);
|
|
104
|
-
--color-secondary-foreground: var(--secondary-foreground);
|
|
105
|
-
--color-muted: var(--muted);
|
|
106
|
-
--color-muted-foreground: var(--muted-foreground);
|
|
107
|
-
--color-accent: var(--accent);
|
|
108
|
-
--color-accent-foreground: var(--accent-foreground);
|
|
109
|
-
--color-destructive: var(--destructive);
|
|
110
|
-
--color-destructive-foreground: var(--destructive-foreground);
|
|
111
|
-
--color-border: var(--border);
|
|
112
|
-
--color-input: var(--input);
|
|
113
|
-
--color-ring: var(--ring);
|
|
114
|
-
--color-chart-1: var(--chart-1);
|
|
115
|
-
--color-chart-2: var(--chart-2);
|
|
116
|
-
--color-chart-3: var(--chart-3);
|
|
117
|
-
--color-chart-4: var(--chart-4);
|
|
118
|
-
--color-chart-5: var(--chart-5);
|
|
119
|
-
--color-sidebar: var(--sidebar);
|
|
120
|
-
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
121
|
-
--color-sidebar-primary: var(--sidebar-primary);
|
|
122
|
-
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
123
|
-
--color-sidebar-accent: var(--sidebar-accent);
|
|
124
|
-
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
125
|
-
--color-sidebar-border: var(--sidebar-border);
|
|
126
|
-
--color-sidebar-ring: var(--sidebar-ring);
|
|
127
|
-
--radius-sm: calc(var(--radius) - 4px);
|
|
128
|
-
--radius-md: calc(var(--radius) - 2px);
|
|
129
|
-
--radius-lg: var(--radius);
|
|
130
|
-
--radius-xl: calc(var(--radius) + 4px);
|
|
131
|
-
--spacing: var(--spacing);
|
|
132
|
-
}
|
|
133
|
-
|
|
134
137
|
:root {
|
|
135
138
|
/* Salesforce Design Tokens - Colors */
|
|
136
139
|
--constant-white: #ffffff;
|
package/dist/package.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salesforce/webapp-template-app-react-template-vibe-experimental",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.47.0",
|
|
4
4
|
"description": "Vibe coding starter app template",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"author": "",
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "664bfe805c8d96ec2c7b8d3ce403295f420bf42c"
|
|
47
47
|
}
|