@salesforce/webapp-template-app-react-sample-b2e-experimental 1.62.0 → 1.63.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.
Files changed (23) hide show
  1. package/dist/.a4drules/webapp.md +0 -2
  2. package/dist/CHANGELOG.md +27 -0
  3. package/dist/force-app/main/default/webapplications/appreactsampleb2e/package.json +11 -4
  4. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/alert.tsx +61 -54
  5. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/button.tsx +57 -57
  6. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/card.tsx +86 -75
  7. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/dialog.tsx +129 -110
  8. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/field.tsx +208 -193
  9. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/index.ts +64 -64
  10. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/input.tsx +14 -14
  11. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/label.tsx +17 -14
  12. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/pagination.tsx +108 -88
  13. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/select.tsx +156 -146
  14. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/separator.tsx +19 -19
  15. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/skeleton.tsx +10 -10
  16. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/spinner.tsx +12 -11
  17. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/table.tsx +96 -69
  18. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/tabs.tsx +71 -61
  19. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components.json +1 -1
  20. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/lib/utils.ts +3 -3
  21. package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/styles/global.css +107 -107
  22. package/dist/package.json +1 -1
  23. package/package.json +2 -3
package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/spinner.tsx CHANGED
@@ -1,15 +1,16 @@
1
- import { cn } from "../../lib/utils";
2
- import { Loader2Icon } from "lucide-react";
1
+ import * as React from 'react';
2
+ import { cn } from '../../lib/utils';
3
+ import { Loader2Icon } from 'lucide-react';
3
4
 
4
- function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
5
- return (
6
- <Loader2Icon
7
- role="status"
8
- aria-label="Loading"
9
- className={cn("size-4 animate-spin", className)}
10
- {...(props as any)}
11
- />
12
- );
5
+ function Spinner({ className, ...props }: React.ComponentProps<'svg'>) {
6
+ return (
7
+ <Loader2Icon
8
+ role="status"
9
+ aria-label="Loading"
10
+ className={cn('size-4 animate-spin', className)}
11
+ {...(props as any)}
12
+ />
13
+ );
13
14
  }
14
15
 
15
16
  export { Spinner };
package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/table.tsx CHANGED
@@ -1,87 +1,114 @@
1
- import * as React from "react";
1
+ import * as React from 'react';
2
2
 
3
- import { cn } from "../../lib/utils";
3
+ import { cn } from '../../lib/utils';
4
4
 
5
- function Table({ className, ...props }: React.ComponentProps<"table">) {
6
- return (
7
- <div data-slot="table-container" className="relative w-full overflow-x-auto">
8
- <table
9
- data-slot="table"
10
- className={cn("w-full caption-bottom text-sm", className)}
11
- {...props}
12
- />
13
- </div>
14
- );
5
+ function Table({ className, ...props }: React.ComponentProps<'table'>) {
6
+ return (
7
+ <div
8
+ data-slot="table-container"
9
+ className="relative w-full overflow-x-auto"
10
+ >
11
+ <table
12
+ data-slot="table"
13
+ className={cn('w-full caption-bottom text-sm', className)}
14
+ {...props}
15
+ />
16
+ </div>
17
+ );
15
18
  }
16
19
 
17
- function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
18
- return <thead data-slot="table-header" className={cn("[&_tr]:border-b", className)} {...props} />;
20
+ function TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {
21
+ return (
22
+ <thead
23
+ data-slot="table-header"
24
+ className={cn('[&_tr]:border-b', className)}
25
+ {...props}
26
+ />
27
+ );
19
28
  }
20
29
 
21
- function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
22
- return (
23
- <tbody
24
- data-slot="table-body"
25
- className={cn("[&_tr:last-child]:border-0", className)}
26
- {...props}
27
- />
28
- );
30
+ function TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {
31
+ return (
32
+ <tbody
33
+ data-slot="table-body"
34
+ className={cn('[&_tr:last-child]:border-0', className)}
35
+ {...props}
36
+ />
37
+ );
29
38
  }
30
39
 
31
- function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
32
- return (
33
- <tfoot
34
- data-slot="table-footer"
35
- className={cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className)}
36
- {...props}
37
- />
38
- );
40
+ function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {
41
+ return (
42
+ <tfoot
43
+ data-slot="table-footer"
44
+ className={cn(
45
+ 'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',
46
+ className
47
+ )}
48
+ {...props}
49
+ />
50
+ );
39
51
  }
40
52
 
41
- function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
42
- return (
43
- <tr
44
- data-slot="table-row"
45
- className={cn(
46
- "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
47
- className,
48
- )}
49
- {...props}
50
- />
51
- );
53
+ function TableRow({ className, ...props }: React.ComponentProps<'tr'>) {
54
+ return (
55
+ <tr
56
+ data-slot="table-row"
57
+ className={cn(
58
+ 'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',
59
+ className
60
+ )}
61
+ {...props}
62
+ />
63
+ );
52
64
  }
53
65
 
54
- function TableHead({ className, ...props }: React.ComponentProps<"th">) {
55
- return (
56
- <th
57
- data-slot="table-head"
58
- className={cn(
59
- "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0",
60
- className,
61
- )}
62
- {...props}
63
- />
64
- );
66
+ function TableHead({ className, ...props }: React.ComponentProps<'th'>) {
67
+ return (
68
+ <th
69
+ data-slot="table-head"
70
+ className={cn(
71
+ 'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0',
72
+ className
73
+ )}
74
+ {...props}
75
+ />
76
+ );
65
77
  }
66
78
 
67
- function TableCell({ className, ...props }: React.ComponentProps<"td">) {
68
- return (
69
- <td
70
- data-slot="table-cell"
71
- className={cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className)}
72
- {...props}
73
- />
74
- );
79
+ function TableCell({ className, ...props }: React.ComponentProps<'td'>) {
80
+ return (
81
+ <td
82
+ data-slot="table-cell"
83
+ className={cn(
84
+ 'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0',
85
+ className
86
+ )}
87
+ {...props}
88
+ />
89
+ );
75
90
  }
76
91
 
77
- function TableCaption({ className, ...props }: React.ComponentProps<"caption">) {
78
- return (
79
- <caption
80
- data-slot="table-caption"
81
- className={cn("text-muted-foreground mt-4 text-sm", className)}
82
- {...props}
83
- />
84
- );
92
+ function TableCaption({
93
+ className,
94
+ ...props
95
+ }: React.ComponentProps<'caption'>) {
96
+ return (
97
+ <caption
98
+ data-slot="table-caption"
99
+ className={cn('text-muted-foreground mt-4 text-sm', className)}
100
+ {...props}
101
+ />
102
+ );
85
103
  }
86
104
 
87
- export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };
105
+ export {
106
+ Table,
107
+ TableHeader,
108
+ TableBody,
109
+ TableFooter,
110
+ TableHead,
111
+ TableRow,
112
+ TableCell,
113
+ TableCaption,
114
+ };
package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ui/tabs.tsx CHANGED
@@ -1,78 +1,88 @@
1
- import * as React from "react";
2
- import { cva, type VariantProps } from "class-variance-authority";
3
- import { Tabs as TabsPrimitive } from "radix-ui";
1
+ import * as React from 'react';
2
+ import { cva, type VariantProps } from 'class-variance-authority';
3
+ import { Tabs as TabsPrimitive } from 'radix-ui';
4
4
 
5
- import { cn } from "../../lib/utils";
5
+ import { cn } from '../../lib/utils';
6
6
 
7
7
  function Tabs({
8
- className,
9
- orientation = "horizontal",
10
- ...props
8
+ className,
9
+ orientation = 'horizontal',
10
+ ...props
11
11
  }: React.ComponentProps<typeof TabsPrimitive.Root>) {
12
- return (
13
- <TabsPrimitive.Root
14
- data-slot="tabs"
15
- data-orientation={orientation}
16
- className={cn("gap-2 group/tabs flex data-horizontal:flex-col", className)}
17
- {...props}
18
- />
19
- );
12
+ return (
13
+ <TabsPrimitive.Root
14
+ data-slot="tabs"
15
+ data-orientation={orientation}
16
+ className={cn(
17
+ 'gap-2 group/tabs flex data-horizontal:flex-col',
18
+ className
19
+ )}
20
+ {...props}
21
+ />
22
+ );
20
23
  }
21
24
 
22
25
  const tabsListVariants = cva(
23
- "rounded-lg p-[3px] group-data-horizontal/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col",
24
- {
25
- variants: {
26
- variant: {
27
- default: "bg-muted",
28
- line: "gap-1 bg-transparent",
29
- },
30
- },
31
- defaultVariants: {
32
- variant: "default",
33
- },
34
- },
26
+ 'rounded-lg p-[3px] group-data-horizontal/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col',
27
+ {
28
+ variants: {
29
+ variant: {
30
+ default: 'bg-muted',
31
+ line: 'gap-1 bg-transparent',
32
+ },
33
+ },
34
+ defaultVariants: {
35
+ variant: 'default',
36
+ },
37
+ }
35
38
  );
36
39
 
37
40
  function TabsList({
38
- className,
39
- variant = "default",
40
- ...props
41
- }: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>) {
42
- return (
43
- <TabsPrimitive.List
44
- data-slot="tabs-list"
45
- data-variant={variant}
46
- className={cn(tabsListVariants({ variant }), className)}
47
- {...props}
48
- />
49
- );
41
+ className,
42
+ variant = 'default',
43
+ ...props
44
+ }: React.ComponentProps<typeof TabsPrimitive.List> &
45
+ VariantProps<typeof tabsListVariants>) {
46
+ return (
47
+ <TabsPrimitive.List
48
+ data-slot="tabs-list"
49
+ data-variant={variant}
50
+ className={cn(tabsListVariants({ variant }), className)}
51
+ {...props}
52
+ />
53
+ );
50
54
  }
51
55
 
52
- function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
53
- return (
54
- <TabsPrimitive.Trigger
55
- data-slot="tabs-trigger"
56
- className={cn(
57
- "gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
58
- "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
59
- "data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground",
60
- "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
61
- className,
62
- )}
63
- {...props}
64
- />
65
- );
56
+ function TabsTrigger({
57
+ className,
58
+ ...props
59
+ }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
60
+ return (
61
+ <TabsPrimitive.Trigger
62
+ data-slot="tabs-trigger"
63
+ className={cn(
64
+ "gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
65
+ 'group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent',
66
+ 'data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground',
67
+ 'after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100',
68
+ className
69
+ )}
70
+ {...props}
71
+ />
72
+ );
66
73
  }
67
74
 
68
- function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {
69
- return (
70
- <TabsPrimitive.Content
71
- data-slot="tabs-content"
72
- className={cn("text-sm flex-1 outline-none", className)}
73
- {...props}
74
- />
75
- );
75
+ function TabsContent({
76
+ className,
77
+ ...props
78
+ }: React.ComponentProps<typeof TabsPrimitive.Content>) {
79
+ return (
80
+ <TabsPrimitive.Content
81
+ data-slot="tabs-content"
82
+ className={cn('text-sm flex-1 outline-none', className)}
83
+ {...props}
84
+ />
85
+ );
76
86
  }
77
87
 
78
88
  export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };
package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "rsc": true,
4
4
  "tailwind": {
5
5
  "config": "",
6
- "css": "styles/globals.css",
6
+ "css": "styles/global.css",
7
7
  "baseColor": "neutral",
8
8
  "cssVariables": true
9
9
  },
package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/lib/utils.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { clsx, type ClassValue } from "clsx";
2
- import { twMerge } from "tailwind-merge";
1
+ import { clsx, type ClassValue } from 'clsx';
2
+ import { twMerge } from 'tailwind-merge';
3
3
 
4
4
  export function cn(...inputs: ClassValue[]) {
5
- return twMerge(clsx(inputs));
5
+ return twMerge(clsx(inputs));
6
6
  }
package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/styles/global.css CHANGED
@@ -50,124 +50,124 @@
50
50
  }
51
51
  }
52
52
 
53
- @import "tw-animate-css";
54
- @import "shadcn/tailwind.css";
53
+ @import 'tw-animate-css';
54
+ @import 'shadcn/tailwind.css';
55
55
 
56
56
  @custom-variant dark (&:is(.dark *));
57
57
 
58
58
  @theme inline {
59
- --color-background: var(--background);
60
- --color-foreground: var(--foreground);
61
- --color-card: var(--card);
62
- --color-card-foreground: var(--card-foreground);
63
- --color-popover: var(--popover);
64
- --color-popover-foreground: var(--popover-foreground);
65
- --color-primary: var(--primary);
66
- --color-primary-foreground: var(--primary-foreground);
67
- --color-secondary: var(--secondary);
68
- --color-secondary-foreground: var(--secondary-foreground);
69
- --color-muted: var(--muted);
70
- --color-muted-foreground: var(--muted-foreground);
71
- --color-accent: var(--accent);
72
- --color-accent-foreground: var(--accent-foreground);
73
- --color-destructive: var(--destructive);
74
- --color-destructive-foreground: var(--destructive-foreground);
75
- --color-border: var(--border);
76
- --color-input: var(--input);
77
- --color-ring: var(--ring);
78
- --color-chart-1: var(--chart-1);
79
- --color-chart-2: var(--chart-2);
80
- --color-chart-3: var(--chart-3);
81
- --color-chart-4: var(--chart-4);
82
- --color-chart-5: var(--chart-5);
83
- --radius-sm: calc(var(--radius) - 4px);
84
- --radius-md: calc(var(--radius) - 2px);
85
- --radius-lg: var(--radius);
86
- --radius-xl: calc(var(--radius) + 4px);
87
- --color-sidebar: var(--sidebar);
88
- --color-sidebar-foreground: var(--sidebar-foreground);
89
- --color-sidebar-primary: var(--sidebar-primary);
90
- --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
91
- --color-sidebar-accent: var(--sidebar-accent);
92
- --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
93
- --color-sidebar-border: var(--sidebar-border);
94
- --color-sidebar-ring: var(--sidebar-ring);
59
+ --color-background: var(--background);
60
+ --color-foreground: var(--foreground);
61
+ --color-card: var(--card);
62
+ --color-card-foreground: var(--card-foreground);
63
+ --color-popover: var(--popover);
64
+ --color-popover-foreground: var(--popover-foreground);
65
+ --color-primary: var(--primary);
66
+ --color-primary-foreground: var(--primary-foreground);
67
+ --color-secondary: var(--secondary);
68
+ --color-secondary-foreground: var(--secondary-foreground);
69
+ --color-muted: var(--muted);
70
+ --color-muted-foreground: var(--muted-foreground);
71
+ --color-accent: var(--accent);
72
+ --color-accent-foreground: var(--accent-foreground);
73
+ --color-destructive: var(--destructive);
74
+ --color-destructive-foreground: var(--destructive-foreground);
75
+ --color-border: var(--border);
76
+ --color-input: var(--input);
77
+ --color-ring: var(--ring);
78
+ --color-chart-1: var(--chart-1);
79
+ --color-chart-2: var(--chart-2);
80
+ --color-chart-3: var(--chart-3);
81
+ --color-chart-4: var(--chart-4);
82
+ --color-chart-5: var(--chart-5);
83
+ --radius-sm: calc(var(--radius) - 4px);
84
+ --radius-md: calc(var(--radius) - 2px);
85
+ --radius-lg: var(--radius);
86
+ --radius-xl: calc(var(--radius) + 4px);
87
+ --color-sidebar: var(--sidebar);
88
+ --color-sidebar-foreground: var(--sidebar-foreground);
89
+ --color-sidebar-primary: var(--sidebar-primary);
90
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
91
+ --color-sidebar-accent: var(--sidebar-accent);
92
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
93
+ --color-sidebar-border: var(--sidebar-border);
94
+ --color-sidebar-ring: var(--sidebar-ring);
95
95
  }
96
96
 
97
97
  :root {
98
- --radius: 0.625rem;
99
- --background: oklch(1 0 0);
100
- --foreground: oklch(0.145 0 0);
101
- --card: oklch(1 0 0);
102
- --card-foreground: oklch(0.145 0 0);
103
- --popover: oklch(1 0 0);
104
- --popover-foreground: oklch(0.145 0 0);
105
- --primary: oklch(0.205 0 0);
106
- --primary-foreground: oklch(0.985 0 0);
107
- --secondary: oklch(0.97 0 0);
108
- --secondary-foreground: oklch(0.205 0 0);
109
- --muted: oklch(0.97 0 0);
110
- --muted-foreground: oklch(0.556 0 0);
111
- --accent: oklch(0.97 0 0);
112
- --accent-foreground: oklch(0.205 0 0);
113
- --destructive: oklch(0.577 0.245 27.325);
114
- --border: oklch(0.922 0 0);
115
- --input: oklch(0.922 0 0);
116
- --ring: oklch(0.708 0 0);
117
- --chart-1: oklch(0.646 0.222 41.116);
118
- --chart-2: oklch(0.6 0.118 184.704);
119
- --chart-3: oklch(0.398 0.07 227.392);
120
- --chart-4: oklch(0.828 0.189 84.429);
121
- --chart-5: oklch(0.769 0.188 70.08);
122
- --sidebar: oklch(0.985 0 0);
123
- --sidebar-foreground: oklch(0.145 0 0);
124
- --sidebar-primary: oklch(0.205 0 0);
125
- --sidebar-primary-foreground: oklch(0.985 0 0);
126
- --sidebar-accent: oklch(0.97 0 0);
127
- --sidebar-accent-foreground: oklch(0.205 0 0);
128
- --sidebar-border: oklch(0.922 0 0);
129
- --sidebar-ring: oklch(0.708 0 0);
98
+ --radius: 0.625rem;
99
+ --background: oklch(1 0 0);
100
+ --foreground: oklch(0.145 0 0);
101
+ --card: oklch(1 0 0);
102
+ --card-foreground: oklch(0.145 0 0);
103
+ --popover: oklch(1 0 0);
104
+ --popover-foreground: oklch(0.145 0 0);
105
+ --primary: oklch(0.205 0 0);
106
+ --primary-foreground: oklch(0.985 0 0);
107
+ --secondary: oklch(0.97 0 0);
108
+ --secondary-foreground: oklch(0.205 0 0);
109
+ --muted: oklch(0.97 0 0);
110
+ --muted-foreground: oklch(0.556 0 0);
111
+ --accent: oklch(0.97 0 0);
112
+ --accent-foreground: oklch(0.205 0 0);
113
+ --destructive: oklch(0.577 0.245 27.325);
114
+ --border: oklch(0.922 0 0);
115
+ --input: oklch(0.922 0 0);
116
+ --ring: oklch(0.708 0 0);
117
+ --chart-1: oklch(0.646 0.222 41.116);
118
+ --chart-2: oklch(0.6 0.118 184.704);
119
+ --chart-3: oklch(0.398 0.07 227.392);
120
+ --chart-4: oklch(0.828 0.189 84.429);
121
+ --chart-5: oklch(0.769 0.188 70.08);
122
+ --sidebar: oklch(0.985 0 0);
123
+ --sidebar-foreground: oklch(0.145 0 0);
124
+ --sidebar-primary: oklch(0.205 0 0);
125
+ --sidebar-primary-foreground: oklch(0.985 0 0);
126
+ --sidebar-accent: oklch(0.97 0 0);
127
+ --sidebar-accent-foreground: oklch(0.205 0 0);
128
+ --sidebar-border: oklch(0.922 0 0);
129
+ --sidebar-ring: oklch(0.708 0 0);
130
130
  }
131
131
 
132
132
  .dark {
133
- --background: oklch(0.145 0 0);
134
- --foreground: oklch(0.985 0 0);
135
- --card: oklch(0.205 0 0);
136
- --card-foreground: oklch(0.985 0 0);
137
- --popover: oklch(0.205 0 0);
138
- --popover-foreground: oklch(0.985 0 0);
139
- --primary: oklch(0.922 0 0);
140
- --primary-foreground: oklch(0.205 0 0);
141
- --secondary: oklch(0.269 0 0);
142
- --secondary-foreground: oklch(0.985 0 0);
143
- --muted: oklch(0.269 0 0);
144
- --muted-foreground: oklch(0.708 0 0);
145
- --accent: oklch(0.269 0 0);
146
- --accent-foreground: oklch(0.985 0 0);
147
- --destructive: oklch(0.704 0.191 22.216);
148
- --border: oklch(1 0 0 / 10%);
149
- --input: oklch(1 0 0 / 15%);
150
- --ring: oklch(0.556 0 0);
151
- --chart-1: oklch(0.488 0.243 264.376);
152
- --chart-2: oklch(0.696 0.17 162.48);
153
- --chart-3: oklch(0.769 0.188 70.08);
154
- --chart-4: oklch(0.627 0.265 303.9);
155
- --chart-5: oklch(0.645 0.246 16.439);
156
- --sidebar: oklch(0.205 0 0);
157
- --sidebar-foreground: oklch(0.985 0 0);
158
- --sidebar-primary: oklch(0.488 0.243 264.376);
159
- --sidebar-primary-foreground: oklch(0.985 0 0);
160
- --sidebar-accent: oklch(0.269 0 0);
161
- --sidebar-accent-foreground: oklch(0.985 0 0);
162
- --sidebar-border: oklch(1 0 0 / 10%);
163
- --sidebar-ring: oklch(0.556 0 0);
133
+ --background: oklch(0.145 0 0);
134
+ --foreground: oklch(0.985 0 0);
135
+ --card: oklch(0.205 0 0);
136
+ --card-foreground: oklch(0.985 0 0);
137
+ --popover: oklch(0.205 0 0);
138
+ --popover-foreground: oklch(0.985 0 0);
139
+ --primary: oklch(0.922 0 0);
140
+ --primary-foreground: oklch(0.205 0 0);
141
+ --secondary: oklch(0.269 0 0);
142
+ --secondary-foreground: oklch(0.985 0 0);
143
+ --muted: oklch(0.269 0 0);
144
+ --muted-foreground: oklch(0.708 0 0);
145
+ --accent: oklch(0.269 0 0);
146
+ --accent-foreground: oklch(0.985 0 0);
147
+ --destructive: oklch(0.704 0.191 22.216);
148
+ --border: oklch(1 0 0 / 10%);
149
+ --input: oklch(1 0 0 / 15%);
150
+ --ring: oklch(0.556 0 0);
151
+ --chart-1: oklch(0.488 0.243 264.376);
152
+ --chart-2: oklch(0.696 0.17 162.48);
153
+ --chart-3: oklch(0.769 0.188 70.08);
154
+ --chart-4: oklch(0.627 0.265 303.9);
155
+ --chart-5: oklch(0.645 0.246 16.439);
156
+ --sidebar: oklch(0.205 0 0);
157
+ --sidebar-foreground: oklch(0.985 0 0);
158
+ --sidebar-primary: oklch(0.488 0.243 264.376);
159
+ --sidebar-primary-foreground: oklch(0.985 0 0);
160
+ --sidebar-accent: oklch(0.269 0 0);
161
+ --sidebar-accent-foreground: oklch(0.985 0 0);
162
+ --sidebar-border: oklch(1 0 0 / 10%);
163
+ --sidebar-ring: oklch(0.556 0 0);
164
164
  }
165
165
 
166
166
  @layer base {
167
- * {
168
- @apply border-border outline-ring/50;
169
- }
170
- body {
171
- @apply bg-background text-foreground;
172
- }
167
+ * {
168
+ @apply border-border outline-ring/50;
169
+ }
170
+ body {
171
+ @apply bg-background text-foreground;
172
+ }
173
173
  }
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
3
- "version": "1.62.0",
3
+ "version": "1.63.0",
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-app-react-sample-b2e-experimental",
3
- "version": "1.62.0",
3
+ "version": "1.63.0",
4
4
  "description": "B2E starter app template",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "author": "",
@@ -42,6 +42,5 @@
42
42
  "executor": "@salesforce/webapp-template-cli-experimental:dev-server"
43
43
  }
44
44
  }
45
- },
46
- "gitHead": "1a13800558455d1b4d9d5bce9946276ac2ca54a5"
45
+ }
47
46
  }