Add the Neutral template family, template picker and text-only logo allowances

Linea (the vendor's original format.pdf design), Monogram and Serenity are
rebuilt from the Canva PDFs as one parametric family on the engine, with
the user's logo in the measured slot, a home for every GST field and
A4/Letter support. Adds static Montserrat, Open Sans and Poppins fonts and
a generated Ms Madi outline for Serenity's vertical word. Text-only logo
placeholders (Monolith, Tangerine) use a doc-derived allowance box. A
Carbon TemplatePicker with committed thumbnails opens from the page
setup controls.
This commit is contained in:
2026-10-04 07:27:12 +05:30
parent 86aaa1a790
commit 04d92aa149
61 changed files with 3278 additions and 110 deletions
+71
View File
@@ -198,6 +198,10 @@ body {
gap: 1rem;
}
.voiced-page-setup__extra {
margin-top: 0.75rem;
}
.voiced-page-setup__field {
min-width: 11rem;
flex: 1 1 11rem;
@@ -221,6 +225,73 @@ body {
flex: 1 1 12rem;
}
.voiced-template-picker__note {
margin-bottom: 1rem;
font-size: 0.875rem;
}
.voiced-template-picker__status {
flex: 1 1 auto;
align-self: center;
padding-left: 1rem;
font-size: 0.75rem;
}
.voiced-template-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
gap: 1rem;
}
.voiced-template-tile {
display: flex;
flex-direction: column;
gap: 0.75rem;
height: 100%;
min-height: 0;
box-sizing: border-box;
}
.voiced-template-tile--selected {
outline: 2px solid var(--cds-focus);
outline-offset: -2px;
}
.voiced-template-tile__thumb {
display: block;
width: 100%;
aspect-ratio: 420 / 594;
object-fit: cover;
border: 1px solid var(--cds-border-subtle);
background: var(--cds-layer);
}
.voiced-template-tile__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
}
.voiced-template-tile__name {
font-weight: 600;
}
.voiced-template-tile__check {
flex: none;
fill: var(--cds-support-success);
}
.voiced-template-tile__tags {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
}
.voiced-template-tile__tags .cds--tag {
margin: 0;
}
.voiced-pdf-preview {
display: flex;
flex-direction: column;