@adea-ai/ui 0.21.2 → 0.22.1
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/README.md +1 -1
- package/package.json +3 -3
- package/src/styles/auth-shell.css +98 -0
package/README.md
CHANGED
|
@@ -26,7 +26,7 @@ property.
|
|
|
26
26
|
```
|
|
27
27
|
|
|
28
28
|
`scripts/check-theme-colors.mjs` enforces the rule across `packages/ui`,
|
|
29
|
-
`packages/workspace-ui
|
|
29
|
+
`packages/workspace-ui` and `apps/web/src`;
|
|
30
30
|
`scripts/theme-color-boundary.test.ts` runs the scan in the validation lane.
|
|
31
31
|
|
|
32
32
|
The rule is a gate with a burn-down, not a rewrite:
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adea-ai/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.22.1",
|
|
4
4
|
"description": "Shared UI kit for Adea: Base UI-backed shadcn primitives, workspace shells, and theme styles.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"base-ui",
|
|
@@ -64,8 +64,8 @@
|
|
|
64
64
|
"clsx": "^2.1.1",
|
|
65
65
|
"lucide-react": "^1.33.0",
|
|
66
66
|
"next-themes": "^0.4.6",
|
|
67
|
-
"react": "19.
|
|
68
|
-
"react-dom": "19.
|
|
67
|
+
"react": "19.3.0",
|
|
68
|
+
"react-dom": "19.3.0",
|
|
69
69
|
"tailwind-merge": "^3.6.0",
|
|
70
70
|
"tw-animate-css": "^1.4.0"
|
|
71
71
|
},
|
|
@@ -56,6 +56,104 @@
|
|
|
56
56
|
line-height: 1.6;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
+
/* Auth-surface status and actions. Shared by the desktop start surface and
|
|
60
|
+
available to any auth document; the marks carry the theme's state colors. */
|
|
61
|
+
.auth-status {
|
|
62
|
+
--auth-status-warning: #e7c77d;
|
|
63
|
+
--auth-status-error: #f1aaa2;
|
|
64
|
+
|
|
65
|
+
display: flex;
|
|
66
|
+
gap: 0.75rem;
|
|
67
|
+
align-items: flex-start;
|
|
68
|
+
min-height: 4.5rem;
|
|
69
|
+
margin: 0 0 1.25rem;
|
|
70
|
+
padding: 1rem;
|
|
71
|
+
border-left: 2px solid var(--auth-border-subtle);
|
|
72
|
+
background: var(--auth-surface-strong);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.auth-status p {
|
|
76
|
+
margin: 0;
|
|
77
|
+
color: var(--auth-foreground);
|
|
78
|
+
line-height: 1.5;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.auth-status__mark {
|
|
82
|
+
flex: 0 0 auto;
|
|
83
|
+
width: 0.65rem;
|
|
84
|
+
height: 0.65rem;
|
|
85
|
+
margin-top: 0.4rem;
|
|
86
|
+
border: 2px solid var(--auth-muted-strong);
|
|
87
|
+
border-radius: 50%;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.auth-status__mark--active {
|
|
91
|
+
border-color: var(--auth-accent);
|
|
92
|
+
background: var(--auth-accent);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.auth-status__mark--ready {
|
|
96
|
+
border-color: var(--hq-shell-active);
|
|
97
|
+
background: var(--hq-shell-active);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.auth-status__mark--warning {
|
|
101
|
+
border-color: var(--auth-status-warning);
|
|
102
|
+
background: var(--auth-status-warning);
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.auth-status__mark--error {
|
|
106
|
+
border-color: var(--auth-status-error);
|
|
107
|
+
background: var(--auth-status-error);
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.auth-actions {
|
|
111
|
+
display: flex;
|
|
112
|
+
flex-wrap: wrap;
|
|
113
|
+
gap: 0.75rem;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.auth-action {
|
|
117
|
+
min-height: 2.75rem;
|
|
118
|
+
padding: 0 1rem;
|
|
119
|
+
border: 0;
|
|
120
|
+
border-radius: 0.45rem;
|
|
121
|
+
color: var(--auth-accent-foreground);
|
|
122
|
+
background: var(--auth-accent);
|
|
123
|
+
font: inherit;
|
|
124
|
+
font-weight: 650;
|
|
125
|
+
cursor: pointer;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.auth-action:disabled {
|
|
129
|
+
cursor: wait;
|
|
130
|
+
opacity: 0.65;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.auth-action:focus-visible {
|
|
134
|
+
outline: 3px solid var(--auth-foreground);
|
|
135
|
+
outline-offset: 2px;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.auth-action-secondary {
|
|
139
|
+
border: 1px solid var(--auth-border-subtle);
|
|
140
|
+
color: var(--auth-foreground);
|
|
141
|
+
background: transparent;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.auth-action-secondary:hover:not(:disabled) {
|
|
145
|
+
border-color: var(--auth-muted-strong);
|
|
146
|
+
background: var(--auth-surface-strong);
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.auth-note {
|
|
150
|
+
max-width: 56ch;
|
|
151
|
+
margin: 1.25rem 0 0;
|
|
152
|
+
color: var(--auth-muted-strong);
|
|
153
|
+
font-size: 0.8125rem;
|
|
154
|
+
line-height: 1.5;
|
|
155
|
+
}
|
|
156
|
+
|
|
59
157
|
@media (max-width: 30rem) {
|
|
60
158
|
.auth-shell {
|
|
61
159
|
padding: 0;
|