Refresh UI components and showcase; release updated framework packages

This commit is contained in:
Clintchiz committed 2026-09-20 18:13:24 +05:30
1 parent d800228585
commit c77f5e1cec
293 files changed
+22544 -35778

No files matched your search

+15 -11
View File
@@ -152,10 +152,10 @@ component Alert {
.wrn-next--alert-soft .wrn-next__alert-title,
.wrn-next--alert-soft .wrn-next__alert-icon,
.wrn-next--alert-soft .wrn-next__alert-actions a {
color: var(--wrn-alert-color);
color: var(--wrn-alert-ink, var(--wrn-color-primary-text));
}
.wrn-next--alert-solid {
border-color: var(--wrn-alert-color);
border-color: var(--wrn-alert-ink, var(--wrn-color-primary-text));
background: var(--wrn-alert-color);
color: white;
}
@@ -176,13 +176,13 @@ component Alert {
color: #18181b;
}
.wrn-next--alert-bordered {
border-color: var(--wrn-alert-color);
border-color: var(--wrn-alert-ink, var(--wrn-color-primary-text));
background: var(--wrn-color-surface);
}
.wrn-next--alert-bordered .wrn-next__alert-title,
.wrn-next--alert-bordered .wrn-next__alert-icon,
.wrn-next--alert-bordered .wrn-next__alert-actions a {
color: var(--wrn-alert-color);
color: var(--wrn-alert-ink, var(--wrn-color-primary-text));
}
.wrn-next--alert-accent {
border-color: color-mix(in srgb, var(--wrn-alert-color) 35%, var(--wrn-color-border));
@@ -192,7 +192,7 @@ component Alert {
.wrn-next--alert-accent .wrn-next__alert-title,
.wrn-next--alert-accent .wrn-next__alert-icon,
.wrn-next--alert-accent .wrn-next__alert-actions a {
color: var(--wrn-alert-color);
color: var(--wrn-alert-ink, var(--wrn-color-primary-text));
}
.wrn-next--alert {
@@ -249,19 +249,23 @@ component Alert {
}
.wrn-next--alert[data-color="success"] {
--wrn-alert-color: #0f9f8f;
--wrn-alert-color: var(--wrn-color-success);
--wrn-alert-ink: var(--wrn-color-success-text);
}
.wrn-next--alert[data-color="danger"] {
--wrn-alert-color: #dc3545;
--wrn-alert-color: var(--wrn-color-danger);
--wrn-alert-ink: var(--wrn-color-danger-text);
}
.wrn-next--alert[data-color="warning"] {
--wrn-alert-color: #eab308;
--wrn-alert-color: var(--wrn-color-warning);
--wrn-alert-ink: var(--wrn-color-warning-text);
}
.wrn-next--alert[data-color="info"] {
--wrn-alert-color: #2563eb;
--wrn-alert-color: var(--wrn-color-info);
--wrn-alert-ink: var(--wrn-color-info-text);
}
.wrn-next--alert[data-color="dark"] {
@@ -298,7 +302,7 @@ component Alert {
height: 1.25rem;
place-items: center;
margin-top: 0.05rem;
color: var(--wrn-alert-color);
color: var(--wrn-alert-ink, var(--wrn-color-primary-text));
}
.wrn-next__alert-icon > span {
@@ -339,7 +343,7 @@ component Alert {
}
.wrn-next__alert-actions a {
color: var(--wrn-alert-color);
color: var(--wrn-alert-ink, var(--wrn-color-primary-text));
font-size: 0.78rem;
font-weight: 700;
text-decoration: none;