npm - @orangesk/cms-templates - Versions diffs - 1.0.0-beta.15 → 1.0.0-beta.16 - Mend

@orangesk/cms-templates 1.0.0-beta.15 → 1.0.0-beta.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (51) hide show

package/build/changelog/index.html CHANGED Viewed

@@ -16,9 +16,9 @@
 <body>
   <div id="root">
     <main>
-      <div id="MDX_ROOT_8ec436ca-37c7-4b2a-b596-f6be46fb7616"><div class="section"><div class="container"><h1>📝 Changelog</h1>
+      <div id="MDX_ROOT_809e8158-3232-4748-a25f-d1ccfdece525"><div class="section"><div class="container"><h1>📝 Changelog</h1>
 <p>All notable changes to this project will be documented in this file.</p>
-<h2>🌟 <a href="https://github.com/orangesk/cms-templates/compare/1.0.0-beta.15..master">unreleased</a></h2>
+<h2>🌟 <a href="https://github.com/orangesk/cms-templates/compare/1.0.0-beta.16..master">unreleased</a></h2>
 <h3>Added</h3>
 <ul>
 <li></li>
@@ -31,6 +31,85 @@
 <ul>
 <li></li>
 </ul>
+<h2>🌟 <a href="https://github.com/orangesk/cms-templates/compare/1.0.0-beta.15..1.0.0-beta.16">1.0.0-beta.16</a> | 27. 2. 2026</h2>
+<h3>Added</h3>
+<ul>
+<li></li>
+</ul>
+<h3>Changed</h3>
+<ul>
+<li><code>/pages/blog-post-clovek/</code>
+<ul>
+<li>updated content typography hierarchy and spacing classes (perex, headings, meta text)</li>
+<li>refined article meta markup presentation (caption classes, smaller clock icon, date styling)</li>
+<li>improved ToC markup structure and list spacing (<code>aria-labelledby</code>, summary title element, list item spacing)</li>
+<li>added missing <code>alt</code> text for author image in bio section</li>
+<li>added bottom blog CTA link in featured articles for smaller breakpoints</li>
+<li>updated sidebar promo card visual style (<code>noBorder</code>) for cleaner integration in dark section styling</li>
+<li>aligned featured-articles section background with dark page color scheme for consistent look</li>
+</ul>
+</li>
+<li><code>/pages/blog-news-clovek/</code>
+<ul>
+<li>updated article card heading hierarchy (<code>h2</code>) while preserving visual size (<code>h3</code>) for semantic HTML consistency</li>
+<li>unified article card title typography across blog-news grid and related card layouts</li>
+<li>aligned title styling behavior between blog news listing and featured articles cards</li>
+<li>updated article meta type text emphasis (<code>bold</code>) for clearer metadata readability</li>
+</ul>
+</li>
+<li><code>/pages/blog-homepage-clovek/</code>
+<ul>
+<li>adjusted spacing utilities for carousel and section blocks (<code>mb-large</code>, <code>mb-md-none</code>, <code>mb-lg-none</code>)</li>
+<li>refined testimonial link visual hierarchy from <code>h3</code> to <code>h4</code></li>
+<li>updated &quot;Iné&quot; section grid spacing (<code>columnGapSize=&quot;large&quot;</code>) and card spacing behavior across breakpoints</li>
+<li>removed explicit <code>Divider</code> color prop and kept style via utility classes for cleaner markup</li>
+<li>removed page-level <code>Breadcrumbs</code> block to simplify top-of-page HTML structure</li>
+<li>updated banner CTA button behavior on mobile via <code>buttonClassName=&quot;fullwidth-xs-only&quot;</code></li>
+</ul>
+</li>
+<li><code>/components/HeroSection/</code>
+<ul>
+<li>adjusted wrapper hierarchy to keep section spacing and clickable-area markup behavior consistent</li>
+</ul>
+</li>
+<li><code>/components/ArticleCard/</code>
+<ul>
+<li>increased horizontal card image column width on small screens (<code>xs: 3</code> → <code>xs: 5</code>) for better visual balance</li>
+</ul>
+</li>
+<li><code>/components/Tags/</code>
+<ul>
+<li>added <code>Bar</code> spacing and normalized desktop tag sizing (<code>size=&quot;large&quot;</code>) for more consistent chip layout</li>
+</ul>
+</li>
+<li><code>/components/FeaturedArticles/</code>
+<ul>
+<li>switched section surface styling between subtle/light and primary/dark backgrounds</li>
+</ul>
+</li>
+<li><code>/pages/blog-post-clovek/</code>
+<ul>
+<li>changed grid for article layout</li>
+<li>changed responsive behavior of orange star card (&quot;Becca, influencerka a moderátorka&quot;)</li>
+</ul>
+</li>
+<li><code>/pages/press-and-news-releases-post/</code>
+<ul>
+<li>spacing changes between paragraphs</li>
+</ul>
+</li>
+<li><code>/pages/press-and-news-releases/</code>
+<ul>
+<li>updated article card heading semantics from <code>tagline</code> to <code>titleTag=&quot;h2&quot;</code> for valid and consistent HTML hierarchy</li>
+<li>improved responsive grid row spacing (<code>xs: &quot;xlarge&quot;</code>, <code>md: &quot;large&quot;</code>) for better mobile/desktop layout rhythm</li>
+<li>made &quot;Načítať ďalšie&quot; CTA button full-width on extra-small screens (<code>fullwidth-xs-only</code>) for improved mobile usability</li>
+</ul>
+</li>
+</ul>
+<h3>Removed</h3>
+<ul>
+<li></li>
+</ul>
 <h2>🌟 <a href="https://github.com/orangesk/cms-templates/compare/1.0.0-beta.14..1.0.0-beta.15">1.0.0-beta.15</a> | 17. 2. 2026</h2>
 <h3>Added</h3>
 <ul>

package/build/components/ContactFormB2B/index.html CHANGED Viewed

@@ -16,7 +16,7 @@
 <body class="is-dark">
   <div id="root">
     <main>
-      <link rel="preload" as="image" href="/assets/form-waiting.svg"/><link rel="preload" as="image" href="/assets/form-success.svg"/><link rel="preload" as="image" href="/assets/form-error.svg"/><div id="MDX_ROOT_5166aff6-8b78-4088-96c8-7475910d6eba"><div class="is-dark"><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb-large"><h2 class="h1">Zaujala vás naša ponuka?</h2><p>Zanechajte nám vaše kontaktné údaje a my sa vám obratom ozveme. Spoločne nájdeme riešenie pre vaše podnikanie.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb"><div class="form-field__description"><label for="id-1" class="label form-field__label" id="id-1-label">Meno a Priezvisko</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-1" type="text" placeholder="Jožko Mrkvička" name="id-1"/></div></div><div class="form-field mb"><div class="form-field__description"><label for="id-2" class="label form-field__label" id="id-2-label">Telefonne cislo</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-2" type="text" placeholder="0901234567" name="id-2"/></div></div><div class="form-field mb"><div class="form-field__description"><label for="id-3" class="label form-field__label" id="id-3-label">Nazov spolocnosti alebo ICO</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-3" type="text" placeholder="Mrkva s.r.o." name="id-3"/></div></div><div class="form-field"><div class="form-field__description"><label for="id-4" class="label form-field__label" id="id-4-label">Obec vasho posobenia</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-4" type="text" placeholder="Čečebrdovce" name="id-4"/></div></div><div class="form-field mb-large form-field--radiocheck"><div class="form-field__control"><input class="checkbox" type="checkbox" id="id-5" name="id-5"/><div class="checkbox-display"></div></div><div class="form-field__description"><label for="id-5" class="label form-field__label" id="id-5-label">Súhlasím so spracovaním osobných údajov na marketingové účely. (súhlas je povinný) viac info</label></div></div><button type="submit" class="btn btn--primary fullwidth mb-small">Zavolajte mi</button></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb-large"><h2 class="h1">Zaujala vás naša ponuka?</h2><p>Zanechajte nám vaše kontaktné údaje a my sa vám obratom ozveme. Spoločne nájdeme riešenie pre vaše podnikanie.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb"><div class="form-field__description"><label for="id-6" class="label form-field__label" id="id-6-label">Meno a Priezvisko</label></div><div class="control-group form-field__control" aria-describedby="id-6-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-6" type="text" placeholder="Jožko Mrkvička" name="id-6" value="Jožko Mrkvička"/></div><p class="message" id="id-6-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div><div class="form-field mb"><div class="form-field__description"><label for="id-7" class="label form-field__label" id="id-7-label">Telefonne cislo</label></div><div class="control-group form-field__control" aria-describedby="id-7-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-7" type="text" placeholder="0901234567" name="id-7" value="0901234567"/></div><p class="message" id="id-7-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div><div class="form-field mb"><div class="form-field__description"><label for="id-8" class="label form-field__label" id="id-8-label">Nazov spolocnosti alebo ICO</label></div><div class="control-group form-field__control" aria-describedby="id-8-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-8" type="text" placeholder="Mrkva s.r.o." name="id-8" value="Mrkva s.r.o."/></div><p class="message" id="id-8-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div><div class="form-field"><div class="form-field__description"><label for="id-9" class="label form-field__label" id="id-9-label">Obec vasho posobenia</label></div><div class="control-group form-field__control" aria-describedby="id-9-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-9" type="text" placeholder="Čečebrdovce" name="id-9" value="Čečebrdovce"/></div><p class="message" id="id-9-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div><div class="form-field mb-large form-field--radiocheck"><div class="form-field__control"><input class="checkbox is-invalid" type="checkbox" id="id-10" aria-describedby="id-10-message-0" name="id-10"/><div class="checkbox-display"></div></div><div class="form-field__description"><label for="id-10" class="label form-field__label" id="id-10-label">Súhlasím so spracovaním osobných údajov na marketingové účely. (súhlas je povinný) viac info</label><p class="message" id="id-10-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div></div><button type="submit" class="btn btn--primary fullwidth mb-small">Zavolajte mi</button><p class="message"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Nastala neočakávaná chyba. Čo už.</p></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-waiting.svg" alt="Waiting for SMS code"/><h2 class="h1">Poslali sme vám sms kód</h2><p class="text-secondary">Na vami zadané číslo +421 XXX XXX sme vám zaslali kód. Prosím overte sa ním.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb-large"><div class="form-field__description"><label for="id-11" class="label form-field__label" id="id-11-label">PIN kód</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-11" type="text" name="id-11"/></div></div><button type="submit" class="btn btn--large d-flex align-self-center">Overiť</button><button type="button" class="btn btn--large btn--ghost d-flex align-self-center">Preposlať nový kód</button></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-waiting.svg" alt="Waiting for SMS code"/><h2 class="h1">Poslali sme vám sms kód</h2><p class="text-secondary">Na vami zadané číslo +421 XXX XXX sme vám zaslali kód. Prosím overte sa ním.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb-large"><div class="form-field__description"><label for="id-12" class="label form-field__label" id="id-12-label">PIN kód</label></div><div class="control-group form-field__control" aria-describedby="id-12-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-12" type="text" name="id-12" value="123456"/></div><p class="message" id="id-12-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Zadali ste nesprávny kód</p></div><button type="submit" class="btn btn--large d-flex align-self-center">Overiť</button><button type="button" class="btn btn--large btn--ghost d-flex align-self-center">Preposlať nový kód</button></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-waiting.svg" alt="Waiting for SMS code"/><h2 class="h1">Poslali sme vám sms kód</h2><p class="text-secondary">Na vami zadané číslo +421 XXX XXX sme vám zaslali kód. Prosím overte sa ním.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb-large"><div class="form-field__description"><label for="id-13" class="label form-field__label" id="id-13-label">PIN kód</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-13" type="text" name="id-13" value="123456"/></div></div><button type="submit" class="btn btn--large d-flex align-self-center">Overiť</button><p class="message align-center align-self-center"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Nastala neočakávaná chyba. Čo už.</p></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-success.svg" alt="Successful SMS code verification"/><h2 class="h1">Ďakujeme, údaje sme prijali!</h2><p class="text-secondary mb-large">Ozveme sa vám čo najskôr - spravidla do jedného pracovného dňa. Ak chcete, môžete sa medzitým dozvedieť viac o našich riešeniach pre firmy.</p><button type="submit" class="btn btn--large d-flex align-self-center">Pozrieť riešenia pre firmy</button></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-error.svg" alt="Error in SMS code verification"/><h2 class="h1">Nesprávny sms kód</h2><p class="text-secondary mb-large">Zadaný kód nie je platný alebo jeho platnosť vypršala. Pošleme vám nový, aby ste mohli dokončiť odoslanie formulára.</p><button type="submit" class="btn btn--large d-flex align-self-center">Preposlať nový kód</button></div></div></div></div></div>
+      <link rel="preload" as="image" href="/assets/form-waiting.svg"/><link rel="preload" as="image" href="/assets/form-success.svg"/><link rel="preload" as="image" href="/assets/form-error.svg"/><div id="MDX_ROOT_4d723d9b-f86b-411c-aa51-00cdae921e61"><div class="is-dark"><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb-large"><h2 class="h1">Zaujala vás naša ponuka?</h2><p>Zanechajte nám vaše kontaktné údaje a my sa vám obratom ozveme. Spoločne nájdeme riešenie pre vaše podnikanie.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb"><div class="form-field__description"><label for="id-1" class="label form-field__label" id="id-1-label">Meno a Priezvisko</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-1" type="text" placeholder="Jožko Mrkvička" name="id-1"/></div></div><div class="form-field mb"><div class="form-field__description"><label for="id-2" class="label form-field__label" id="id-2-label">Telefonne cislo</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-2" type="text" placeholder="0901234567" name="id-2"/></div></div><div class="form-field mb"><div class="form-field__description"><label for="id-3" class="label form-field__label" id="id-3-label">Nazov spolocnosti alebo ICO</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-3" type="text" placeholder="Mrkva s.r.o." name="id-3"/></div></div><div class="form-field"><div class="form-field__description"><label for="id-4" class="label form-field__label" id="id-4-label">Obec vasho posobenia</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-4" type="text" placeholder="Čečebrdovce" name="id-4"/></div></div><div class="form-field mb-large form-field--radiocheck"><div class="form-field__control"><input class="checkbox" type="checkbox" id="id-5" name="id-5"/><div class="checkbox-display"></div></div><div class="form-field__description"><label for="id-5" class="label form-field__label" id="id-5-label">Súhlasím so spracovaním osobných údajov na marketingové účely. (súhlas je povinný) viac info</label></div></div><button type="submit" class="btn btn--primary fullwidth mb-small">Zavolajte mi</button></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb-large"><h2 class="h1">Zaujala vás naša ponuka?</h2><p>Zanechajte nám vaše kontaktné údaje a my sa vám obratom ozveme. Spoločne nájdeme riešenie pre vaše podnikanie.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb"><div class="form-field__description"><label for="id-6" class="label form-field__label" id="id-6-label">Meno a Priezvisko</label></div><div class="control-group form-field__control" aria-describedby="id-6-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-6" type="text" placeholder="Jožko Mrkvička" name="id-6" value="Jožko Mrkvička"/></div><p class="message" id="id-6-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div><div class="form-field mb"><div class="form-field__description"><label for="id-7" class="label form-field__label" id="id-7-label">Telefonne cislo</label></div><div class="control-group form-field__control" aria-describedby="id-7-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-7" type="text" placeholder="0901234567" name="id-7" value="0901234567"/></div><p class="message" id="id-7-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div><div class="form-field mb"><div class="form-field__description"><label for="id-8" class="label form-field__label" id="id-8-label">Nazov spolocnosti alebo ICO</label></div><div class="control-group form-field__control" aria-describedby="id-8-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-8" type="text" placeholder="Mrkva s.r.o." name="id-8" value="Mrkva s.r.o."/></div><p class="message" id="id-8-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div><div class="form-field"><div class="form-field__description"><label for="id-9" class="label form-field__label" id="id-9-label">Obec vasho posobenia</label></div><div class="control-group form-field__control" aria-describedby="id-9-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-9" type="text" placeholder="Čečebrdovce" name="id-9" value="Čečebrdovce"/></div><p class="message" id="id-9-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div><div class="form-field mb-large form-field--radiocheck"><div class="form-field__control"><input class="checkbox is-invalid" type="checkbox" id="id-10" aria-describedby="id-10-message-0" name="id-10"/><div class="checkbox-display"></div></div><div class="form-field__description"><label for="id-10" class="label form-field__label" id="id-10-label">Súhlasím so spracovaním osobných údajov na marketingové účely. (súhlas je povinný) viac info</label><p class="message" id="id-10-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Error message</p></div></div><button type="submit" class="btn btn--primary fullwidth mb-small">Zavolajte mi</button><p class="message"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Nastala neočakávaná chyba. Čo už.</p></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-waiting.svg" alt="Waiting for SMS code"/><h2 class="h1">Poslali sme vám sms kód</h2><p class="text-secondary">Na vami zadané číslo +421 XXX XXX sme vám zaslali kód. Prosím overte sa ním.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb-large"><div class="form-field__description"><label for="id-11" class="label form-field__label" id="id-11-label">PIN kód</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-11" type="text" name="id-11"/></div></div><button type="submit" class="btn btn--large d-flex align-self-center">Overiť</button><button type="button" class="btn btn--large btn--ghost d-flex align-self-center">Preposlať nový kód</button></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-waiting.svg" alt="Waiting for SMS code"/><h2 class="h1">Poslali sme vám sms kód</h2><p class="text-secondary">Na vami zadané číslo +421 XXX XXX sme vám zaslali kód. Prosím overte sa ním.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb-large"><div class="form-field__description"><label for="id-12" class="label form-field__label" id="id-12-label">PIN kód</label></div><div class="control-group form-field__control" aria-describedby="id-12-message-0"><input class="text-input is-invalid text-input--fullwidth" id="id-12" type="text" name="id-12" value="123456"/></div><p class="message" id="id-12-message-0"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Zadali ste nesprávny kód</p></div><button type="submit" class="btn btn--large d-flex align-self-center">Overiť</button><button type="button" class="btn btn--large btn--ghost d-flex align-self-center">Preposlať nový kód</button></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-waiting.svg" alt="Waiting for SMS code"/><h2 class="h1">Poslali sme vám sms kód</h2><p class="text-secondary">Na vami zadané číslo +421 XXX XXX sme vám zaslali kód. Prosím overte sa ním.</p></div><div class="grid justify-content-center"><div class="grid__col grid__col--12 grid__col--sm-10 grid__col--md-7 grid__col--lg-5"><form action="#"><div class="form-field mb-large"><div class="form-field__description"><label for="id-13" class="label form-field__label" id="id-13-label">PIN kód</label></div><div class="control-group form-field__control"><input class="text-input text-input--fullwidth" id="id-13" type="text" name="id-13" value="123456"/></div></div><button type="submit" class="btn btn--large d-flex align-self-center">Overiť</button><p class="message align-center align-self-center"><svg class="icon icon--medium icon--danger message__icon" aria-hidden="true"><use xlink:href="/sprite.svg#error-severe"></use></svg>Nastala neočakávaná chyba. Čo už.</p></form></div></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-success.svg" alt="Successful SMS code verification"/><h2 class="h1">Ďakujeme, údaje sme prijali!</h2><p class="text-secondary mb-large">Ozveme sa vám čo najskôr - spravidla do jedného pracovného dňa. Ak chcete, môžete sa medzitým dozvedieť viac o našich riešeniach pre firmy.</p><button type="submit" class="btn btn--large d-flex align-self-center">Pozrieť riešenia pre firmy</button></div></div></div><div class="divider"><div class="divider__line"></div></div><div class="section section--default background-secondary"><div class="container"><div class="d-flex flex-column align-items-center align-center mb"><img class="img mb-large" src="/assets/form-error.svg" alt="Error in SMS code verification"/><h2 class="h1">Nesprávny sms kód</h2><p class="text-secondary mb-large">Zadaný kód nie je platný alebo jeho platnosť vypršala. Pošleme vám nový, aby ste mohli dokončiť odoslanie formulára.</p><button type="submit" class="btn btn--large d-flex align-self-center">Preposlať nový kód</button></div></div></div></div></div>
     </main>
   </div>
   <div id="root-tooltips"></div>

package/build/index.html CHANGED Viewed

@@ -16,9 +16,9 @@
 <body>
   <div id="root">
     <main>
-      <div id="MDX_ROOT_c2fe6cec-9865-46f4-9796-7f0da9d69c03"><div class="section"><div class="container"><h1>Orange CMS templates</h1><p><a href="https://www.npmjs.com/package/@orangesk/cms-templates/v/1.0.0-beta.15" class="link" target="_blank"><b>1.0.0-beta.15</b></a> builded with <a href="https://ods2.vercel.app/" class="link" target="_blank"><b>ODS </b>
+      <div id="MDX_ROOT_c3ab8dbb-c958-4321-b186-d0dd282cebdd"><div class="section"><div class="container"><h1>Orange CMS templates</h1><p><a href="https://www.npmjs.com/package/@orangesk/cms-templates/v/1.0.0-beta.16" class="link" target="_blank"><b>1.0.0-beta.16</b></a> builded with <a href="https://ods2.lb.sk/" class="link" target="_blank"><b>ODS </b>
 2.0.0-beta.30 </a></p><br/><p><a href="/readme" class="link">Readme</a> | <a href="/changelog" class="link">Changelog</a></p><br/><br/><section class="mb-xlarge"><p><h2>Pages</h2>
-🟠 WIP | 🟢 Done</p><ul><li><a href="/pages/blog-homepage-clovek" class="link">🟢 Blog Človek - Homepage</a></li><li><a href="/pages/blog-news-clovek" class="link">🟢 Blog Človek - Novinky</a></li><li><a href="/pages/blog-post-clovek" class="link">🟢 Blog Človek - Článok</a></li><hr/><li><a href="/pages/business-trends-homepage" class="link">🟢 Biznis trendy - Homepage</a></li><li><a href="/pages/business-trends-news" class="link">🟢 Biznis trendy - Novinky</a></li><li><a href="/pages/business-trends-post" class="link">🟢 Biznis trendy - Článok</a></li><hr/><li><a href="/pages/work-on-central" class="link">🟠 Práca na centrále</a></li><hr/><li><a href="/pages/press-and-news-releases" class="link">🟢 Tlačové správy</a></li><li><a href="/pages/press-and-news-releases-post" class="link">🟢 Tlačové správy - Článok</a></li><hr/><li><a href="/pages/product-page-b2c-equipment-insurance" class="link">🟢 Product Page B2C - Poistenie zariadení</a></li><li><a href="/pages/product-page-b2c-online-security" class="link">🟢 Product Page B2C - Online ochrana</a></li><li><a href="/pages/product-page-b2c-prima-volba" class="link">🟢 Product Page B2C - Prima voľba</a></li><hr/><li><a href="/pages/product-page-b2b-microsoft-365" class="link">🟢 Product Page B2B - Microsoft 365</a></li><li><a href="/pages/product-page-b2b-market-locator" class="link">🟢 Product Page B2B - Market Locator</a></li><li><a href="/pages/product-page-b2b-soc-as-a-service" class="link">🟠 Product Page B2B - SOC ako služba</a></li><hr/><li><a href="/pages/job-offer-detail" class="link">🟠 Pracovná ponuka</a></li><hr/><li><a href="/pages/homepage-b2c" class="link">🟠 Homepage B2C</a></li><li><a href="/pages/homepage-b2b" class="link">🟠 Homepage B2B</a></li><hr/><li><a href="/pages/signpost-products-and-services" class="link">🟠 Rázcestník - Produkty a služby</a></li><li><a href="/pages/signpost-insurance" class="link">🟠 Rázcestník - Poistenie</a></li><hr/><li><a href="/pages/device-lp-b2c" class="link">🟠 Device LP - B2C</a></li><li><a href="/pages/device-lp-b2b" class="link">🟠 Device LP - B2B</a></li><hr/><li><a href="/pages/device-lp-dvojicky-b2c" class="link">🟠 Device LP dvojičky - B2C</a></li><li><a href="/pages/device-lp-dvojicky-b2b" class="link">🟠 Device LP dvojičky - B2B</a></li><hr/><li><a href="/pages/press-center-docs-library" class="link">🟢 Tlačové centrum - Knižnica dokumentov</a></li><li><a href="/pages/press-center-general-terms" class="link">🟢 Tlačové centrum - Všeobecné podmienky</a></li><li><a href="/pages/press-center-informations-for-customers" class="link">🟢 Tlačové centrum - Informácie pre zákazníkov</a></li><hr/><li><a href="/pages/basic-page-gdpr" class="link">🟠 Basic page - Osobné údaje a ich spracovanie</a></li><li><a href="/pages/basic-page-about-the-brand" class="link">🟠 Basic page - O značke Orange</a></li><hr/><li><a href="/pages/help-and-support-b2c" class="link">🟠 Pomoc a podpora - B2C</a></li><li><a href="/pages/help-and-support-b2b" class="link">🟠 Pomoc a podpora - B2B</a></li><li><a href="/pages/manuals-and-settings-general-template" class="link">🟠 Návody a nastavenia - Všeobecný template</a></li><li><a href="/pages/manuals-and-settings" class="link">🟠 Návody a nastavenia</a></li></ul></section><section class="mb"><h2>Plugins</h2><ul><li><a href="/pages/career-at-orange" class="link">🟠 Kariéra v Orangei</a></li><hr/><li><a href="/pages/roaming-b2c" class="link">🟠 Roaming B2C</a></li><li><a href="/pages/roaming-b2c-overview" class="link">🟠 Roaming B2C - Prehľad</a></li><li><a href="/pages/roaming-b2c-detail" class="link">🟠 Roaming B2C - Detail</a></li><li><a href="/pages/roaming-b2b" class="link">🟠 Roaming B2B</a></li><hr/><li><a href="/pages/pricelist" class="link">🟢 Cenník</a></li><li><a href="/pages/pricelist-tariff" class="link">🟢 Cenník - Paušál</a></li></ul></section><section class="mb"><h2>Components</h2><ul><li><a href="/components/ContactFormB2B" class="link">🟢 Product Page B2B - Kontaktný formulár</a></li></ul></section><section class="mb"><h2>Archive</h2>
+🟠 WIP | 🟢 Done</p><ul><li><a href="/pages/blog-homepage-clovek" class="link">🟢 Blog Človek - Homepage</a></li><li><a href="/pages/blog-news-clovek" class="link">🟢 Blog Človek - Novinky</a></li><li><a href="/pages/blog-post-clovek" class="link">🟢 Blog Človek - Článok</a></li><hr/><li><a href="/pages/business-trends-homepage" class="link">🟢 Biznis trendy - Homepage</a></li><li><a href="/pages/business-trends-news" class="link">🟢 Biznis trendy - Novinky</a></li><li><a href="/pages/business-trends-post" class="link">🟢 Biznis trendy - Článok</a></li><hr/><li><a href="/pages/press-and-news-releases" class="link">🟢 Tlačové správy</a></li><li><a href="/pages/press-and-news-releases-post" class="link">🟢 Tlačové správy - Článok</a></li><hr/><li><a href="/pages/product-page-b2c-equipment-insurance" class="link">🟢 Product Page B2C - Poistenie zariadení</a></li><li><a href="/pages/product-page-b2c-online-security" class="link">🟢 Product Page B2C - Online ochrana</a></li><li><a href="/pages/product-page-b2c-prima-volba" class="link">🟢 Product Page B2C - Prima voľba</a></li><hr/><li><a href="/pages/product-page-b2b-microsoft-365" class="link">🟢 Product Page B2B - Microsoft 365</a></li><li><a href="/pages/product-page-b2b-market-locator" class="link">🟢 Product Page B2B - Market Locator</a></li><li><a href="/pages/product-page-b2b-soc-as-a-service" class="link">🟠 Product Page B2B - SOC ako služba</a></li><hr/><li><a href="/pages/homepage-b2c" class="link">🟠 Homepage B2C</a></li><li><a href="/pages/homepage-b2b" class="link">🟠 Homepage B2B</a></li><hr/><li><a href="/pages/signpost-products-and-services" class="link">🟠 Rázcestník - Produkty a služby</a></li><li><a href="/pages/signpost-insurance" class="link">🟠 Rázcestník - Poistenie</a></li><hr/><li><a href="/pages/device-lp-b2c" class="link">🟠 Device LP - B2C</a></li><li><a href="/pages/device-lp-b2b" class="link">🟠 Device LP - B2B</a></li><hr/><li><a href="/pages/device-lp-dvojicky-b2c" class="link">🟠 Device LP dvojičky - B2C</a></li><li><a href="/pages/device-lp-dvojicky-b2b" class="link">🟠 Device LP dvojičky - B2B</a></li><hr/><li><a href="/pages/press-center-docs-library" class="link">🟢 Tlačové centrum - Knižnica dokumentov</a></li><li><a href="/pages/press-center-general-terms" class="link">🟢 Tlačové centrum - Všeobecné podmienky</a></li><li><a href="/pages/press-center-informations-for-customers" class="link">🟢 Tlačové centrum - Informácie pre zákazníkov</a></li><hr/><li><a href="/pages/basic-page-gdpr" class="link">🟠 Basic page - Osobné údaje a ich spracovanie</a></li><li><a href="/pages/basic-page-about-the-brand" class="link">🟠 Basic page - O značke Orange</a></li><hr/><li><a href="/pages/help-and-support-b2c" class="link">🟠 Pomoc a podpora - B2C</a></li><li><a href="/pages/help-and-support-b2b" class="link">🟠 Pomoc a podpora - B2B</a></li><li><a href="/pages/manuals-and-settings-general-template" class="link">🟠 Návody a nastavenia - Všeobecný template</a></li><li><a href="/pages/manuals-and-settings" class="link">🟠 Návody a nastavenia</a></li></ul></section><section class="mb"><h2>Plugins</h2><ul><li><a href="/pages/work-on-central" class="link">🟠 Práca na centrále</a></li><hr/><li><a href="/pages/job-offer-detail" class="link">🟠 Pracovná ponuka</a></li><hr/><li><a href="/pages/career-at-orange" class="link">🟠 Kariéra v Orangei</a></li><hr/><li><a href="/pages/roaming-b2c" class="link">🟠 Roaming B2C</a></li><li><a href="/pages/roaming-b2c-overview" class="link">🟠 Roaming B2C - Prehľad</a></li><li><a href="/pages/roaming-b2c-detail" class="link">🟠 Roaming B2C - Detail</a></li><li><a href="/pages/roaming-b2b" class="link">🟠 Roaming B2B</a></li><hr/><li><a href="/pages/pricelist" class="link">🟢 Cenník</a></li><li><a href="/pages/pricelist-tariff" class="link">🟢 Cenník - Paušál</a></li></ul></section><section class="mb"><h2>Components</h2><ul><li><a href="/components/ContactFormB2B" class="link">🟢 Product Page B2B - Kontaktný formulár</a></li></ul></section><section class="mb"><h2>Archive</h2>
 <p>Old templates, not used anymore but kept for reference.</p><ul><li><a href="/pages/invoices-and-payments" class="link">Návody a nastavenia - Faktúry a platby</a></li><li><a href="/pages/navody-a-nastavenia-apple-ios-16" class="link">Návody a nastavenia - Apple - iOS 16</a></li><li><a href="/pages/orange-tv-box" class="link">Návody a nastavenia - Orange TV Box</a></li><li><a href="/pages/tv-first-aid" class="link">Návody a nastavenia - Prvá pomoc s televíziou</a></li><li><a href="/pages/increased-invoice" class="link">Faktúry a platby - Zvýšená faktúra</a></li><li><a href="/pages/digital-invoice" class="link">Faktúry a platby - Digitálna faktúra</a></li></ul></section></div></div></div>
     </main>
   </div>