@opencode-ai/ui 0.0.0-dev-202607030541 → 0.0.0-dev-202607030753
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.
|
@@ -2,10 +2,11 @@ import { type ComponentProps } from "solid-js";
|
|
|
2
2
|
import "./project-avatar-v2.css";
|
|
3
3
|
export declare const PROJECT_AVATAR_VARIANTS: readonly ["orange", "yellow", "cyan", "green", "red", "pink", "blue", "purple", "gray"];
|
|
4
4
|
export type ProjectAvatarVariant = (typeof PROJECT_AVATAR_VARIANTS)[number];
|
|
5
|
+
export type ProjectAvatarStyle = ProjectAvatarVariant | "outline";
|
|
5
6
|
export interface ProjectAvatarProps extends ComponentProps<"div"> {
|
|
6
7
|
fallback: string;
|
|
7
8
|
src?: string;
|
|
8
|
-
variant?:
|
|
9
|
+
variant?: ProjectAvatarStyle;
|
|
9
10
|
unread?: boolean;
|
|
10
11
|
}
|
|
11
12
|
export declare function ProjectAvatar(props: ProjectAvatarProps): import("solid-js").JSX.Element;
|
package/package.json
CHANGED
|
@@ -81,6 +81,13 @@
|
|
|
81
81
|
--project-avatar-border: var(--v2-avatar-border-gray);
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
+
[data-slot="project-avatar-surface"][data-variant="outline"] {
|
|
85
|
+
--project-avatar-bg: var(--v2-background-bg-base);
|
|
86
|
+
--project-avatar-border: var(--v2-border-border-strong);
|
|
87
|
+
color: var(--v2-text-text-muted);
|
|
88
|
+
text-shadow: none;
|
|
89
|
+
}
|
|
90
|
+
|
|
84
91
|
[data-slot="project-avatar-surface"][data-has-image] {
|
|
85
92
|
background: var(--project-avatar-bg);
|
|
86
93
|
}
|
|
@@ -26,10 +26,13 @@ export const PROJECT_AVATAR_VARIANTS = [
|
|
|
26
26
|
|
|
27
27
|
export type ProjectAvatarVariant = (typeof PROJECT_AVATAR_VARIANTS)[number]
|
|
28
28
|
|
|
29
|
+
// "outline" is a neutral, muted style (e.g. recently closed projects) and is not part of the color rotation.
|
|
30
|
+
export type ProjectAvatarStyle = ProjectAvatarVariant | "outline"
|
|
31
|
+
|
|
29
32
|
export interface ProjectAvatarProps extends ComponentProps<"div"> {
|
|
30
33
|
fallback: string
|
|
31
34
|
src?: string
|
|
32
|
-
variant?:
|
|
35
|
+
variant?: ProjectAvatarStyle
|
|
33
36
|
unread?: boolean
|
|
34
37
|
}
|
|
35
38
|
|