WorkRoot/WRNexusJS
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: migrate legacy wire namespace to wrn
Quality / quality (ubuntu-latest) (push) Failing after 9m49s
Details
Quality / quality (windows-latest) (push) Canceled after 0s
Details

Browse Source
This commit is contained in:
Clintchiz
2026-08-12 18:51:15 +05:30
parent ec23dd4c93
commit 2c960fc1dc
488 changed files with 27306 additions and 19063 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/components/Section.wrn
+31 -31
View File
@@ -18,7 +18,7 @@ component Section {
<section
{...attrs}
data-ui-component="Section"
class='wire-section {class}'
class='wrn-section {class}'
id='{id}'
data-size='{size}'
data-color='{color}'
@@ -44,7 +44,7 @@ component Section {
}
style {
.wire-section {
.wrn-section {
--section-tint: transparent;
--section-ink: inherit;
position: relative;
@@ -56,24 +56,24 @@ component Section {
color: var(--section-ink);
}
.wire-section[data-spacing="sm"] {
.wrn-section[data-spacing="sm"] {
padding-block: 2rem;
}
.wire-section[data-spacing="md"] {
.wrn-section[data-spacing="md"] {
padding-block: 3rem;
}
.wire-section[data-spacing="xl"] {
.wrn-section[data-spacing="xl"] {
padding-block: 5rem;
}
.wire-section[data-variant="soft"] {
--section-tint: var(--wire-color-surface-soft);
.wrn-section[data-variant="soft"] {
--section-tint: var(--wrn-color-surface-soft);
}
.wire-section[data-variant="raised"] {
--section-tint: var(--wire-color-surface-raised);
.wrn-section[data-variant="raised"] {
--section-tint: var(--wrn-color-surface-raised);
}
/*
@@ -81,50 +81,50 @@ component Section {
* why these are two attributes rather than one class per pairing. The
* previous version spent a line on every variant and colour combination.
*/
.wire-section[data-variant="tinted"][data-color="primary"] {
--section-tint: var(--wire-color-primary-soft);
.wrn-section[data-variant="tinted"][data-color="primary"] {
--section-tint: var(--wrn-color-primary-soft);
}
.wire-section[data-variant="tinted"][data-color="success"] {
--section-tint: var(--wire-color-success-soft);
.wrn-section[data-variant="tinted"][data-color="success"] {
--section-tint: var(--wrn-color-success-soft);
}
.wire-section[data-variant="tinted"][data-color="warning"] {
--section-tint: var(--wire-color-warning-soft);
.wrn-section[data-variant="tinted"][data-color="warning"] {
--section-tint: var(--wrn-color-warning-soft);
}
.wire-section[data-variant="tinted"][data-color="danger"] {
--section-tint: var(--wire-color-danger-soft);
.wrn-section[data-variant="tinted"][data-color="danger"] {
--section-tint: var(--wrn-color-danger-soft);
}
.wire-section[data-variant="tinted"][data-color="info"] {
--section-tint: var(--wire-color-info-soft);
.wrn-section[data-variant="tinted"][data-color="info"] {
--section-tint: var(--wrn-color-info-soft);
}
.wire-section[data-variant="solid"][data-color="primary"] {
--section-tint: var(--wire-color-primary);
--section-ink: var(--wire-color-on-primary);
.wrn-section[data-variant="solid"][data-color="primary"] {
--section-tint: var(--wrn-color-primary);
--section-ink: var(--wrn-color-on-primary);
}
.wire-section[data-variant="solid"][data-color="danger"] {
--section-tint: var(--wire-color-danger);
--section-ink: var(--wire-color-on-danger);
.wrn-section[data-variant="solid"][data-color="danger"] {
--section-tint: var(--wrn-color-danger);
--section-ink: var(--wrn-color-on-danger);
}
.wire-section[data-border-top="true"] {
border-top: 1px solid var(--wire-color-border);
.wrn-section[data-border-top="true"] {
border-top: 1px solid var(--wrn-color-border);
}
.wire-section[data-border-bottom="true"] {
border-bottom: 1px solid var(--wire-color-border);
.wrn-section[data-border-bottom="true"] {
border-bottom: 1px solid var(--wrn-color-border);
}
@media (min-width: 640px) {
.wire-section[data-spacing="lg"] {
.wrn-section[data-spacing="lg"] {
padding-block: 5rem;
}
.wire-section[data-spacing="xl"] {
.wrn-section[data-spacing="xl"] {
padding-block: 6rem;
}
}