@orangesk/cms-templates 1.0.0-beta.32 → 1.0.0-beta.34
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.
- package/README.md +26 -0
- package/build/assets/married-couple.png +0 -0
- package/build/changelog/index.html +157 -2
- package/build/components/ContactFormB2B/index.html +1 -1
- package/build/images/card-device-example.png +0 -0
- package/build/index.html +3 -3
- package/build/lib/base.css +1 -1
- package/build/lib/base.css.map +1 -1
- package/build/lib/components.css +1 -1
- package/build/lib/components.css.map +1 -1
- package/build/lib/footer.css +1 -1
- package/build/lib/footer.css.map +1 -1
- package/build/lib/footer.js +1 -1
- package/build/lib/footer.js.map +1 -1
- package/build/lib/megamenu.css +1 -1
- package/build/lib/megamenu.css.map +1 -1
- package/build/lib/megamenu.js +1 -1
- package/build/lib/megamenu.js.map +1 -1
- package/build/lib/scripts.js +1 -1
- package/build/lib/scripts.js.map +1 -1
- package/build/lib/style.css +1 -1
- package/build/lib/style.css.map +1 -1
- package/build/lib/utilities.css +1 -1
- package/build/lib/utilities.css.map +1 -1
- package/build/pages/basic-page-about-the-brand/index.html +1 -1
- package/build/pages/basic-page-gdpr/index.html +1 -1
- package/build/pages/blog-homepage-clovek/index.html +1 -1
- package/build/pages/blog-news-clovek/index.html +1 -1
- package/build/pages/blog-post-clovek/index.html +1 -1
- package/build/pages/business-trends-homepage/index.html +1 -1
- package/build/pages/business-trends-news/index.html +1 -1
- package/build/pages/business-trends-post/index.html +1 -1
- package/build/pages/career-at-orange/index.html +1 -1
- package/build/pages/components/basic/index.html +49 -0
- package/build/pages/components/benefit-section/index.html +67 -0
- package/build/pages/components/cards-section/index.html +60 -0
- package/build/pages/components/hero/index.html +57 -0
- package/build/pages/components/process-section/index.html +56 -0
- package/build/pages/components/promo-banner/index.html +76 -0
- package/build/pages/components/tiles-section/index.html +58 -0
- package/build/pages/device-lp-b2b/index.html +1 -1
- package/build/pages/device-lp-b2c/index.html +1 -1
- package/build/pages/device-lp-dvojicky-b2b/index.html +1 -1
- package/build/pages/device-lp-dvojicky-b2c/index.html +1 -1
- package/build/pages/digital-invoice/index.html +1 -1
- package/build/pages/help-and-support-b2b/index.html +1 -1
- package/build/pages/help-and-support-b2c/index.html +1 -1
- package/build/pages/homepage-b2b/index.html +1 -1
- package/build/pages/homepage-b2c/index.html +1 -1
- package/build/pages/increased-invoice/index.html +2 -2
- package/build/pages/invoices-and-payments/index.html +1 -1
- package/build/pages/job-offer-detail/index.html +1 -1
- package/build/pages/manuals-and-settings/index.html +1 -1
- package/build/pages/manuals-and-settings-general-template/index.html +1 -1
- package/build/pages/navody-a-nastavenia-apple-ios-16/index.html +1 -1
- package/build/pages/orange-tv-box/index.html +1 -1
- package/build/pages/press-and-news-releases/index.html +1 -1
- package/build/pages/press-and-news-releases-post/index.html +1 -1
- package/build/pages/press-center-docs-library/index.html +1 -1
- package/build/pages/press-center-general-terms/index.html +1 -1
- package/build/pages/press-center-informations-for-customers/index.html +1 -1
- package/build/pages/pricelist/index.html +1 -1
- package/build/pages/pricelist-tariff/index.html +1 -1
- package/build/pages/product-page-b2b-market-locator/index.html +1 -1
- package/build/pages/product-page-b2b-microsoft-365/index.html +1 -1
- package/build/pages/product-page-b2b-soc-as-a-service/index.html +1 -1
- package/build/pages/product-page-b2c-equipment-insurance/index.html +3 -3
- package/build/pages/product-page-b2c-online-security/index.html +1 -1
- package/build/pages/product-page-b2c-prima-volba/index.html +1 -1
- package/build/pages/roaming-b2b/index.html +2 -2
- package/build/pages/roaming-b2c/index.html +2 -2
- package/build/pages/roaming-b2c-detail/index.html +1 -1
- package/build/pages/roaming-b2c-overview/index.html +1 -1
- package/build/pages/signpost-insurance/index.html +1 -1
- package/build/pages/signpost-products-and-services/index.html +1 -1
- package/build/pages/tv-first-aid/index.html +1 -1
- package/build/pages/work-on-central/index.html +2 -2
- package/build/readme/index.html +22 -1
- package/build/shame.css +9 -3
- package/build/sprite.svg +1 -1
- package/package.json +7 -7
package/build/readme/index.html
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
<body>
|
|
17
17
|
<div id="root">
|
|
18
18
|
<main>
|
|
19
|
-
<div id="
|
|
19
|
+
<div id="MDX_ROOT_d39dfd67-299f-4298-9d39-865ffd2a6d62"><div class="section"><div class="container"><h1>CMS Templates</h1>
|
|
20
20
|
<p>A package containing templates and components for CMS.</p>
|
|
21
21
|
<h2>Installation</h2>
|
|
22
22
|
<pre><code class="language-bash">npm install @orangesk/cms-templates
|
|
@@ -36,6 +36,27 @@ style={{ backgroundColor: "#D9DAC6" }}
|
|
|
36
36
|
|
|
37
37
|
// Use:
|
|
38
38
|
style={{ "--color-background-primary": "#D9DAC6" }}
|
|
39
|
+
</code></pre>
|
|
40
|
+
<h2><code>data-ods-id</code></h2>
|
|
41
|
+
<p>Page templates use static <code>data-ods-id</code> attributes on root content sections.</p>
|
|
42
|
+
<p>Purpose:</p>
|
|
43
|
+
<ul>
|
|
44
|
+
<li>They allow an external supplier to compare rendered HTML over time.</li>
|
|
45
|
+
<li>They provide a stable identifier for the same page section even when markup inside the section changes.</li>
|
|
46
|
+
<li>They make it easier to detect whether a section was added, removed, reordered, or edited between template versions.</li>
|
|
47
|
+
</ul>
|
|
48
|
+
<p>Rules:</p>
|
|
49
|
+
<ul>
|
|
50
|
+
<li><code>data-ods-id</code> must be static, readable, and unique within the rendered page.</li>
|
|
51
|
+
<li>For shared templates, the final value is built from <code>odsPrefix</code>, so B2C/B2B variants can reuse the same structure while keeping different IDs.</li>
|
|
52
|
+
<li>Add <code>data-ods-id</code> to the root page section component only.</li>
|
|
53
|
+
<li>Do not duplicate the same logical section ID on nested visual wrappers if the parent section already has its own <code>data-ods-id</code>.</li>
|
|
54
|
+
<li>If a section is rendered directly by a root component without an outer <code>Section</code> wrapper, add the <code>data-ods-id</code> to that root component.</li>
|
|
55
|
+
</ul>
|
|
56
|
+
<p>Example:</p>
|
|
57
|
+
<pre><code class="language-jsx"><Section data-ods-id="homepage-b2c__section-03">
|
|
58
|
+
...
|
|
59
|
+
</Section>
|
|
39
60
|
</code></pre></div></div></div>
|
|
40
61
|
</main>
|
|
41
62
|
</div>
|
package/build/shame.css
CHANGED
|
@@ -127,9 +127,12 @@
|
|
|
127
127
|
aspect-ratio: 1/1;
|
|
128
128
|
object-fit: cover;
|
|
129
129
|
}
|
|
130
|
-
|
|
131
|
-
.
|
|
132
|
-
|
|
130
|
+
.promo-banner--vertical .promo-banner__item {
|
|
131
|
+
padding-top: 3.75rem !important;
|
|
132
|
+
}
|
|
133
|
+
@media screen and (max-width: 991.98px) {
|
|
134
|
+
.promo-banner--vertical .promo-banner__item {
|
|
135
|
+
padding-top: 1.875rem !important;
|
|
133
136
|
}
|
|
134
137
|
}
|
|
135
138
|
}
|
|
@@ -140,4 +143,7 @@
|
|
|
140
143
|
.flex-1 {
|
|
141
144
|
flex: 1;
|
|
142
145
|
}
|
|
146
|
+
.text-relaxed {
|
|
147
|
+
max-inline-size: clamp(40rem, 75vw, 70rem);
|
|
148
|
+
}
|
|
143
149
|
}
|