@orangesk/cms-templates 1.0.0-beta.2 → 1.0.0-beta.20

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 (157) hide show
  1. package/README.md +16 -1
  2. package/build/assets/100gb-preklik.png +0 -0
  3. package/build/assets/appstore.svg +31 -0
  4. package/build/assets/faktura-1.png +0 -0
  5. package/build/assets/faktura-2.png +0 -0
  6. package/build/assets/faktura-3.png +0 -0
  7. package/build/assets/faktura-4.png +0 -0
  8. package/build/assets/faktura-5.png +0 -0
  9. package/build/assets/find-work-in-central.png +0 -0
  10. package/build/assets/googleplay.svg +52 -0
  11. package/build/assets/image-placeholder-black.png +0 -0
  12. package/build/assets/image-placeholder.png +0 -0
  13. package/build/assets/kariera-1.png +0 -0
  14. package/build/assets/kariera-2.png +0 -0
  15. package/build/assets/kariera-3.png +0 -0
  16. package/build/assets/kariera-4.png +0 -0
  17. package/build/assets/kariera-5.png +0 -0
  18. package/build/assets/kariera-digital-future.png +0 -0
  19. package/build/assets/kariera-promo.png +0 -0
  20. package/build/assets/kariera-promo.svg +18 -0
  21. package/build/assets/kariera-v-orange.png +0 -0
  22. package/build/assets/love-odporucane-baliky-hero-xxl@2x.png +0 -0
  23. package/build/assets/luma-logo-small.png +0 -0
  24. package/build/assets/orange-tv-box-1.png +0 -0
  25. package/build/assets/orange-tv-box-10.png +0 -0
  26. package/build/assets/orange-tv-box-11.png +0 -0
  27. package/build/assets/orange-tv-box-12.png +0 -0
  28. package/build/assets/orange-tv-box-13.png +0 -0
  29. package/build/assets/orange-tv-box-14.png +0 -0
  30. package/build/assets/orange-tv-box-2.png +0 -0
  31. package/build/assets/orange-tv-box-3.png +0 -0
  32. package/build/assets/orange-tv-box-4.png +0 -0
  33. package/build/assets/orange-tv-box-5.png +0 -0
  34. package/build/assets/orange-tv-box-6.png +0 -0
  35. package/build/assets/orange-tv-box-7.png +0 -0
  36. package/build/assets/orange-tv-box-8.png +0 -0
  37. package/build/assets/orange-tv-box-9.png +0 -0
  38. package/build/assets/quote.svg +3 -0
  39. package/build/assets/recruiter-placeholder.png +0 -0
  40. package/build/assets/references-dominik.png +0 -0
  41. package/build/assets/references-kristina.png +0 -0
  42. package/build/assets/references-marian.png +0 -0
  43. package/build/assets/samsung-galaxy-24-je-tu-lg.png +0 -0
  44. package/build/assets/samsung-galaxy-24-je-tu.png +0 -0
  45. package/build/assets/samsung-galaxy-zflip7@2x.png +0 -0
  46. package/build/assets/samsung-galaxy-zfold7@2x.png +0 -0
  47. package/build/assets/samsung-hero-xxl.png +0 -0
  48. package/build/assets/tlacove-spravy.png +0 -0
  49. package/build/assets/tv-aid-1.svg +53 -0
  50. package/build/assets/tv-aid-2.svg +16 -0
  51. package/build/assets/tv-aid-3.svg +88 -0
  52. package/build/assets/tv-aid-4.svg +70 -0
  53. package/build/assets/video-placeholder.png +0 -0
  54. package/build/assets/work-on-central-placeholder.png +0 -0
  55. package/build/assets/youtube-logo-small.png +0 -0
  56. package/build/changelog/index.html +450 -6
  57. package/build/components/ContactFormB2B/index.html +4 -3
  58. package/build/fonts/HelveticaNeue-Bold.woff2 +0 -0
  59. package/build/fonts/HelveticaNeue-Light.woff2 +0 -0
  60. package/build/fonts/HelveticaNeue-Roman.woff2 +0 -0
  61. package/build/index.html +7 -5
  62. package/build/lib/base.css +3 -0
  63. package/build/lib/base.css.map +1 -0
  64. package/build/lib/components.css +1 -1
  65. package/build/lib/components.css.map +1 -1
  66. package/build/lib/footer.css +1 -1
  67. package/build/lib/footer.css.map +1 -1
  68. package/build/lib/footer.js +2 -0
  69. package/build/lib/footer.js.map +1 -0
  70. package/build/lib/megamenu.css +1 -1
  71. package/build/lib/megamenu.css.map +1 -1
  72. package/build/lib/megamenu.js +1 -1
  73. package/build/lib/megamenu.js.map +1 -1
  74. package/build/lib/scripts.js +1 -9
  75. package/build/lib/scripts.js.map +1 -1
  76. package/build/lib/style.css +1 -1
  77. package/build/lib/style.css.map +1 -1
  78. package/build/lib/tsconfig.tsbuildinfo +1 -1
  79. package/build/lib/utilities.css +2 -0
  80. package/build/lib/utilities.css.map +1 -0
  81. package/build/pages/basic-page-about-the-brand/index.html +4 -3
  82. package/build/pages/basic-page-gdpr/index.html +4 -3
  83. package/build/pages/blog-homepage-clovek/index.html +4 -18
  84. package/build/pages/blog-news-clovek/index.html +4 -3
  85. package/build/pages/blog-post-clovek/index.html +4 -3
  86. package/build/pages/business-trends-homepage/index.html +30 -0
  87. package/build/pages/business-trends-news/index.html +30 -0
  88. package/build/pages/business-trends-post/index.html +30 -0
  89. package/build/pages/career-at-orange/index.html +45 -0
  90. package/build/pages/device-lp-b2b/index.html +4 -3
  91. package/build/pages/device-lp-b2c/index.html +4 -3
  92. package/build/pages/device-lp-dvojicky-b2b/index.html +30 -0
  93. package/build/pages/device-lp-dvojicky-b2c/index.html +30 -0
  94. package/build/pages/digital-invoice/index.html +45 -0
  95. package/build/pages/help-and-support-b2b/index.html +30 -0
  96. package/build/pages/help-and-support-b2c/index.html +30 -0
  97. package/build/pages/homepage-b2b/index.html +4 -3
  98. package/build/pages/homepage-b2c/index.html +4 -3
  99. package/build/pages/increased-invoice/index.html +46 -0
  100. package/build/pages/invoices-and-payments/index.html +45 -0
  101. package/build/pages/job-offer-detail/index.html +45 -0
  102. package/build/pages/manuals-and-settings/index.html +45 -0
  103. package/build/pages/manuals-and-settings-general-template/index.html +30 -0
  104. package/build/pages/navody-a-nastavenia-apple-ios-16/index.html +45 -0
  105. package/build/pages/orange-tv-box/index.html +47 -0
  106. package/build/pages/press-and-news-releases/index.html +4 -3
  107. package/build/pages/press-and-news-releases-post/index.html +45 -0
  108. package/build/pages/press-center-docs-library/index.html +4 -3
  109. package/build/pages/press-center-general-terms/index.html +27 -26
  110. package/build/pages/press-center-informations-for-customers/index.html +4 -3
  111. package/build/pages/pricelist/index.html +4 -3
  112. package/build/pages/pricelist-tariff/index.html +4 -3
  113. package/build/pages/product-page-b2b-market-locator/index.html +4 -3
  114. package/build/pages/product-page-b2b-microsoft-365/index.html +4 -3
  115. package/build/pages/product-page-b2b-soc-as-a-service/index.html +4 -3
  116. package/build/pages/product-page-b2c-equipment-insurance/index.html +6 -12
  117. package/build/pages/product-page-b2c-online-security/index.html +6 -5
  118. package/build/pages/product-page-b2c-prima-volba/index.html +4 -3
  119. package/build/pages/roaming-b2b/index.html +5 -4
  120. package/build/pages/roaming-b2c/index.html +5 -4
  121. package/build/pages/roaming-b2c-detail/index.html +30 -0
  122. package/build/pages/roaming-b2c-overview/index.html +30 -0
  123. package/build/pages/signpost-insurance/index.html +4 -3
  124. package/build/pages/signpost-products-and-services/index.html +4 -3
  125. package/build/pages/tv-first-aid/index.html +47 -0
  126. package/build/pages/work-on-central/index.html +48 -0
  127. package/build/readme/index.html +15 -5
  128. package/build/shame.css +61 -74
  129. package/build/sprite.svg +1 -1
  130. package/package.json +14 -15
  131. package/build/assets/mirosoft-project.svg +0 -5
  132. package/build/assets/power-point.svg +0 -5
  133. package/build/assets/prima-vobla.png +0 -0
  134. package/build/assets/prima-volba-1.jpg +0 -0
  135. package/build/assets/project.svg +0 -5
  136. package/build/lib/after-components.css +0 -2
  137. package/build/lib/after-components.css.map +0 -1
  138. package/build/lib/before-components.css +0 -3
  139. package/build/lib/before-components.css.map +0 -1
  140. package/build/lib/scripts.css +0 -2
  141. package/build/lib/scripts.css.map +0 -1
  142. package/build/modules/image-section/README/index.html +0 -54
  143. package/build/modules/image-section/background-image/index.html +0 -44
  144. package/build/modules/image-section/half-width-image/index.html +0 -46
  145. package/build/modules/image-section/third-width-2-image-section/index.html +0 -44
  146. package/build/modules/image-section/third-width-frame-image-section/index.html +0 -49
  147. package/build/pages/equipment-insurance/index.html +0 -54
  148. package/build/pages/online-security/index.html +0 -53
  149. package/build/pages/press-center/index.html +0 -44
  150. package/build/pages/press-center-general-terms copy/index.html +0 -67
  151. package/build/pages/pricelist-tarrif/index.html +0 -44
  152. package/build/pages/product-page-b2b-market-locator copy/index.html +0 -44
  153. package/build/pages/product-page-b2b-microsoft-365 copy/index.html +0 -44
  154. package/build/pages/product-page-b2c-prima-volba-signpost/index.html +0 -44
  155. package/build/pages/roaming-b2x/index.html +0 -44
  156. /package/build/lib/{after-components.js → base.js} +0 -0
  157. /package/build/lib/{before-components.js → utilities.js} +0 -0
package/build/readme/index.html CHANGED
@@ -2,7 +2,7 @@
2
2
  <!DOCTYPE html>
3
3
  <html lang="sk">
4
4
  <head>
5
- <meta charstet="UTF-8" />
5
+ <meta charset="UTF-8" />
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
7
  <meta name="author" content="Lighting Beetle s.r.o." />
8
8
  <link rel="shortcut icon" href="/assets/favicon.ico" />
@@ -11,12 +11,12 @@
11
11
  <link rel="stylesheet" href="/lib/footer.css" />
12
12
  <link rel="stylesheet" href="/lib/fonts.css" />
13
13
  <link rel="stylesheet" href="/shame.css" />
14
- <title></title>
14
+ <title>Page</title>
15
15
  </head>
16
16
  <body>
17
17
  <div id="root">
18
18
  <main>
19
- <div id="MDX_ROOT_dd29c394-eeb7-4c20-bc5d-627c8c0061cc"><div class="section"><div class="container"><h1>CMS Templates</h1>
19
+ <div id="MDX_ROOT_dfd63bcc-d4eb-4f96-921b-2b8bef455215"><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
@@ -24,10 +24,19 @@
24
24
  <h2>Included Assets</h2>
25
25
  <p>This package includes the following resources:</p>
26
26
  <ul>
27
- <li><strong>Fonts</strong> - Web fonts for proper typography and styling</li>
28
27
  <li><strong>Images</strong> - Graphics and visual assets for components</li>
29
28
  <li><strong>shame.css</strong> - Additional stylesheet for component styling</li>
30
- </ul></div></div></div>
29
+ </ul>
30
+ <h2>Styling</h2>
31
+ <h3>Color Management</h3>
32
+ <p>This package uses CSS custom properties (variables) for color management of colors, which are not in design system. So use it instead of hardcoded <code>backgroundColor</code> values. This provides better color consistency and maintainability.</p>
33
+ <p><strong>Example:</strong></p>
34
+ <pre><code class="language-jsx">// Instead of:
35
+ style={{ backgroundColor: &quot;#D9DAC6&quot; }}
36
+
37
+ // Use:
38
+ style={{ &quot;--color-background-primary&quot;: &quot;#D9DAC6&quot; }}
39
+ </code></pre></div></div></div>
31
40
  </main>
32
41
  </div>
33
42
  <div id="root-tooltips"></div>
@@ -35,6 +44,7 @@
35
44
  <div id="root-modals"></div>
36
45
  <script type="module" src="/lib/scripts.js"></script>
37
46
  <script type="module" src="/lib/megamenu.js"></script>
47
+ <script type="module" src="/lib/footer.js"></script>
38
48
 
39
49
  <script>
40
50
  function toggleDarkMode() {
package/build/shame.css CHANGED
@@ -3,54 +3,6 @@
3
3
  border-radius: 0;
4
4
  }
5
5
  }
6
- @media screen and (min-width: 768px) {
7
- .container--stretch-right {
8
- --container-margin-left: calc((100vw - 744px) / 2);
9
- min-width: calc(744px + var(--container-margin-left));
10
- margin-left: var(--container-margin-left);
11
- }
12
- }
13
- @media screen and (min-width: 992px) {
14
- .container--stretch-right {
15
- --container-margin-left: calc((100vw - 960px) / 2);
16
- min-width: calc(960px + var(--container-margin-left));
17
- margin-left: var(--container-margin-left);
18
- }
19
- }
20
- @media screen and (min-width: 1240px) {
21
- .container--stretch-right {
22
- --container-margin-left: calc((100vw - 1200px) / 2);
23
- min-width: calc(1200px + var(--container-margin-left));
24
- margin-left: var(--container-margin-left);
25
- }
26
- }
27
- @media screen and (min-width: 1380px) {
28
- .container--stretch-right {
29
- --container-margin-left: calc((100vw - 1320px) / 2);
30
- min-width: calc(1320px + var(--container-margin-left));
31
- margin-left: var(--container-margin-left);
32
- }
33
- }
34
-
35
- html {
36
- scroll-behavior: smooth;
37
- }
38
-
39
- .toc li {
40
- position: relative;
41
- }
42
- .toc li:has(a.is-active)::before {
43
- content: "";
44
- width: 0.875rem;
45
- height: 1rem;
46
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgNy45OTk4TDAgMTUuNzk0TDYuODEzOTNlLTA3IDAuMjA1NTY2TDEzLjUgNy45OTk4WiIgZmlsbD0iI0ZGNzkwMCIvPgo8L3N2Zz4K");
47
- background-repeat: no-repeat;
48
- background-size: contain;
49
- position: absolute;
50
- left: -1.25rem;
51
- top: 0.375rem;
52
- }
53
-
54
6
  @layer components {
55
7
  .product-image {
56
8
  position: relative;
@@ -88,44 +40,60 @@ html {
88
40
  background-color: #ec3526;
89
41
  }
90
42
  }
43
+ .tiles {
44
+ overflow-x: auto;
45
+ flex-wrap: nowrap;
46
+ padding-top: 0.125rem;
47
+ padding-bottom: 0.125rem;
48
+ max-width: 56.25rem;
49
+ }
50
+ @media screen and (max-width: 767.98px) {
51
+ .tiles {
52
+ padding-bottom: 0.375rem;
53
+ }
54
+ }
91
55
  .tiles .tile__body {
92
- flex-direction: row;
56
+ flex-direction: column;
57
+ font-size: 1rem;
58
+ padding-left: 2.8125rem;
59
+ padding-right: 2.8125rem;
93
60
  }
94
- @media screen and (min-width: 768px) {
61
+ @media screen and (max-width: 767.98px) {
95
62
  .tiles .tile__body {
96
- flex-direction: column;
63
+ flex-direction: row;
64
+ padding: 1rem !important;
97
65
  }
98
66
  }
99
67
  @media screen and (max-width: 767.98px) {
100
68
  .tiles__icon {
101
- margin-right: 0.3125rem;
69
+ margin-right: 0.625rem;
102
70
  }
103
71
  }
104
72
 
105
- @media screen and (min-width: 480px) {
106
- .store-buttons .btn {
107
- margin-right: 1.25rem;
108
- }
109
- }
110
-
111
- .section-innovations {
112
- min-height: 35.4375rem;
113
- padding: 1.875rem 0;
114
- }
115
- @media screen and (min-width: 992px) {
116
- .section-innovations {
117
- padding: 3.75rem 0;
118
- min-height: 50rem;
73
+ @layer components {
74
+ .plus-pill {
75
+ position: absolute;
76
+ right: -2.625rem;
77
+ z-index: 1;
78
+ top: 33%;
79
+ border-width: 1px !important;
80
+ }
81
+ @media screen and (max-width: 767.98px) {
82
+ .plus-pill {
83
+ right: -2.125rem;
84
+ }
119
85
  }
120
86
  }
121
- .section-innovations .cover__content {
122
- padding: 0;
123
- flex: 1;
87
+ .avatar-card__avatar {
88
+ height: auto;
89
+ width: 3rem;
90
+ border-radius: 100%;
91
+ object-fit: cover;
92
+ object-position: center;
93
+ aspect-ratio: 1/1;
124
94
  }
125
- @media screen and (min-width: 992px) {
126
- .section-innovations .card__section {
127
- padding: 3.75rem;
128
- }
95
+ .avatar-card--large .avatar-card__avatar {
96
+ width: 5rem;
129
97
  }
130
98
 
131
99
  @layer base {
@@ -160,12 +128,31 @@ html {
160
128
  }
161
129
  }
162
130
  @layer base {
131
+ html {
132
+ scroll-behavior: smooth;
133
+ }
163
134
  body {
164
- overflow-x: clip;
135
+ font-size: 1.125rem;
165
136
  }
166
137
  }
167
138
  @layer components {
168
139
  .carousel__slide .card {
169
140
  flex: 1;
170
141
  }
142
+ li svg {
143
+ flex-shrink: 0;
144
+ }
145
+ @media screen and (max-width: 1239.98px) {
146
+ .body-banner--large .body-banner__content-inner {
147
+ padding: 1.875rem !important;
148
+ }
149
+ }
150
+ }
151
+ @layer utilities {
152
+ .shrink-0 {
153
+ flex-shrink: 0;
154
+ }
155
+ .flex-1 {
156
+ flex: 1;
157
+ }
171
158
  }