fix: resolve frontend audit findings
Frontend security / security (push) Successful in 10s
Frontend verify / verify (push) Successful in 4m57s
Conventional commits / commits (pull_request) Successful in 28s
Frontend security / security (pull_request) Successful in 10s
Frontend verify / verify (pull_request) Successful in 5m10s
Frontend security / security (push) Successful in 10s
Frontend verify / verify (push) Successful in 4m57s
Conventional commits / commits (pull_request) Successful in 28s
Frontend security / security (pull_request) Successful in 10s
Frontend verify / verify (pull_request) Successful in 5m10s
Repair investment recovery, draft preservation, date validation, currency presentation, accessibility, and route error recovery. Correct Docker and dependency checks and consume explicit income roles.
This commit is contained in:
@@ -177,6 +177,33 @@ const meta = {
|
||||
export default meta;
|
||||
type Story = StoryObj<typeof meta>;
|
||||
export const Colors: Story = { name: "Цвета", render: () => <ColorsView /> };
|
||||
export const SecondaryText: Story = {
|
||||
name: "Вторичный текст",
|
||||
render: () => (
|
||||
<SimpleGrid cols={{ base: 1, sm: 2 }}>
|
||||
{[
|
||||
"var(--wl-color-surface)",
|
||||
"var(--wl-color-canvas)",
|
||||
"var(--wl-color-subtle)",
|
||||
...Object.keys(designTokens.color.palettes)
|
||||
.filter((palette) => palette !== "dark")
|
||||
.flatMap((palette) => [
|
||||
`var(--mantine-color-${palette}-0)`,
|
||||
`color-mix(in srgb, var(--mantine-color-${palette}-0) 45%, var(--wl-color-surface))`,
|
||||
]),
|
||||
].map((background) => (
|
||||
<Paper key={background} p="md" withBorder style={{ background }}>
|
||||
<Text size="sm" c="dimmed">
|
||||
22.09.2026 · Синтетические данные
|
||||
</Text>
|
||||
<Text size="xs" c="dimmed">
|
||||
Не удалось обновить данные. Сохранён предыдущий результат.
|
||||
</Text>
|
||||
</Paper>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
),
|
||||
};
|
||||
export const Typography: Story = {
|
||||
name: "Типографика",
|
||||
render: () => <TypographyView />,
|
||||
|
||||
@@ -9,16 +9,21 @@ function luminance(color: string) {
|
||||
);
|
||||
return channels[0] * 0.2126 + channels[1] * 0.7152 + channels[2] * 0.0722;
|
||||
}
|
||||
describe("financial text contrast", () => {
|
||||
it.each(["positive", "negative"] as const)(
|
||||
"keeps %s readable on journal, position and tinted card surfaces",
|
||||
describe("semantic text contrast", () => {
|
||||
it.each(["positive", "negative", "muted"] as const)(
|
||||
"keeps %s readable on canvas, white, subtle and tinted surfaces",
|
||||
(tone) => {
|
||||
const role = tokens.color.roles[tone];
|
||||
const palettes = tokens.color.palettes;
|
||||
const foreground =
|
||||
palettes[role.color as keyof typeof palettes][role.shade];
|
||||
const surfaces = [
|
||||
"#ffffff",
|
||||
palettes.gray[0],
|
||||
palettes.gray[2],
|
||||
...Object.entries(palettes)
|
||||
.filter(([name]) => name !== "dark")
|
||||
.map(([, palette]) => palette[0]),
|
||||
...Object.entries(palettes)
|
||||
.filter(([name]) => name !== "dark")
|
||||
.map(
|
||||
|
||||
Reference in New Issue
Block a user