treefmt: apply prettier
Pure `nix fmt` output from the commit before this one — no hand edits. 203 files: 52 md, 42 tsx, 32 js, 32 css, 21 ts, 13 html, 8 json, 3 mjs. Reproduce with `nix develop -c nix fmt` on the parent commit; the result should be byte-identical to this tree. None of the 13 `.prettierignore` entries appears here — verified by intersecting the changed-file list against the ignore file, with a control proving the intersection finds a match when one exists.
This commit is contained in:
parent
5d24bedd60
commit
39b95c2ede
203 changed files with 10090 additions and 6085 deletions
|
|
@ -28,8 +28,13 @@
|
|||
animation: warn-banner-pulse 2.4s ease-in-out infinite;
|
||||
}
|
||||
@keyframes warn-banner-pulse {
|
||||
0%, 100% { box-shadow: 0 0 12px -4px color-mix(in srgb, currentColor 55%, transparent); }
|
||||
50% { box-shadow: 0 0 22px -2px color-mix(in srgb, currentColor 95%, transparent); }
|
||||
0%,
|
||||
100% {
|
||||
box-shadow: 0 0 12px -4px color-mix(in srgb, currentColor 55%, transparent);
|
||||
}
|
||||
50% {
|
||||
box-shadow: 0 0 22px -2px color-mix(in srgb, currentColor 95%, transparent);
|
||||
}
|
||||
}
|
||||
.warn-banner strong {
|
||||
color: inherit;
|
||||
|
|
|
|||
|
|
@ -13,10 +13,10 @@
|
|||
// `level` defaults to 'warning', matching `hive-warn.js`'s own default.
|
||||
// Only `error` pulses — an active incident, not a standing caveat, same
|
||||
// rule `hive-warn.css`'s own comment states.
|
||||
import type { ComponentChildren } from 'preact';
|
||||
import './WarnBanner.css';
|
||||
import type { ComponentChildren } from "preact";
|
||||
import "./WarnBanner.css";
|
||||
|
||||
export type WarnLevel = 'info' | 'warning' | 'error';
|
||||
export type WarnLevel = "info" | "warning" | "error";
|
||||
|
||||
export interface WarnBannerProps {
|
||||
level?: WarnLevel;
|
||||
|
|
@ -28,10 +28,16 @@ export interface WarnBannerProps {
|
|||
children?: ComponentChildren;
|
||||
}
|
||||
|
||||
export function WarnBanner({ level = 'warning', class: extraClass, children }: WarnBannerProps) {
|
||||
const classes = ['warn-banner', `warn-banner-${level}`, extraClass].filter(Boolean).join(' ');
|
||||
export function WarnBanner({
|
||||
level = "warning",
|
||||
class: extraClass,
|
||||
children,
|
||||
}: WarnBannerProps) {
|
||||
const classes = ["warn-banner", `warn-banner-${level}`, extraClass]
|
||||
.filter(Boolean)
|
||||
.join(" ");
|
||||
return (
|
||||
<div class={classes} role={level === 'error' ? 'alert' : undefined}>
|
||||
<div class={classes} role={level === "error" ? "alert" : undefined}>
|
||||
{children}
|
||||
</div>
|
||||
);
|
||||
|
|
|
|||
Loading…
Reference in a new issue