@newlogic-digital/ui 3.4.2 → 3.7.5

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 (180) hide show
  1. package/README.md +21 -15
  2. package/package.json +32 -24
  3. package/src/data/main.json +25 -15
  4. package/src/emails/styles/main/+.css +3 -0
  5. package/src/emails/styles/main/Base/+.css +2 -0
  6. package/src/emails/styles/main/Base/config.css +22 -0
  7. package/src/emails/styles/main/Components/+.css +1 -0
  8. package/src/emails/styles/main/Components/Card.css +12 -0
  9. package/src/emails/styles/main/Ui/+.css +3 -0
  10. package/src/emails/styles/main/Ui/Btn.css +78 -0
  11. package/src/emails/styles/main/Ui/Heading.css +8 -0
  12. package/src/emails/styles/main/Ui/Text.css +12 -0
  13. package/src/emails/styles/main.css +92 -0
  14. package/src/emails/{templates/Layout.twig → templates.test/Layout.latte} +17 -5
  15. package/src/emails/templates.test/Sections/Footer.latte +22 -0
  16. package/src/emails/templates.test/Sections/Header.latte +37 -0
  17. package/src/emails/templates.test/Sections/Text.latte +24 -0
  18. package/src/icons.svg +27 -21
  19. package/src/scripts/Components/+.js +2 -1
  20. package/src/scripts/Components/Drawer.js +60 -0
  21. package/src/scripts/Components/Popover.js +65 -0
  22. package/src/scripts/Layout/+.js +0 -1
  23. package/src/scripts/Layout/Header.js +14 -24
  24. package/src/scripts/Libraries/+.js +4 -8
  25. package/src/scripts/Libraries/CookieConsent.js +65 -52
  26. package/src/scripts/Libraries/Dialog.js +19 -36
  27. package/src/scripts/Libraries/Form.js +5 -25
  28. package/src/scripts/Libraries/Naja.js +22 -20
  29. package/src/scripts/Libraries/ReCaptcha.js +8 -30
  30. package/src/scripts/Libraries/Reveal.js +32 -0
  31. package/src/scripts/Libraries/Ripple.js +6 -22
  32. package/src/scripts/Libraries/Stimulus.js +49 -5
  33. package/src/scripts/Libraries/Swup.js +45 -32
  34. package/src/scripts/Libraries/Toaster.js +55 -0
  35. package/src/scripts/Ui/+.js +3 -3
  36. package/src/scripts/Ui/Check.js +8 -0
  37. package/src/scripts/Ui/Control.js +194 -0
  38. package/src/scripts/Ui/ControlSelect.js +25 -0
  39. package/src/scripts/Ui/Text.js +9 -11
  40. package/src/scripts/Utils/+.js +3 -3
  41. package/src/scripts/Utils/cdn.js +1 -3
  42. package/src/scripts/Utils/initAfter.js +11 -0
  43. package/src/scripts/Utils/naja.js +41 -0
  44. package/src/scripts/Utils/utilities.js +8 -0
  45. package/src/scripts/main.js +2 -1
  46. package/src/styles/Components/+.css +4 -3
  47. package/src/styles/Components/Dialog/+.css +2 -0
  48. package/src/styles/Components/Dialog/Content.css +2 -0
  49. package/src/styles/Components/Dialog/CookieConsent.css +17 -0
  50. package/src/styles/Components/Dialog/Default.css +2 -43
  51. package/src/styles/Components/Drawer.css +18 -0
  52. package/src/styles/Components/Field.css +1 -0
  53. package/src/styles/Components/Popover.css +1 -0
  54. package/src/styles/Components/Toaster.css +2 -0
  55. package/src/styles/Layout/Header.css +9 -45
  56. package/src/styles/Layout/Main.css +11 -75
  57. package/src/styles/Layout/Nav.css +13 -33
  58. package/src/styles/Libraries/+.css +1 -7
  59. package/src/styles/Libraries/Datepicker.css +38 -229
  60. package/src/styles/Libraries/Pickr.css +13 -0
  61. package/src/styles/Ui/+.css +5 -5
  62. package/src/styles/Ui/Badge.css +8 -82
  63. package/src/styles/Ui/Btn.css +14 -226
  64. package/src/styles/Ui/Check.css +1 -0
  65. package/src/styles/Ui/Control.css +57 -0
  66. package/src/styles/Ui/ControlSelect.css +57 -0
  67. package/src/styles/Ui/Group.css +1 -0
  68. package/src/styles/Ui/Heading.css +4 -22
  69. package/src/styles/Ui/Image.css +1 -17
  70. package/src/styles/Ui/Info.css +1 -0
  71. package/src/styles/Ui/Label.css +1 -14
  72. package/src/styles/Ui/Link.css +6 -39
  73. package/src/styles/Ui/Notice.css +5 -43
  74. package/src/styles/Ui/Progress.css +1 -56
  75. package/src/styles/Ui/Switch.css +1 -70
  76. package/src/styles/Ui/Text.css +1 -254
  77. package/src/styles/Ui/Title.css +4 -15
  78. package/src/styles/Utils/+.css +6 -10
  79. package/src/styles/Utils/breakpoints.css +1 -9
  80. package/src/styles/Utils/config.css +16 -0
  81. package/src/styles/Utils/default.css +15 -26
  82. package/src/styles/Utils/keyframes.css +1 -182
  83. package/src/styles/Utils/theme/+.css +1 -1
  84. package/src/styles/Utils/theme/main.css +28 -23
  85. package/src/styles/Utils/utilities.css +42 -0
  86. package/src/styles/main.css +16 -14
  87. package/src/styles/tinymce.css +34 -0
  88. package/src/templates/Components/Dialog/Basic.latte +24 -0
  89. package/src/templates/Components/Dialog/CookieConsent.latte +27 -0
  90. package/src/templates/Components/Form/CookieConsent.latte +47 -0
  91. package/src/templates/Layout/Header.latte +38 -0
  92. package/src/templates/Layout/Main.latte +73 -0
  93. package/src/templates/Sections/CookieConsent.latte +69 -0
  94. package/src/templates/Sections/Site.latte +213 -0
  95. package/src/templates/Sections/Text.latte +64 -0
  96. package/src/templates/Sections/Ui/Docs/@intro.html +16 -65
  97. package/src/templates/Sections/Ui/Docs/@nav.html +68 -129
  98. package/src/templates/Sections/Ui/Docs/@styles.html +3 -7
  99. package/src/templates/Sections/Ui/Docs/Default.latte +979 -0
  100. package/src/templates/Sections/Ui/Icons.html +11 -9
  101. package/src/templates/Sections/Ui/Intro.html +62 -79
  102. package/src/templates/Sections/Ui.latte +8 -0
  103. package/src/templates/Ui/+.latte +5 -0
  104. package/src/templates/Ui/Check.latte +7 -0
  105. package/src/templates/Ui/Control.latte +9 -0
  106. package/src/templates/Ui/ControlDate.latte +14 -0
  107. package/src/templates/Ui/ControlSelect.latte +9 -0
  108. package/src/templates/Ui/ControlTime.latte +14 -0
  109. package/src/templates/Utils/sections.latte +3 -0
  110. package/src/views/dialog/basic.json.latte +5 -0
  111. package/src/views/email/email.latte +6 -0
  112. package/src/views/email/email.test.latte +6 -0
  113. package/src/views/gdpr.json +6 -4
  114. package/src/views/index.json +1 -1
  115. package/src/views/popover/info.json.latte +15 -0
  116. package/src/views/site.json +11 -0
  117. package/src/views/ui-icons.json +1 -1
  118. package/src/views/ui.json +1 -1
  119. package/vite.config.js +17 -16
  120. package/src/emails/styles/email.css +0 -77
  121. package/src/emails/templates/Content.twig +0 -16
  122. package/src/emails/templates/Header.twig +0 -14
  123. package/src/scripts/Components/CookieConsent.js +0 -83
  124. package/src/scripts/Layout/Main.js +0 -47
  125. package/src/scripts/Libraries/Anchor.js +0 -35
  126. package/src/scripts/Libraries/Drawer.js +0 -45
  127. package/src/scripts/Libraries/NativeSlider.js +0 -138
  128. package/src/scripts/Libraries/Script.js +0 -19
  129. package/src/scripts/Libraries/Tabs.js +0 -16
  130. package/src/scripts/Libraries/Tippy.js +0 -120
  131. package/src/scripts/Ui/Checkbox.js +0 -10
  132. package/src/scripts/Ui/Input.js +0 -259
  133. package/src/scripts/Ui/Select.js +0 -53
  134. package/src/scripts/Utils/Functions/+.js +0 -6
  135. package/src/scripts/Utils/Functions/checkValidity.js +0 -44
  136. package/src/scripts/Utils/Functions/dataValue.js +0 -52
  137. package/src/scripts/Utils/Functions/importScript.js +0 -17
  138. package/src/scripts/Utils/Functions/importStyle.js +0 -18
  139. package/src/scripts/Utils/Functions/loadStimulus.js +0 -42
  140. package/src/scripts/Utils/Functions/replaceTag.js +0 -12
  141. package/src/scripts/Utils/global.js +0 -15
  142. package/src/styles/Components/CookieConsent.css +0 -71
  143. package/src/styles/Components/Dropdown/+.css +0 -1
  144. package/src/styles/Components/Dropdown/Default.css +0 -5
  145. package/src/styles/Components/Form/+.css +0 -1
  146. package/src/styles/Components/Form/CookieConsent.css +0 -31
  147. package/src/styles/Libraries/Dialog.css +0 -35
  148. package/src/styles/Libraries/Drawer.css +0 -70
  149. package/src/styles/Libraries/Hint.css +0 -201
  150. package/src/styles/Libraries/NativeSlider.css +0 -60
  151. package/src/styles/Libraries/Ripple.css +0 -16
  152. package/src/styles/Libraries/Tabs.css +0 -19
  153. package/src/styles/Libraries/Tippy.css +0 -87
  154. package/src/styles/Ui/Checkbox.css +0 -150
  155. package/src/styles/Ui/Icon.css +0 -33
  156. package/src/styles/Ui/Input.css +0 -467
  157. package/src/styles/Ui/Radio.css +0 -4
  158. package/src/styles/Ui/Select.css +0 -137
  159. package/src/styles/Utils/icons.css +0 -9
  160. package/src/styles/Utils/normalize.css +0 -223
  161. package/src/styles/Utils/tailwind/+.css +0 -3
  162. package/src/styles/Utils/tailwind/base.css +0 -3
  163. package/src/styles/Utils/tailwind/gutters.css +0 -346
  164. package/src/styles/Utils/tailwind/utilities.css +0 -48
  165. package/src/styles/Utils/vars.css +0 -91
  166. package/src/styles/Utils/vendor.css +0 -2
  167. package/src/templates/Components/CookieConsent.twig +0 -30
  168. package/src/templates/Components/Dialogs/Basic.twig +0 -22
  169. package/src/templates/Layout/Header.twig +0 -42
  170. package/src/templates/Layout/Main.twig +0 -49
  171. package/src/templates/Sections/Gdpr.twig +0 -64
  172. package/src/templates/Sections/Ui/Docs/Default.twig +0 -1600
  173. package/src/templates/Sections/Ui.twig +0 -8
  174. package/src/templates/Utils/sections.twig +0 -3
  175. package/src/views/dialog/basic.json.twig +0 -3
  176. package/src/views/dropdown/tippy.json.twig +0 -16
  177. package/src/views/email/email.twig +0 -6
  178. /package/src/{styles/Utils/print.css → emails/styles/main/Base/font.css} +0 -0
  179. /package/src/{templates/Components/Items → emails/templates}/.gitkeep +0 -0
  180. /package/src/templates/Layout/{Footer.twig → Footer.latte} +0 -0
package/src/templates/Sections/Ui/Icons.html CHANGED
@@ -1,20 +1,22 @@
1
1
  <div class="py-section" data-controller="s-ui-icons">
2
- <div class="container gap-12 flex flex-wrap" id="icons">
3
- <h1 class="ui-heading w-full">Icons</h1>
4
- <div class="ui-text w-full -mt-8">
2
+ <div class="container gap-6 flex flex-wrap" id="icons">
3
+ <h1 class="ui-heading lg w-full">Icons</h1>
4
+ <div class="ui-text w-full -mt-2">
5
5
  <p>Basic icon set from <a href="https://heroicons.com/" target="_blank">heroicons.com</a>. You can add more in your <code>body</code> as <code>symbol</code></p>
6
6
  </div>
7
7
  </div>
8
8
  </div>
9
- <script n:syntax="off" data-controller="lib-script">
10
- window.LibStimulus.default.register('s-ui-icons', class extends window.LibStimulus.Controller {
9
+ <noscript n:syntax="off" data-controller="lib-script">
10
+ window.LibStimulus.default.controllers.filter((controller) => {
11
+ return controller.context.module.definition.identifier === 's-ui-icons'
12
+ }).length === 0 && window.LibStimulus.default.register('s-ui-icons', class extends window.LibStimulus.Controller {
11
13
  connect() {
12
14
  document.querySelectorAll('body > svg').forEach((svg) => {
13
15
  [...svg.children].forEach(symbol => {
14
16
  this.element.querySelector('#icons').insertAdjacentHTML('beforeend', `
15
- <button class="flex flex-col justify-center items-center gap-2" data-action="click->s-ui-icons#copy">
16
- <svg class="ui-icon" style="font-size: 2rem"><use href="#${symbol.id}"></use></svg>
17
- ${symbol.id}
17
+ <button class="flex flex-col justify-center items-center gap-2 p-4 bg-main/5 hover:bg-main/10 transition-all rounded min-w-[8rem] cursor-pointer" data-action="click->s-ui-icons#copy">
18
+ <svg class="size-6"><use href="#${symbol.id}"></use></svg>
19
+ <div class="ui-title font-normal">${symbol.id}</div>
18
20
  </button>
19
21
  `)
20
22
  })
@@ -25,4 +27,4 @@
25
27
  await navigator.clipboard.writeText(`<svg class="w-6 h-6"><use href="${currentTarget.querySelector('use').getAttribute('href')}"></use></svg>`)
26
28
  }
27
29
  })
28
- </script>
30
+ </noscript>
package/src/templates/Sections/Ui/Intro.html CHANGED
@@ -1,22 +1,22 @@
1
1
  <section class="s-intro pt-6 pb-8">
2
2
  <div class="container">
3
- <div class="wrp_s_head t:py-12">
4
- <h1 class="ui-heading m:text-2xl t:text-5xl t:leading-tight dark:text-light" data-size>Lightweight, modern and modular CSS&nbsp;framework with best principles</h1>
5
- <div class="ui-text t:text-2xl pt-8 pb-6 text-secondary dark:text-light dark:text-opacity-80">
6
- <p>Component framework with easy syntax. Modern approach of CSS properties, enriched with utility classes from <a href="https://tailwindcss.com" target="_blank">Tailwind</a>. Inspired by favourite frameworks like <a href="https://getbootstrap.com" target="_blank">Boostrap</a> and <a href="https://bulma.io" target="_blank">Bulma</a>.</p>
3
+ <div class="wrp_s_head md:py-12">
4
+ <h1 class="ui-heading max-md:text-2xl md:text-5xl md:leading-tight dark:text-light" data-size>Lightweight, modern and modular CSS&nbsp;framework with best principles</h1>
5
+ <div class="ui-text md:text-2xl pt-8 pb-6 text-secondary dark:text-light dark:text-opacity-80">
6
+ <p>Component framework with easy syntax for backend integration. Modern approach of CSS properties, enriched with utility classes from <a href="https://tailwindcss.com" target="_blank">TailwindCSS</a> and powered by <a href="https://winduum.dev" target="_blank">Winduum</a></p>
7
7
  </div>
8
8
  <div class="ui-text text-secondary dark:text-light dark:text-opacity-80">
9
- <p>Javascript implementation is mainly intended for use on backend rendered websites and applications such as with PHP</p>
9
+ <p>Javascript implementation is minimal and mainly intended for use on backend rendered websites and applications with PHP framework Nette</p>
10
10
  </div>
11
- <div class="row py-6 g-3 flex-wrap">
12
- <div class="col">
13
- <a href="/ui" class="ui-btn bg-primary">
11
+ <div class="flex py-6 gap-3 flex-wrap">
12
+ <div class="flex-col">
13
+ <a href="/ui" class="ui-btn">
14
14
  <span>Documentation</span>
15
15
  </a>
16
16
  </div>
17
- <div class="col">
18
- <a href="https://github.com/newlogic-digital/ui" target="_blank" rel="noopener" class="ui-btn bg-secondary">
19
- <span>Github v3.4.x</span>
17
+ <div class="flex-col">
18
+ <a href="https://github.com/newlogic-digital/ui" target="_blank" rel="noopener" class="ui-btn accent-main">
19
+ <span>Github v3.7.x</span>
20
20
  </a>
21
21
  </div>
22
22
  </div>
@@ -25,19 +25,36 @@
25
25
  </div>
26
26
  </div>
27
27
  <div class="wrp_s_body">
28
- <h1 class="ui-heading mt-4">Under the hood</h1>
29
- <div class="row py-6 gy-3 gx-8 flex-wrap items-center">
30
- <div class="col">
31
- <a href="https://postcss.org/" target="_blank">
32
- <svg class="w-auto h-12" viewBox="0 0 79 78" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M15.447 32.623c.106.08.29.132.106.29-.132.184-.29.342-.395.553-.105.185-.184.237-.342.106.21-.343.42-.66.63-.95zM68.342 60.24c0 .078.026.13.026.21.053-.105.053-.158.08-.21h-.106zm0 .236v-.026.026zm-5.368 10.277l-4.58-25.402c-.078-.025-.183-.077-.368-.13.053.105.08.184.106.263.13-.026.184-.026.236-.052 0-.026 0-.052.027-.08l4.58 25.404zm-4.737-31.12c-.026.078-.026.158-.026.237 0-.08 0-.16.028-.238zm.026.526c-.026 0-.026 0-.052-.028v.026c.028.026.028.026.054 0zm-.052.21v-.185c-.077.026-.156.026-.262.053.132.05.264.078.264.13z" fill="#DD3735"/><path d="M78.71 33.967c-.052-1.028-.078-2.056-.184-3.083-.184-1.397-.368-2.82-.684-4.19-.237-1.133-.63-2.214-1.026-3.294-.5-1.265-1-2.556-1.632-3.768-1.026-1.95-2.368-3.69-3.605-5.508-.818-1.16-1.87-2.108-2.66-3.294-.447-.685-1.105-1.264-1.763-1.79-1.053-.845-2.158-1.61-3.263-2.347a32.525 32.525 0 00-2.58-1.634c-.71-.397-1.473-.713-2.21-1.056-.842-.395-1.658-.87-2.605-1.054-.238-.05-.448-.13-.685-.21-.605-.21-1.184-.447-1.79-.632-.92-.29-1.815-.632-2.763-.87C50.342 1 49.394.843 48.446.71 47.394.555 46.316.5 45.262.397a26.83 26.83 0 00-2.026-.184c-1-.052-2.026-.052-3.026-.078-.5-.027-1.026-.08-1.526-.053-.763.026-1.526.105-2.29.21-.736.08-1.473.21-2.183.317-.867.105-1.735.158-2.604.264-.816.106-1.658.264-2.473.396-.29.053-.58.158-.87.21-.63.132-1.288.185-1.92.396-1.13.344-2.263.74-3.368 1.16-1.027.422-2.027.87-3 1.397-1 .552-1.948 1.21-2.895 1.844a45.325 45.325 0 00-2.66 1.923c-.84.66-1.63 1.397-2.394 2.135-.42.42-.763.922-1.158 1.396-.657.765-1.315 1.502-1.947 2.293-.524.66-1 1.344-1.5 2.03-.893 1.21-1.656 2.502-2.366 3.794-.29.527-.553 1.054-.816 1.58-.395.79-.816 1.555-1.184 2.372-.264.554-.474 1.16-.632 1.766-.367 1.292-.736 2.61-1.078 3.9-.316 1.16-.395 2.372-.42 3.558-.027 1.054.078 2.082.183 3.136.027.264-.13.58.184.79-.105.29-.026.45.13.5-.182.29.08.476-.024.74-.027.052.08.157.13.236 0 .08-.025.185 0 .264.028.237.133.474.133.738 0 .184.157.395.21.58.026.078 0 .21-.053.263-.158.184-.132.342.105.448.133.342.08.5.054.66.052.236-.027.315 0 .368.21.422.29.896.315 1.37 0 .106.053.212.106.343.026 0 0 .5 0 .5.13-.078.237-.104.368-.157.08.342.158.66.263.95.132.21.132.314.08.34.105.474.157.922.34 1.37 0-.5-.05-1-.13-1.475.368.132.684.263.895.263.027-.08.053-.184.08-.237-.158-.157-.29-.394-.448-.552.053.21 0 .29 0 .37-.105-.054-.237-.107-.368-.16.105-.13.21-.263.368-.42 0-.238-.13-.45-.5-.423.158-.052.316-.13.5-.184.29-.157-.026-.447-.026-.816.026-.447-.237-.895-.316-1.37-.132-.737-.105-1.844-.184-2.582-.158-.132-.29.21-.316.237.08.632.158 1.264.21 1.897-.157-.527-.263-1.107-.394-1.74-.027.185-.053.264-.053.37-.13.13-.026.29.053.474-.184-.08-.395-.052-.395-.052v.738c-.262-.264-.34-.474-.473-.66-.052-.21-.08-.42-.13-.63.05-.133 0-.212 0-.29a15.968 15.968 0 01-.08-.634c.026-.026-.026-.42-.026-.42.21.025.343.05.474.05-.263-.34-.08-.552.027-.763.053-.106.237-.13.29-.238.21-.395.553-.71.553-1.212 0-.237.08-.5.105-.738.053-.448.105-.896.13-1.344.054-.58 0-1.16.133-1.713.212-.92.475-1.843.764-2.766.21-.66.448-1.29.71-1.95.395-1.028.764-2.056 1.264-3.03.71-1.424 1.526-2.794 2.316-4.19.5-.87 1.026-1.687 1.58-2.53.525-.817 1.05-1.66 1.657-2.425a21.452 21.452 0 012.79-2.978c1.053-.948 2.053-1.923 3.184-2.793a31.984 31.984 0 014.682-3.006c1.343-.71 2.737-1.266 4.132-1.793.895-.342 1.868-.5 2.79-.79 1.052-.343 2.105-.5 3.21-.527.71-.027 1.395-.106 2.105-.185.632-.05 1.263-.104 1.948-.183-.08.105-.106.158-.132.21-.288.422-.604.844-.894 1.265-.237.343-.5.712-.737 1.054-.422.555-.87 1.108-1.264 1.688-.605.87-1.158 1.766-1.79 2.635-.63.843-1.315 1.634-1.973 2.45-.868 1.134-1.684 2.293-2.552 3.426-.79 1.08-1.63 2.11-2.394 3.19-.684.947-1.29 1.95-1.948 2.923-.973 1.45-1.947 2.872-2.92 4.322a271.928 271.928 0 01-2.316 3.294c-.053.08-.132.104-.21.157-.21.342-.21.527-.29.685-.21.395-.42.79-.658 1.16-.132.21-.316.394-.474.605-.026-.316.42-.474.21-.87-.13.212-.263.396-.394.607l-.316.63c.105.08.29.133.105.29-.08.133-.158.29-.237.423a.954.954 0 00.29-.264c0 .29-.158.526-.29.763-.105.21-.368.37-.552.527.026.027.21.106.237.132.237-.08.316-.21.343-.132.08-.105.158-.184.184-.263.104-.264.262-.474.525-.58.106-.053.184-.132.263-.21.79-.818 1.606-1.608 2.316-2.478 1.106-1.345 2.106-2.74 3.16-4.11.446-.58.973-1.16 1.446-1.714.078.606.026 1.185 0 1.74-.08.974-.132 1.95-.21 2.95-.027.395 0 .79-.027 1.186 0 .105-.08.184-.08.29 0 .263.08.553.08.817-.08.975-.186 1.923-.265 2.898-.027.21.078.422.13.607-.13 1.422.16 2.925-.078 4.427.184-.29.237-.474.237-.658.025-.158 0-.316 0-.5v-.264c.025-.475.13-.975.078-1.45-.053-.527-.053-1.027.053-1.528.053-.21-.026-.474.106-.738v.395c-.026 1.5.027 3.003-.183 4.505-.027.132.08.37-.21.343-.238.474.052.817-.21 1.08-.054.053.05.29.077.448-.106.317-.106.317.052.343.026.58.08 1.106.105 1.66.42-1 .21-2.03.396-3.058.026.422.053.844.026 1.29 0 .687-.026 1.345-.052 2.03 0 .132-.027.264-.053.396-.08.37-.105.738-.237 1.08-.105.264-.052.66-.052.975v1.003c.105.448-.027.685.052.948-.08.265-.105.344-.08.423l.08.395c.527-.053.29.343.5.553-.158.212-.105.29-.105.397 0 .237-.025.448-.052.685 0 .606-.026 1.212-.026 1.792 0 .08.026.157.026.236 0 .054-.026.74-.026.74.053.078 0 .157-.08.236-.025 0-.104-3.347-.104-3.347h-.395c-.052 1.58.08 3.003-.21 4.48-.316.025-.42.078-.764.078-.816 0-1.632 0-2.448.026-.974 0-1.92.026-2.895.026-.472 0-.972.054-1.446.054-.632 0-1.29-.08-1.92-.08-.975 0-1.922.08-2.896.106-.71.026-1.42.026-2.13.053-.475.025-.95.05-1.422.104-.21.026-.395.105-.658.184-.08 0-.263-.026-.42 0-.265.053-.5.21-.765.264-.395.08-.5.184-.448.58v.263c-.026.052.58-.08.58-.08-.054 0-.08.158-.16.29.212-.08.343-.132.475-.184.395.185.737.08 1.052.16 1.026.262 2.078.37 3.13.473.685.053 1.343.08 2.027.105.973.053 1.947.106 2.92.106.816 0 1.606-.08 2.42-.08 1.13 0 2.264.052 3.395.08.237 0 .5-.028.763-.028h1.92c1.712-.052 3.422-.08 5.133-.13.975-.028 1.975-.08 2.948-.107l3-.08c1.158-.026 2.316-.026 3.448-.05.868 0 1.71-.03 2.58-.055.972-.026 1.972-.105 2.946-.157.527-.027 1.054-.08 1.58-.132.632-.052 1.29-.13 1.92-.157.948-.054 1.922-.08 2.87-.133 1.184-.078 2.368-.183 3.578-.21 1.106-.052 2.237-.026 3.343-.052.974-.027 1.948-.08 2.948-.106l1.66-.08s1.104-.026 1.657-.08c.947-.052 1.894-.157 2.842-.183.604-.027 1.21 0 1.815-.027.973-.026 1.973-.08 2.947-.08.367 0 .762.054 1.236.08-.21.185-.342.29-.5.422.105.026.21.08.316.132a.71.71 0 01-.42.13c-.054.133-.107.186-.16.45h.474c-.184 0-.342.237-.526.395-.21-.054-.395 0-.5.29.184.104.158.183.132.29-.316.104-.553.21-.42.552-.107.052-.238.105-.37.184-.13.21-.368.263-.316.553.106.025.21.08.29.104-.132.053-.263.132-.395.184-.473.29-.262.422-.157.554-.08.053-.158.105-.237.132.052.237.13.29.157.29a9.301 9.301 0 00-.395.316c-.08.237-.185.342-.29.5-.105.158-.158.37-.29.527-.552.607-.947 1.32-1.657 1.793-.264.185-.5.422-.737.66-.474.447-.895.948-1.395 1.37a29.595 29.595 0 01-2.052 1.554c-.867.606-1.735 1.212-2.604 1.792-.474.315-1 .552-1.5.842-.5.29-.974.554-1.474.843-.316.21-.606.5-.948.66-.868.37-1.79.685-2.684 1.028-.87.37-1.5.685-2.158.922-.605.21-1.237.37-1.868.5-.21.054-.448 0-.685.027-.448.08-.895.186-1.343.238-1.158.158-2.316.264-3.473.422-.685.08-1.343.21-2.027.29-.473.026-.973-.026-1.447-.026-.342 0-.71.08-1.053.027-.552-.08-1.105-.21-1.658-.316-.13-.026-.316-.08-.42-.026-.21.106-.396-.052-.607 0-.13.027-.262-.08-.394-.08-.106-.025-.238.028-.37 0-.29-.078-.552-.183-.87-.157-.313.026-.63-.132-.97-.21-.475-.106-.92-.21-1.396-.317a2.381 2.381 0 01-.525-.237c-.685 0-1.133-.026-1.554-.185-.368-.13-.71-.315-1.105-.262-.104.026-.183-.026-.29-.026-.08-.106-.157-.317-.235-.317-.526.027-.842-.42-1.29-.553-.236-.08-.42-.343-.657-.422-.58-.237-1.052-.737-1.71-.816-.21-.027-.42-.132-.658-.21.08.104.13.183.21.262-.763-.37-1.473-.79-2.184-1.186-.104-.026-.183-.13-.262-.184l-.71-.474c-.395.08-.553-.08-.66-.132-.71-.5-1.525-.817-2.21-1.37-.29-.238-.63-.396-.84-.686-.37-.448-.817-.764-1.317-1.027-.394-.21-.762-.448-1.13-.685-.185-.132-.37-.29-.37-.58 0-.185-.078-.37-.315-.264-.105-.158-.21-.342-.342-.395-.316-.13-.526-.37-.763-.58-.237-.21-.42-.5-.71-.605-.527-.21-.843-.658-1.158-1.027-.738-.87-1.396-1.82-2.08-2.74-.053-.08-.158-.133-.237-.212.105.29.237.527.368.79-.262-.105-.446-.29-.604-.474-.027.027 1.815 3.057 1.815 3.057.16.237.29.475.448.712a.813.813 0 01-.79-.422c-.236-.42-.5-.684-1.026-.63a4.588 4.588 0 01-.13-.58c-.107 0-.185 0-.37-.027.37.58.685 1.08 1.027 1.66-.133-.08-.21-.132-.265-.158.473.5.815 1.133 1.42 1.45.132.605.816.895.974 1.475-.13-.027-.238-.053-.37-.08-.21-.263-.447-.526-.683-.816.052.184.13.342.236.474.316.395.606.79.974 1.133.132.134.316.187.316.424.21.105.29.13.368.13.054.16-.025.397.29.344.21.395.42.395.71.264.343.343.528.37.764.16 0 .13.026.262.026.368.105-.053.08-.132.08-.264.13.105.21.158.262.21.263.37.5.712.868 1.002.5.422.948.87 1.42 1.265.922.765 1.95 1.398 2.975 1.977 1.264.712 2.475 1.476 3.764 2.16 1.552.818 3.21 1.372 4.92 1.767.632.132 1.237.263 1.87.42.55.16 1.104.397 1.657.528.842.185 1.71.343 2.552.5.183.027.37.054.58.08.235.053.524-.053.577.027.132.21.237.104.395.078.184-.053.395-.053.605-.053.737.026 1.447.184 2.184.132.16 0 .396-.133.528.13.236-.105.368-.105.473-.13.028.236 0 .236-.05.262-.054.026-.133.053-.238.132.947.184 1.842.21 2.63 0 1.37.105 2.554-.053 3.686-.448.105.132.184.316.342.053.052-.08.184-.107.29-.133.236-.053.526-.158.736-.08.238.08.317-.13.5-.13.317 0 .606-.027.896-.08.158-.026.316-.105.5-.158a1.275 1.275 0 00-.58-.133c.317-.158.606-.29.896-.42-.053.078-.106.183-.21.183h.367c-.08 0-.185.237-.316.395.946-.237 1.814-.448 2.657-.66-.29-.552.315-.367.526-.684-.263.08-.526.158-.79.21.895-.447 1.816-.842 2.71-1.237-.13.158-.29.237-.525.37.158.025.263.025.342.05.42.133.316-.262.447-.5.5 0 .71-.078.947-.158.263-.08.526-.158.79-.263.42-.184.815-.42 1.236-.63.08-.028.21 0 .316 0 .29-.186.394-.344.473-.318.37.053.63-.08.736-.42.184-.133.316-.238.447-.318.578-.316 1.13-.632 1.71-.948.21 0 .316 0 .368-.027.344-.16.66-.342.975-.527a2.258 2.258 0 01-.263-.13c.262-.054.34-.08.5-.133.63-.74 1.5-1.24 2.157-1.82.29-.026.29-.105.29-.157.104-.132.21-.29.34-.396.58-.527 1.21-.975 1.737-1.528.763-.766 1.5-1.557 2.184-2.374.63-.738 1.264-1.475 1.79-2.292.737-1.133 1.368-2.293 2.026-3.48.474-.842.895-1.685 1.37-2.528.05-.08.157-.185.236-.185.71-.08 1.422-.13 2.106-.21.158-.026.342-.13.5-.21-.08-.132-.132-.29-.21-.422-.106-.16-.264-.29-.37-.45-.104-.13-.183-.29-.262-.447-.08-.13-.158-.236-.237-.37-.16-.29-.317-.58-.45-.894-.026-.08-.08-.21-.052-.29.474-1.027.658-2.134 1.105-3.162.447-1.054.58-2.24.79-3.373.184-1.08.29-2.16.42-3.24.08-.764.185-1.502.21-2.266.16-1.212.106-2.346.08-3.48-.026-1-.08-2.028-.13-3.03zM12.685 66.405c-.184-.21-.342-.448-.526-.658l.08-.08c.287.317.577.633.866.976-.158-.08-.342-.132-.42-.238zm.42.238c.08-.027.16-.027.238-.053.08.132.132.29.21.448-.368-.027-.552-.185-.447-.395zm27.37 10.883v-.08c.5-.052.973-.105 1.473-.157v.077c-.5.08-.973.13-1.473.158zm6.63-.685c-.367.08-.762.133-1.13.186-.132.026-.29.158-.342-.08-.053.027-.106.027-.158.054.13.394.447.078.71.236-.58.08-1.13.132-1.684.21v-.052c.16-.026.343-.053.5-.08v-.078a7.705 7.705 0 00-.79-.053c-.077 0-.183.106-.262.132-.105.026-.21.053-.342.053-.447.026-.894.026-1.316.052-.027 0-.08-.026-.106-.026v-.08c1.763-.236 3.5-.473 5.263-.71.027.052.027.105.053.157-.158 0-.263.055-.395.08zm.396-.262c.606-.08 1.16-.132 1.738-.21-1.21.342-1.605.394-1.737.21zM24.58 23.374c.84-1.16 1.71-2.32 2.552-3.505.263-.345.473-.714.736-1.056.08-.106.185-.158.316-.264l-.026-.05c.105-.133.21-.24.263-.344.134-.21.213-.448.318-.685a.385.385 0 01.105-.103c.37.184.37-.21.5-.343.237-.264.474-.553.684-.817.158-.21.316-.395.448-.632.026-.08-.053-.21-.08-.317h-.078c.08-.052.158-.13.237-.184.026 0 .026 0 .052-.026.158-.238.316-.475.474-.686.315-.42.657-.842 1.025-1.21-.052.13-.105.263-.158.368.027 0 .027.027.053.027.316-.422.658-.817.974-1.24-.027-.025-.053-.052-.08-.052-.13.132-.236.264-.368.396-.026-.027-.052-.053-.08-.053.265-.343.528-.685.79-1.08.053.08.106.184.21.395.107-.263.212-.447.29-.632-.078.08-.183.158-.262.238l-.08-.08.474-.71c.5-.712 1-1.45 1.5-2.162.185-.263.42-.474.58-.738.5-1 1.29-1.792 1.894-2.714.132-.184.316-.342.474-.5.13-.16.237-.106.342.026.71.896 1.42 1.818 2.13 2.714.528.66 1.054 1.29 1.554 1.976.605.844 1.184 1.687 1.79 2.53.684.975 1.368 1.95 2.026 2.95 1 1.477 1.947 2.953 2.947 4.428.737 1.08 1.474 2.135 2.184 3.215h-1.344c-1.236-.025-2.5-.13-3.736-.078-1.684.08-3.394.264-5.078.396-2.132.185-4.29.21-6.42.21-.765 0-1.528.107-2.29.16-.922.052-1.817.105-2.738.13-1.08.054-2.13.08-3.21.107-.606.026-1.237 0-1.895 0zm30.183 12.12v.238c-.026 0-.052.027-.105.027-.105-.37-.21-.766-.342-1.135-.263-.765-.553-1.53-1.027-2.214-.528-.737-1-1.5-1.528-2.265-.13-.185-.316-.343-.474-.5-.553-.607-1.106-1.24-1.816-1.687a21.485 21.485 0 00-3.29-1.688 7.374 7.374 0 01-.92-.474h.63l4.5-.08c.974-.025 1.922-.025 2.895-.078.236 0 .368.08.5.29.236.395.473.79.736 1.186.027.052.08.13.08.21 0 .58 0 1.186.026 1.766.025.606.08 1.186.104 1.792 0 .606-.053 1.238-.026 1.87.027.897.053 1.82.053 2.74zM26.447 26.67c1.237-.053 2.42-.132 3.632-.185.945-.053 1.92-.08 2.866-.132.395-.025.764-.05 1.158 0-.42.212-.842.423-1.21.686-.474.316-.92.737-1.395 1.08-.475.342-.896.764-1.29 1.212-.5.605-1.053 1.132-1.58 1.712-.37.422-.79.817-1.105 1.265-.447.58-.842 1.21-1.263 1.87.132-2.504.29-4.98.184-7.51zm17.185 25.35c-.843.21-1.71.448-2.58.553-.736.106-1.5.08-2.263.08a25.42 25.42 0 01-2.028-.08c-.763-.078-1.526-.157-2.263-.5-.633-.29-1.29-.553-1.92-.87-.634-.316-1.265-.684-1.74-1.264-.34-.423-.815-.765-1.236-1.134.08.316.263.58.553.764-.132.158-.316.08-.58-.343-.078.053-.157.08-.21.106.08-.185.158-.37.237-.527-.105-.21-.237-.448-.342-.66-.21-.342-.42-.71-.605-1.053-.053-.08-.053-.158-.105-.237a5.893 5.893 0 01-.37-.475c-.21-.315-.394-.657-.657-.974 0 .08.027.158.027.264-.027 0-.053.026-.053.026l-.554-1.344c-.026 0-.026 0-.052.026l.473 1.74c-.026 0-.052.025-.08.025-.077-.104-.156-.21-.21-.34-.052-.212-.21-.212-.34-.133-.08.053-.133.237-.106.316.185.448.395.896.606 1.344.052.158.105.29.184.448.027.053.106.105.106.184.106.21.185.42.316.606.237.316.5.632.737.948.235.316.445.66.656.975.026.053.105.053.13.08.133.395.58.684.896.526.08.606.737.817 1 1.397a11.957 11.957 0 01-.763-.343c-.027.026-.027.052-.054.105.316.158.632.316.92.5.265.16.528.317.765.5.316.29.685.45 1.13.554a.282.282 0 00-.05-.107c.736.343 1.5.712 2.078 1-2.737.054-5.658.107-8.685.16 0-.5-.026-.975-.026-1.476 0-.21.052-.395.025-.606-.08-1.21-.08-2.424-.237-3.61-.157-1.264-.157-2.503-.13-3.77.025-.683-.027-1.394-.054-2.08 0-.922 0-1.82.028-2.74 0-.132.053-.237.106-.37h.08c.025.054 0 .133.05.16.08.08.212.21.265.184.157-.106.394-.21.447-.37.13-.315.184-.658.184-.974 0-.236.106-.394.21-.553.054-.08.08-.158.133-.263-.105-.08-.21-.132-.342-.237.106-.29.08-.633.475-.79.052-.027.052-.16.08-.238.025-.213.05-.45.078-.66.052.08.08.105.13.157a.42.42 0 01.054-.08c0-.104-.026-.315 0-.315.316-.053.184-.395.342-.553.025-.028-.027-.107-.027-.16 0-.052 0-.13.026-.13.367-.08.315-.475.552-.66.08-.053.105-.13.21-.263.21.368-.158.553-.184.816.446-.263.578-.895.315-1.08.105-.08.21-.184.29-.29.29-.316.604-.606.868-.922.185-.236.29-.526.474-.763.106-.132.316-.237.474-.317.474-.262.92-.552 1.21-1 .053-.053.132-.105.21-.158.08-.053.238-.053.264-.132.027-.052-.052-.184-.105-.263.104-.053.21-.158.42-.264-.08.158-.105.264-.158.37l.13.13c.238-.184.606-.394.843-.552 0-.025-.132-.13-.132-.13-.157.08-.394.21-.63.316.05-.08.05-.132.08-.158.367-.237.735-.474 1.13-.66.92-.42 1.842-.842 2.763-1.237.158-.08.37-.026.553-.026.078 0 .13 0 .21-.026.42-.132.842-.264 1.263-.37.183-.052.393-.078.58-.078.787.025 1.577.025 2.366.078.342.026.658.105.974.21a9.88 9.88 0 011.184.5c.447.24.868.502 1.29.792.763.5 1.473 1.054 2.236 1.502.737.448 1.316 1.054 1.79 1.74.58.816 1.237 1.554 1.5 2.555l.394 1.74c.08.316.264.632.185 1-.133.66-.238 1.345-.343 2.004-.052.265-.105.53-.078.79.05.82-.265 1.53-.58 2.268-.106.237-.264.475-.395.738a.798.798 0 00.21.106l.237-.474c.027 0 .027 0 .053.027-.132.368-.237.764-.37 1.133-.314.817-.63 1.66-1.025 2.45-.21.448-.58.817-.842 1.24-.262.368-.473.763-.736 1.106-.237.29-.473.58-.79.79-.71.527-1.447 1.054-2.21 1.476-.473.29-1.026.448-1.552.58zm-14.027-1.4l-.026.027c-.055-.026-.134-.052-.186-.105l-.632-.95c-.052-.078-.08-.157-.052-.262.29.448.58.87.895 1.29zm16.37 3.61c1.183-.5 2.157-1.21 3.05-2.028.133-.132.264-.263.422-.37 1.106-.684 1.92-1.633 2.658-2.687.842-1.212 1.395-2.582 2.08-3.873a2.73 2.73 0 01.157-.29c-.053 3.004.29 5.955.684 8.933-2.973.105-6 .21-9.052.316zm26.683-.79c-.026.053-.08.106-.105.16-.027-.054-.027-.133-.053-.24-.158.423-.5.212-.737.212-1.42.027-2.868.027-4.29.027-1.368 0-2.762 0-4.13.024-.448 0-.922.105-1.37.132-1.078.052-2.157.08-3.236.105-.08 0-.158-.13-.29-.236a1.81 1.81 0 01-.158.237c-.028-.052-.08-.104-.133-.183-.026.08-.053.158-.08.21H58c-.053-.368-.158-.71-.158-1.08 0-.79.08-1.58.105-2.372.027-.368 0-.71 0-1.054.106.08.185.133.29.21.052-.103.105-.182.158-.26 0 0-.053-.028-.106-.08.05-.027.104-.08.104-.106.026-.08.08-.158.08-.21 0-.185-.054-.343-.08-.5.026 0 .052 0 .08-.028l.157.79h.08c-.106-.183.236-.342-.053-.552-.026-.027.026-.185.026-.264-.08-.157-.13-.315-.21-.526.026-.026.105-.053.184-.08-.105-.052-.184-.104-.263-.13.263-.238.263-.37.026-.633.054-.025.106-.025.106-.05 0-.238 0-.475-.052-.71-.053-.266.08-.58-.316-.74.026.08.053.132.105.21 0 0-.08.027-.158.08-.342-.317-.13-.74-.21-1.213.184.053.316.106.447.16-.053-.186-.184-.397-.263-.634h-.107v-1.74c0 .027.184.027.29.054 0-.027.025-.053.025-.08-.08-.105-.185-.21-.29-.342l.053-.053c-.21-.262-.105-.63-.105-.71V39.4c.264.264-.13.606.264.764v-.263h-.027c-.026-.395-.026-.79-.052-1.186h-.052c-.027.054-.027.08-.054.133h-.052l.158-6.298c.263.342.552.66.736 1 .606 1.108 1.395 2.057 2.132 3.058.632.87 1.21 1.818 1.79 2.714.71 1.08 1.394 2.16 2.105 3.24.526.818 1.08 1.635 1.63 2.426.5.71 1.028 1.396 1.554 2.082.446.606.92 1.212 1.367 1.818.527.738 1.053 1.475 1.58 2.187.262.368.552.737.84 1.106.16.21.396.37.554.5-.025 0-.052 0-.104-.026.08.105.13.184.184.237.29.158.316.316.158.554zM74 46.854v-.185c0 .052.026.13 0 .184zm.895-11.62c-.027 0-.184-.16-.21-.186-.027.08 0 .158-.053.264-.027-.078-.21-.052-.21-.13-.027.368.157.737.13 1.106.08-.053.395-.08.474-.158.027.026.08.052.106.052-.527.396-.395.79-.158 1.24.052.104.21.315.052.526-.052.053.027.21.053.343h.077v.05l-.237.08c-.052-.08-.367-.236-.367-.37v1.346c.263.08.263.448.368.633a.788.788 0 00.107-.21l.027.024c-.027.158-.053.316-.106.475-.052.236-.105.447-.13.684 0 .026.05.08.05.105-.288.66-.13 1.396-.235 2.08-.08.5 0 1.03-.053 1.556-.054.448-.16.922-.264 1.37-.027.08-.08.105-.21.158.052-.316.026-.527-.027-.817-.028 0-.37-.184-.397-.184 0 .37.21.87.29 1.29-.08-.026-.395-.21-.42-.21-.054.316-.054.738-.08 1.08-.027.264-.263.5-.29.79 0 .16.184.264.158.528h.21c0-.526.238-1 .238-1.554h.078c.027.053.106.106.08.132-.053.29-.16.606-.132.896 0 .158.13.316.08.5-.054.16-.08.317-.107.554-.027-.132-.053-.184-.053-.263-.026 0-.263-.027-.29-.027-.026.158.185.316.158.448-.026.026-.052.026-.105.053l-.868-1.266c-.686-1-1.37-2.003-2.054-3.03a6.312 6.312 0 01-.475-.79 36.947 36.947 0 00-2.71-4.033c-.762-.974-1.37-2.03-2.08-3.055-.656-.975-1.314-1.924-1.972-2.9-.237-.315-.526-.605-.737-.948-.683-1.08-1.29-2.187-1.972-3.267-.58-.897-1.21-1.767-1.816-2.636-.21-.29-.42-.607-.632-.923a.366.366 0 01-.052-.182c-.053-.58-.106-1.16-.132-1.713 0-.527.053-1.054.053-1.608v-.474c0-.132.025-.237.025-.37.025-.025.052-.078.078-.104-.763 0-1.553-.028-2.316 0-.5.025-.763-.186-1.105-.555-1-1.133-1.737-2.424-2.605-3.636a162.481 162.481 0 00-2.5-3.427c-.685-.922-1.37-1.818-2.053-2.74-.764-1.054-1.5-2.108-2.29-3.162a381.983 381.983 0 00-2.895-3.794c-.45-.58-.95-1.133-1.45-1.74.343.054.66.106.975.133l1.264.08c.947.077 1.894.13 2.84.26.79.107 1.58.265 2.396.396 1.738.29 3.448.765 5.106 1.318.974.316 1.92.738 2.87 1.133 2.13.87 4.157 1.924 6.157 3.03.63.343 1 .896 1.472 1.397.685.712 1.37 1.423 2.027 2.16.762.87 1.472 1.766 2.21 2.662.657.79 1.34 1.58 2 2.372.21.237.37.527.552.79.42.633.895 1.24 1.263 1.924.262.502.42 1.082.604 1.635.262.817.526 1.607.79 2.424.183.606.34 1.24.472 1.87.106.423.08.87.21 1.29.16.556 0 1.16.16 1.715.025.053.05.132.078.185.105.104.184.21.026.368-.025.026-.025.13 0 .21.054-.052.08-.105.133-.184 0 .053.025.08.025.105 0 .104-.027.21 0 .315 0 .052.052.13.078.184.053-.054.105-.08.21-.16.237.897.264 1.793.264 2.715 0 .87.157 1.74-.21 2.583.078-.29-.106-.555-.027-.818z" fill="#DD3A0A"/><path d="M58.08 45.482c.025 0 .052.027.052.027l-.027-.03c0-.025 0-.025-.026 0zm4.157 26.036c-.29.21-.58.395-.948.474-.028-.026-.028-.053-.054-.08.29-.184.605-.368.895-.553.027.05.08.104.106.157zM12.895 35.81c.29-.367.58-.736.894-1.105.025.026.235.08.262.105-.29.37-.685.87-.974 1.265-.054-.053-.133-.237-.185-.264zM5.42 48.725c-.21-.448-.42-.923-.63-1.37a.91.91 0 01.236-.106c.29.42.42.92.632 1.37 0 0-.21.105-.237.105zm6.712-12.65c-.158.238-.316.502-.474.74-.026-.028-.316.104-.342.078.158-.237.552-.66.71-.896.027.026.053.053.106.08zM59.422 72.6c.025 0 .025-.026.052-.026.184.026.394.052.605.052-.344.237-.555.21-.66-.026zm-47.24-35.418c.028-.08.08-.158.133-.237.052 0 .13-.027.13-.027.107-.184.107-.316.212-.474-.026-.026-.053-.026-.08-.053-.157.108-.315.24-.473.345.053.052.053.08.053.132-.21-.027-.29.08-.395.368-.026.08-.158.106-.29.21-.026.054-.052.186-.105.317l.027.028c-.053.053-.132.08-.132.08-.158.157-.342.29-.5.447-.026.08-.052.158-.052.237.185-.184.5-.527.737-.738l.027.027c.105-.158.184-.316.29-.474.025.026.025.052.052.08-.08.21-.158.446-.237.657-.055.026-.134.08-.134.053-.105.08-.184.184-.29.263l-.473.316c-.263.237-.526.447-.816.685-.184.29-.368.553-.58.896.317-.08.396.053.37.317.368.052.395-.237.5-.448.026-.054.053-.16.105-.186.237-.21.5-.394.763-.605.053-.053.053-.16.053-.238 0-.026-.133-.026-.212-.053.237-.264.58-.71.816-1 .132-.08.263-.186.263-.265-.026-.29.158-.368.37-.474-.106-.08-.133-.157-.133-.183z" fill="#DD3735"/><path d="M12.71 36.892c-.105.184-.21.342-.315.527l-.158-.08c-.105.605-.474 1.132-.842 1.237.105.053.21.106.29.08.078-.027.13-.16.183-.238l.71-1.028.238-.396-.105-.105zM3.948 48.46c.132 0 .264.026.42.026 0-.105.133-.08.133-.184h.08c0 .132.026.237.026.37h-.552c-.027-.027-.132-.186-.106-.212zm-.21-1.212c-.08-.08-.21-.158-.21-.237-.027-.104.052-.235.13-.367.054.184.08.342.132.527-.027.025-.053.052-.053.078zm.658-1.687c.105.266.21.556.316.82a.825.825 0 00-.21.105c-.105-.264-.237-.554-.342-.817a.652.652 0 01.237-.106zm58.58 25.194c.13-.052.288-.08.5-.13-.238.183-.422.315-.58.473-.027-.026-.053-.053-.08-.053.053-.105.106-.184.16-.29zM30.63 15.074c.157-.106.29-.185.447-.29l.052.052c-.16.21-.29.42-.475.685-.026-.183-.026-.29-.053-.42-.026 0 0 0 .027-.026zm7.71 13.333c.237-.106.474-.21.763-.343-.026.158-.026.264-.026.37a.927.927 0 00-.264-.054c-.158.027-.448.238-.58.264-.025 0 .106-.21.106-.237zm19.74 22.346c.052.263.552.395.052.658.08.055.157.08.236.134 0 .027-.026.08-.052.106-.053.025-.158.078-.21.05-.027 0-.08-.104-.08-.157 0-.237.027-.474.053-.79z" fill="#DD3735"/></g></svg>
28
+ <h1 class="ui-heading">Under the hood</h1>
29
+ <div class="flex py-6 gap-4 flex-wrap items-center">
30
+ <div class="flex-col">
31
+ <a href="https://winduum.dev/" target="_blank">
32
+ <svg class="w-auto h-12" fill="none" version="1.1" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
33
+ <path transform="matrix(1.6347 0 0 1.6347 -163.34 -163.97)" d="m164.12 328.98c6.506 0 11.78-5.274 11.78-11.78s-5.274-11.78-11.78-11.78-11.78 5.274-11.78 11.78 5.274 11.78 11.78 11.78z" fill="#064b95" filter="url(#filter1_d_23_89)"/>
34
+ <path transform="matrix(1.6347 0 0 1.6347 -163.34 -163.97)" d="m359.88 196.34c-10.93-24.75-30.8-44.62-55.55-55.55-88.9-39.26-175.33 25.24-175.33 109.55 0 15.61 2.97 30.54 8.36 44.26 2.68 6.81 10.94 9.47 17.15 5.59 4.85-3.02 6.76-9.07 4.68-14.39-4.3-11-6.67-22.96-6.67-35.46 0-68.89 71.6-121.38 144.29-86.95 17.72 8.4 32.06 22.73 40.46 40.46 34.43 72.69-18.06 144.29-86.95 144.29-21.13 0-40.72-6.74-56.73-18.18-4.63-3.31-10.95-2.89-14.99 1.12l-0.29 0.29c-5.03 5-4.45 13.37 1.31 17.52 19.92 14.33 44.34 22.79 70.7 22.79 84.31 0 148.8-86.43 109.55-175.33z" fill="#064b95" filter="url(#filter1_d_23_89)"/>
35
+ <path transform="matrix(1.6347 0 0 1.6347 -163.34 -163.97)" d="m152.54 250.34c0-68.82 71.44-121.26 144.05-87.06 17.64 8.31 31.91 22.3 40.37 39.87 21.5 44.67 10.089 89-17.851 116.66-4.16 4.12-4.749 10.62-1.299 15.35 4.23 5.79 12.629 6.51 17.739 1.47 33.76-33.34 48.131-86.28 24.411-140.15-10.93-24.81-30.81-44.74-55.61-55.69-88.9-39.26-175.33 25.24-175.33 109.55 0 15.61 2.97 30.54 8.36 44.26 2.68 6.81 10.94 9.47 17.15 5.59 4.85-3.02 6.76-9.07 4.68-14.39-4.3-11-6.67-22.96-6.67-35.46z" fill="#038aff" filter="url(#filter1_d_23_89)"/>
36
+ <defs>
37
+ <filter id="filter1_d_23_89" x="111" y="112" width="292.68" height="292.68" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
38
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
39
+ <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
40
+ <feOffset dx="7" dy="8"/>
41
+ <feGaussianBlur stdDeviation="12.5"/>
42
+ <feComposite in2="hardAlpha" operator="out"/>
43
+ <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0"/>
44
+ <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_23_89"/>
45
+ <feBlend in="SourceGraphic" in2="effect1_dropShadow_23_89" result="shape"/>
46
+ </filter>
47
+ </defs>
48
+ <path d="m295.82 290.94c-20.497 0-41.01-9.3433-56.619-28.012-19.336-23.13-50.754-23.111-70.045 0-5.972 7.1492-15.625 7.1492-21.597 0-5.972-7.1492-5.972-18.705 0-25.854 31.204-37.337 82.004-37.373 113.24 0 19.321 23.111 50.739 23.093 70.045 0 5.972-7.1492 15.625-7.1492 21.597 0 5.972 7.1492 5.972 18.705 0 25.854-15.594 18.668-36.107 28.012-56.619 28.012z" fill="#038aff" stroke-width=".52223"/>
49
+ </svg>
33
50
  </a>
34
51
  </div>
35
- <div class="col">
52
+ <div class="flex-col mr-2">
36
53
  <a href="https://tailwindcss.com/docs" target="_blank">
37
54
  <svg class="w-auto h-6" viewBox="0 0 247 31"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.517 0C18.712 0 14.46 3.382 12.758 10.146c2.552-3.382 5.529-4.65 8.931-3.805 1.941.482 3.329 1.882 4.864 3.432 2.502 2.524 5.398 5.445 11.722 5.445 6.804 0 11.057-3.382 12.758-10.145-2.551 3.382-5.528 4.65-8.93 3.804-1.942-.482-3.33-1.882-4.865-3.431C34.736 2.92 31.841 0 25.517 0zM12.758 15.218C5.954 15.218 1.701 18.6 0 25.364c2.552-3.382 5.529-4.65 8.93-3.805 1.942.482 3.33 1.882 4.865 3.432 2.502 2.524 5.397 5.445 11.722 5.445 6.804 0 11.057-3.381 12.758-10.145-2.552 3.382-5.529 4.65-8.931 3.805-1.941-.483-3.329-1.883-4.864-3.432-2.502-2.524-5.398-5.446-11.722-5.446z" fill="#06B6D4"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M76.546 12.825h-4.453v8.567c0 2.285 1.508 2.249 4.453 2.106v3.463c-5.962.714-8.332-.928-8.332-5.569v-8.567H64.91V9.112h3.304V4.318l3.879-1.143v5.937h4.453v3.713zM93.52 9.112h3.878v17.849h-3.878v-2.57c-1.365 1.891-3.484 3.034-6.285 3.034-4.884 0-8.942-4.105-8.942-9.389 0-5.318 4.058-9.388 8.942-9.388 2.801 0 4.92 1.142 6.285 2.999V9.112zm-5.674 14.636c3.232 0 5.674-2.392 5.674-5.712s-2.442-5.711-5.674-5.711-5.674 2.392-5.674 5.711c0 3.32 2.442 5.712 5.674 5.712zm16.016-17.313c-1.364 0-2.477-1.142-2.477-2.463a2.475 2.475 0 012.477-2.463 2.475 2.475 0 012.478 2.463c0 1.32-1.113 2.463-2.478 2.463zm-1.939 20.526V9.112h3.879v17.849h-3.879zm8.368 0V.9h3.878v26.06h-3.878zm29.053-17.849h4.094l-5.638 17.849h-3.807l-3.735-12.03-3.771 12.03h-3.806l-5.639-17.849h4.094l3.484 12.315 3.771-12.315h3.699l3.734 12.315 3.52-12.315zm8.906-2.677c-1.365 0-2.478-1.142-2.478-2.463a2.475 2.475 0 012.478-2.463 2.475 2.475 0 012.478 2.463c0 1.32-1.113 2.463-2.478 2.463zm-1.939 20.526V9.112h3.878v17.849h-3.878zm17.812-18.313c4.022 0 6.895 2.713 6.895 7.354V26.96h-3.878V16.394c0-2.713-1.58-4.14-4.022-4.14-2.55 0-4.561 1.499-4.561 5.14v9.567h-3.879V9.112h3.879v2.285c1.185-1.856 3.124-2.749 5.566-2.749zm25.282-6.675h3.879V26.96h-3.879v-2.57c-1.364 1.892-3.483 3.034-6.284 3.034-4.884 0-8.942-4.105-8.942-9.389 0-5.318 4.058-9.388 8.942-9.388 2.801 0 4.92 1.142 6.284 2.999V1.973zm-5.674 21.775c3.232 0 5.674-2.392 5.674-5.712s-2.442-5.711-5.674-5.711-5.674 2.392-5.674 5.711c0 3.32 2.442 5.712 5.674 5.712zm22.553 3.677c-5.423 0-9.481-4.105-9.481-9.389 0-5.318 4.058-9.388 9.481-9.388 3.519 0 6.572 1.82 8.008 4.605l-3.34 1.928c-.79-1.678-2.549-2.749-4.704-2.749-3.16 0-5.566 2.392-5.566 5.604 0 3.213 2.406 5.605 5.566 5.605 2.155 0 3.914-1.107 4.776-2.749l3.34 1.892c-1.508 2.82-4.561 4.64-8.08 4.64zm14.472-13.387c0 3.249 9.661 1.285 9.661 7.89 0 3.57-3.125 5.497-7.003 5.497-3.591 0-6.177-1.607-7.326-4.177l3.34-1.927c.574 1.606 2.011 2.57 3.986 2.57 1.724 0 3.052-.571 3.052-2 0-3.176-9.66-1.391-9.66-7.781 0-3.356 2.909-5.462 6.572-5.462 2.945 0 5.387 1.357 6.644 3.713l-3.268 1.82c-.647-1.392-1.904-2.035-3.376-2.035-1.401 0-2.622.607-2.622 1.892zm16.556 0c0 3.249 9.66 1.285 9.66 7.89 0 3.57-3.124 5.497-7.003 5.497-3.591 0-6.176-1.607-7.326-4.177l3.34-1.927c.575 1.606 2.011 2.57 3.986 2.57 1.724 0 3.053-.571 3.053-2 0-3.176-9.66-1.391-9.66-7.781 0-3.356 2.908-5.462 6.572-5.462 2.944 0 5.386 1.357 6.643 3.713l-3.268 1.82c-.646-1.392-1.903-2.035-3.375-2.035-1.401 0-2.622.607-2.622 1.892z" fill="currentColor"></path></svg>
38
55
  </a>
39
56
  </div>
40
- <div class="col">
57
+ <div class="flex-col mr-2">
41
58
  <a href="https://stimulus.hotwire.dev/" target="_blank">
42
59
  <svg class="w-auto h-6" viewBox="0 0 372.93 60.02" xmlns="http://www.w3.org/2000/svg">
43
60
  <g fill="#77e8b9">
@@ -49,7 +66,7 @@
49
66
  </svg>
50
67
  </a>
51
68
  </div>
52
- <div class="col">
69
+ <div class="flex-col -mt-4">
53
70
  <a href="https://swup.js.org/getting-started" target="_blank">
54
71
  <svg class="w-auto h-12" viewBox="0 0 996 429" xmlns="http://www.w3.org/2000/svg">
55
72
  <g fill="none">
@@ -61,67 +78,33 @@
61
78
  </a>
62
79
  </div>
63
80
  </div>
64
- <div class="row g-3 items-center flex-wrap">
65
- <div class="col">
66
- <div class="ui-badge rounded-full bg-secondary">Newlogic Core</div>
67
- </div>
68
- <div class="col">
69
- <div class="ui-badge rounded-full bg-secondary">Vite</div>
70
- </div>
71
- <div class="col">
72
- <div class="ui-badge rounded-full bg-secondary">PostCSS</div>
73
- </div>
74
- <div class="col">
75
- <div class="ui-badge rounded-full bg-secondary">Lightweight</div>
76
- </div>
77
- <div class="col">
78
- <div class="ui-badge rounded-full bg-secondary">Modern</div>
79
- </div>
80
- <div class="col">
81
- <div class="ui-badge rounded-full bg-secondary">Modular</div>
82
- </div>
83
- <div class="col">
84
- <div class="ui-badge rounded-full bg-secondary">Responsive</div>
85
- </div>
86
- <div class="col">
87
- <div class="ui-badge rounded-full bg-secondary">Progressive</div>
88
- </div>
89
- <div class="col">
90
- <div class="ui-badge rounded-full bg-secondary">Fast</div>
91
- </div>
92
- <div class="col">
93
- <div class="ui-badge rounded-full bg-secondary">Dark Mode</div>
94
- </div>
95
- <div class="col">
96
- <div class="ui-badge rounded-full bg-secondary">Easy syntax</div>
97
- </div>
98
- <div class="col">
99
- <div class="ui-badge rounded-full bg-secondary">CSS Variables</div>
100
- </div>
101
- <div class="col">
102
- <div class="ui-badge rounded-full bg-secondary">ES6 Javascript</div>
103
- </div>
104
- <div class="col">
105
- <div class="ui-badge rounded-full bg-secondary">Dynamic imports</div>
106
- </div>
107
- <div class="col">
108
- <div class="ui-badge rounded-full bg-secondary">Importmaps</div>
109
- </div>
110
- <div class="col">
111
- <div class="ui-badge rounded-full bg-secondary">Icomoon</div>
112
- </div>
113
- <div class="col">
114
- <div class="ui-badge rounded-full bg-secondary">Lazysizes</div>
115
- </div>
116
- <div class="col">
117
- <div class="ui-badge rounded-full bg-secondary">Mobile First</div>
118
- </div>
119
- <div class="col">
120
- <div class="ui-badge rounded-full bg-secondary">Backend First</div>
121
- </div>
81
+ <div class="flex gap-3 items-center flex-wrap">
82
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Newlogic Core</div>
83
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Vite</div>
84
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Vituum</div>
85
+ <div class="ui-badge rounded-full accent-body-secondary text-main">PostCSS</div>
86
+ <div class="ui-badge rounded-full accent-body-secondary text-main">TailwindCSS</div>
87
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Stimulus</div>
88
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Swup</div>
89
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Lightweight</div>
90
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Modern</div>
91
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Modular</div>
92
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Accessible</div>
93
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Responsive</div>
94
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Progressive</div>
95
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Fast</div>
96
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Dark Mode</div>
97
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Easy syntax</div>
98
+ <div class="ui-badge rounded-full accent-body-secondary text-main">CSS Properties</div>
99
+ <div class="ui-badge rounded-full accent-body-secondary text-main">ES Modules</div>
100
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Dynamic Imports</div>
101
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Lazyloading</div>
102
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Mobile First</div>
103
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Backend First</div>
104
+ <div class="ui-badge rounded-full accent-body-secondary text-main">Made for Nette</div>
122
105
  </div>
123
- <div class="ui-text py-12">
124
- <p>The core of the Newlogic UI is Newlogic Core, which compiles modern JS and CSS syntax and contains other tools for web development. Source code can be used with any other tools or even different environment than NodeJS, e.g. Deno and is written in W3C standards and should be runnable in current or future version of browsers. The framework is modular, and you can really use only what is needed for your project.</p>
106
+ <div class="ui-text py-8 accent-main">
107
+ <p>Newlogic UI uses <a href="https://core.newlogic.cz" target="_blank">Newlogic Core</a>, which compiles modern JS and CSS syntax via <a href="https://vitejs.dev" target="_blank">Vite</a> and <a href="https://vituum.dev" target="_blank">Vituum</a>. Source code can be used with any other tools or even different environment than NodeJS, e.g. Deno and is written in W3C standards and should be runnable in current or future version of browsers.</p>
125
108
  </div>
126
109
  </div>
127
110
  <div class="wrp_s_footer flex items-center mt-2">
package/src/templates/Sections/Ui.latte ADDED
@@ -0,0 +1,8 @@
1
+ {if isset($control->intro)}
2
+ {include 'Ui/Intro.html'}
3
+ {elseif isset($control->icons)}
4
+ {include 'Ui/Icons.html'}
5
+ {else}
6
+ {include 'Ui/Docs/@styles.html'}
7
+ {include 'Ui/Docs/Default.latte'}
8
+ {/if}
package/src/templates/Ui/+.latte ADDED
@@ -0,0 +1,5 @@
1
+ {import 'Check.latte'}
2
+ {import 'Control.latte'}
3
+ {import 'ControlDate.latte'}
4
+ {import 'ControlTime.latte'}
5
+ {import 'ControlSelect.latte'}
package/src/templates/Ui/Check.latte ADDED
@@ -0,0 +1,7 @@
1
+ <div class="ui-check {isset($classes) ?? $classes|noescape}"
2
+ {isset($attributes) ?? $attributes|noescape}
3
+ n:define="UiCheck"
4
+ >
5
+ {block body}{/block}
6
+ {block label}{/block}
7
+ </div>
package/src/templates/Ui/Control.latte ADDED
@@ -0,0 +1,9 @@
1
+ <div class="ui-control {ifset $classes}{$classes|noescape}{/ifset}"
2
+ {ifset $attributes}{$attributes|noescape}{/ifset}
3
+ n:define="UiControl"
4
+ >
5
+ {block iconl}{/block}
6
+ {block body}{/block}
7
+ {block iconr}{/block}
8
+ {block label}{/block}
9
+ </div>
package/src/templates/Ui/ControlDate.latte ADDED
@@ -0,0 +1,14 @@
1
+ <div class="ui-control {ifset $classes}{$classes|noescape}{/ifset}"
2
+ {ifset $attributes}{$attributes|noescape}{/ifset}
3
+ n:define="UiControlDate"
4
+ >
5
+ {block iconl}{/block}
6
+ {block body}{/block}
7
+ <div class="ms-auto">
8
+ {block iconr}{/block}
9
+ <svg data-action="click->ui-control#showDatepicker">
10
+ <use href="#icon-calendar"></use>
11
+ </svg>
12
+ </div>
13
+ {block label}{/block}
14
+ </div>
package/src/templates/Ui/ControlSelect.latte ADDED
@@ -0,0 +1,9 @@
1
+ <div class="ui-control {ifset $classes}{$classes|noescape}{/ifset}"
2
+ {ifset $attributes}{$attributes|noescape}{/ifset}
3
+ n:define="UiControlSelect"
4
+ >
5
+ {block iconl}{/block}
6
+ {block body}{/block}
7
+ {block iconr}{/block}
8
+ {block label}{/block}
9
+ </div>
package/src/templates/Ui/ControlTime.latte ADDED
@@ -0,0 +1,14 @@
1
+ <div class="ui-control {ifset $classes}{$classes|noescape}{/ifset}"
2
+ {ifset $attributes}{$attributes|noescape}{/ifset}
3
+ n:define="UiControlTime"
4
+ >
5
+ {block iconl}{/block}
6
+ {block body}{/block}
7
+ <div class="ms-auto">
8
+ {block iconr}{/block}
9
+ <svg data-action="click->ui-control#showPicker">
10
+ <use href="#icon-clock"></use>
11
+ </svg>
12
+ </div>
13
+ {block label}{/block}
14
+ </div>
package/src/templates/Utils/sections.latte ADDED
@@ -0,0 +1,3 @@
1
+ {foreach $sections as $section}
2
+ {include ('../' . $section->src), control => $section}
3
+ {/foreach}
package/src/views/dialog/basic.json.latte ADDED
@@ -0,0 +1,5 @@
1
+ {capture $dialog}
2
+ {include '../../templates/Components/Dialog/Basic.latte'}
3
+ {/capture}
4
+
5
+ {$dialog|json('content')|noescape}
package/src/views/email/email.latte ADDED
@@ -0,0 +1,6 @@
1
+ <extends src="emails/templates.test/Layout.latte">
2
+ <block name="body">
3
+ <include src="emails/templates.test/Sections/Header.latte"></include>
4
+ <include src="emails/templates.test/Sections/Text.latte"></include>
5
+ </block>
6
+ </extends>
package/src/views/email/email.test.latte ADDED
@@ -0,0 +1,6 @@
1
+ <extends src="emails/templates.test/Layout.latte">
2
+ <block name="body">
3
+ <include src="emails/templates.test/Sections/Header.latte"></include>
4
+ <include src="emails/templates.test/Sections/Text.latte"></include>
5
+ </block>
6
+ </extends>
package/src/views/gdpr.json CHANGED
@@ -1,11 +1,13 @@
1
1
  {
2
- "headerNormal": true,
2
+ "headerOffset": true,
3
3
  "page": {
4
- "title": "Newlogic UI",
4
+ "title": "GDPR",
5
5
  "body": [
6
6
  {
7
- "src": "Sections/Gdpr.twig",
8
- "intro": true
7
+ "src": "Sections/Text.latte"
8
+ },
9
+ {
10
+ "src": "Sections/CookieConsent.latte"
9
11
  }
10
12
  ]
11
13
  }
package/src/views/index.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "title": "Newlogic UI",
5
5
  "body": [
6
6
  {
7
- "src": "Sections/Ui.twig",
7
+ "src": "Sections/Ui.latte",
8
8
  "intro": true
9
9
  }
10
10
  ]
package/src/views/popover/info.json.latte ADDED
@@ -0,0 +1,15 @@
1
+ {capture $content}
2
+ <div class="c-popover-content shadow h-48" id="popover2" aria-describedby="popoverAction" popover="manual">
3
+ <input type="text" autofocus>
4
+ <button
5
+ type="button"
6
+ data-action="controller#delegate"
7
+ data-controller-name-param="c-popover"
8
+ data-controller-method-param="hide"
9
+ data-controller-selector-param="#popoverAction"
10
+ >x</button>
11
+ </div>
12
+ {/capture}
13
+
14
+ {$content|json('content')|noescape}
15
+
package/src/views/site.json ADDED
@@ -0,0 +1,11 @@
1
+ {
2
+ "headerNormal": true,
3
+ "page": {
4
+ "title": "Playground",
5
+ "body": [
6
+ {
7
+ "src": "Sections/Site.latte"
8
+ }
9
+ ]
10
+ }
11
+ }
package/src/views/ui-icons.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "title": "Newlogic UI",
5
5
  "body": [
6
6
  {
7
- "src": "Sections/Ui.twig",
7
+ "src": "Sections/Ui.latte",
8
8
  "icons": true
9
9
  }
10
10
  ]
package/src/views/ui.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "title": "Newlogic UI",
5
5
  "body": [
6
6
  {
7
- "src": "Sections/Ui.twig"
7
+ "src": "Sections/Ui.latte"
8
8
  }
9
9
  ]
10
10
  }
package/vite.config.js CHANGED
@@ -1,26 +1,27 @@
1
+ import { defineConfig } from 'vite'
1
2
  import core from '@newlogic-digital/core'
2
- import postcssHasPseudo from 'css-has-pseudo'
3
- import postcssCustomSelectors from 'postcss-custom-selectors'
4
3
 
5
- export default {
4
+ export default defineConfig({
6
5
  plugins: [
7
6
  core({
8
- format: ['twig'],
9
- twig: {
10
- globals: {
11
- template: './src/templates/Layout/Main.twig'
12
- }
13
- },
14
- tailwindcss: {
15
- nesting: {
16
- noIsPseudoSelector: true
7
+ juice: {
8
+ postcss: {
9
+ globalData: {
10
+ files: ['./src/emails/styles/main/Base/config.css']
11
+ }
17
12
  }
18
13
  }
19
14
  })
20
15
  ],
21
- css: {
22
- postcss: {
23
- plugins: [postcssCustomSelectors(), postcssHasPseudo()]
16
+ build: {
17
+ target: ['edge111', 'firefox111', 'chrome111', 'safari16'],
18
+ rollupOptions: {
19
+ output: {
20
+ manualChunks: {
21
+ swup: ['swup'],
22
+ stimulus: ['@hotwired/stimulus']
23
+ }
24
+ }
24
25
  }
25
26
  }
26
- }
27
+ })
package/src/emails/styles/email.css DELETED
@@ -1,77 +0,0 @@
1
- @import "../../styles/Utils/theme/main.css";
2
-
3
- :root {
4
- --width: 660px;
5
- --container: 30px;
6
- }
7
-
8
- body {
9
- margin: 0;
10
- padding: 0;
11
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
12
- color: var(--color-default);
13
- }
14
-
15
- table {
16
- border-collapse: separate;
17
- }
18
-
19
- p {
20
- font-size: 16px;
21
- line-height: 1.5;
22
- color: var(--color-default);
23
- margin: 0;
24
- }
25
-
26
- .elm_container_wrapper {
27
- background-color: #fff;
28
- width: 100%;
29
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
30
- color: var(--color-default);
31
-
32
- & .elm_container {
33
- margin: 0;
34
- width: 100%;
35
- background-color: #fff;
36
-
37
- & > tr > td {
38
- padding: 0 var(--container);
39
-
40
- &.elm_full {
41
- padding: 0;
42
- }
43
- }
44
-
45
- & .elm_inner_container {
46
- width: var(--width);
47
- min-width: var(--width);
48
- padding: 0;
49
- }
50
- }
51
- }
52
-
53
- .elm_content {
54
- & .elm_content_info {
55
- color: #606060;
56
- font-size: 13px;
57
- line-height: 2;
58
-
59
- & a {
60
- &, & span {
61
- color: #606060;
62
- }
63
- }
64
- }
65
-
66
- & .elm_content_heading {
67
- font-size: 22px;
68
- font-weight: 600;
69
- color: var(--color-primary);
70
- }
71
- }
72
-
73
- @media print {
74
- * {
75
- -webkit-print-color-adjust: exact;
76
- }
77
- }
package/src/emails/templates/Content.twig DELETED
@@ -1,16 +0,0 @@
1
- <tr class="nlm_content">
2
- <td>
3
- <table class="elm_inner_container">
4
- <tr>
5
- <td>
6
- <br />
7
- <div class="elm_content_heading">Thanks for your email:</div>
8
- <br />
9
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae est dui. Vestibulum vehicula in mi in interdum. Aliquam quis tempor nibh. Duis tincidunt vel purus tincidunt iaculis. In bibendum leo justo, et elementum justo dapibus et. Aliquam eu elementum magna. Fusce egestas urna ac venenatis auctor. Phasellus felis leo, suscipit non est sit amet, lobortis pellentesque urna. Ut enim leo, posuere eget mauris vel, egestas pellentesque metus. Curabitur ut est ut orci blandit suscipit. Morbi lacinia sapien luctus lectus maximus, vitae gravida lectus aliquet. Vestibulum ut placerat diam. Fusce dapibus tincidunt justo, sed venenatis nisl porttitor vitae.</p>
10
- <br />
11
- <div class="elm_content_info"><a href="https://www.example.com"><span>www.example.com</span></a></div>
12
- </td>
13
- </tr>
14
- </table>
15
- </td>
16
- </tr>
package/src/emails/templates/Header.twig DELETED
@@ -1,14 +0,0 @@
1
- <tr class="elm_header">
2
- <td>
3
- <table class="elm_inner_container">
4
- <tr>
5
- <td>
6
- <br />
7
- <a href="#"><img src="https://via.placeholder.com/160x60" width="160" alt="" style="width: 160px" /></a>
8
- <br />
9
- <br />
10
- </td>
11
- </tr>
12
- </table>
13
- </td>
14
- </tr>