@newlogic-digital/ui 3.7.5 → 4.0.0

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 (214) hide show
  1. package/README.md +17 -31
  2. package/package.json +21 -12
  3. package/src/data/main.json +2 -32
  4. package/src/data/nav.json +12 -0
  5. package/src/icons.svg +0 -30
  6. package/src/pages/dialog/basic.json.latte +5 -0
  7. package/src/pages/email/index.json +12 -0
  8. package/src/pages/gdpr.json +11 -0
  9. package/src/pages/index.json +8 -0
  10. package/src/scripts/components/(ui)/+.js +12 -0
  11. package/src/scripts/components/(ui)/Button.js +4 -0
  12. package/src/scripts/components/(ui)/Compare.js +4 -0
  13. package/src/scripts/components/(ui)/Control.js +11 -0
  14. package/src/scripts/components/(ui)/ControlSelect.js +4 -0
  15. package/src/scripts/components/(ui)/Details.js +4 -0
  16. package/src/scripts/components/(ui)/Dialog.js +17 -0
  17. package/src/scripts/components/(ui)/Drawer.js +4 -0
  18. package/src/scripts/components/(ui)/Form.js +15 -0
  19. package/src/scripts/components/(ui)/Popover.js +4 -0
  20. package/src/scripts/components/(ui)/Range.js +4 -0
  21. package/src/scripts/components/(ui)/Tabs.js +4 -0
  22. package/src/scripts/components/(ui)/Toast.js +4 -0
  23. package/src/scripts/components/+.js +5 -0
  24. package/src/scripts/components/App.js +5 -0
  25. package/src/scripts/components/ReCaptcha.js +4 -0
  26. package/src/scripts/components/Reveal.js +4 -0
  27. package/src/scripts/components/cookieconsent/+.js +2 -0
  28. package/src/scripts/components/cookieconsent/CookieConsentDialog.js +4 -0
  29. package/src/scripts/components/cookieconsent/CookieConsentForm.js +4 -0
  30. package/src/scripts/composables/+.js +3 -0
  31. package/src/scripts/composables/naja.js +24 -0
  32. package/src/scripts/composables/stimulus.js +31 -0
  33. package/src/scripts/composables/swup.js +23 -0
  34. package/src/scripts/main.js +3 -6
  35. package/src/scripts/utils/+.js +1 -0
  36. package/src/scripts/{Utils → utils}/initAfter.js +3 -3
  37. package/src/styles/base/+.css +4 -0
  38. package/src/styles/{Utils/default.css → base/defaults.css} +11 -1
  39. package/src/styles/base/transitions.css +12 -0
  40. package/src/styles/components/(layout)/+.css +2 -0
  41. package/src/styles/components/(layout)/Header.css +11 -0
  42. package/src/styles/{Layout → components/(layout)}/Main.css +2 -13
  43. package/src/styles/components/(ui)/+.css +23 -0
  44. package/src/styles/components/(ui)/Badge.css +8 -0
  45. package/src/styles/components/(ui)/Button.css +12 -0
  46. package/src/styles/components/(ui)/Check.css +1 -0
  47. package/src/styles/components/(ui)/Compare.css +1 -0
  48. package/src/styles/components/(ui)/Control.css +29 -0
  49. package/src/styles/components/(ui)/ControlSelect.css +1 -0
  50. package/src/styles/components/(ui)/Drawer.css +14 -0
  51. package/src/styles/components/(ui)/Group.css +1 -0
  52. package/src/styles/components/(ui)/Heading.css +4 -0
  53. package/src/styles/components/(ui)/Image.css +1 -0
  54. package/src/styles/components/(ui)/Info.css +1 -0
  55. package/src/styles/components/(ui)/Label.css +1 -0
  56. package/src/styles/components/(ui)/Link.css +2 -0
  57. package/src/styles/components/(ui)/Notice.css +1 -0
  58. package/src/styles/components/(ui)/Progress.css +1 -0
  59. package/src/styles/components/(ui)/Range.css +1 -0
  60. package/src/styles/components/(ui)/Switch.css +1 -0
  61. package/src/styles/components/(ui)/Text.css +1 -0
  62. package/src/styles/components/(ui)/Title.css +4 -0
  63. package/src/styles/components/(ui)/dialog/+.css +2 -0
  64. package/src/styles/components/(ui)/dialog/Dialog.css +2 -0
  65. package/src/styles/components/(ui)/dialog/DialogContent.css +2 -0
  66. package/src/styles/components/+.css +3 -0
  67. package/src/styles/components/cookieconsent/+.css +1 -0
  68. package/src/styles/{Components/Dialog/CookieConsent.css → components/cookieconsent/CookieConsentDialog.css} +4 -4
  69. package/src/styles/emails/+.css +5 -0
  70. package/src/styles/emails/base/+.css +2 -0
  71. package/src/styles/emails/base/defaults.css +22 -0
  72. package/src/styles/emails/components/+.css +4 -0
  73. package/src/styles/emails/components/Button.css +31 -0
  74. package/src/styles/emails/components/Heading.css +7 -0
  75. package/src/styles/emails/components/Main.css +13 -0
  76. package/src/{emails/styles/main/Ui → styles/emails/components}/Text.css +7 -5
  77. package/src/styles/emails/main.css +9 -0
  78. package/src/styles/emails/theme/+.css +2 -0
  79. package/src/styles/emails/theme/config.css +5 -0
  80. package/src/styles/emails/theme/default.css +13 -0
  81. package/src/styles/emails/utils/+.css +1 -0
  82. package/src/styles/emails/utils/common.css +29 -0
  83. package/src/styles/main.css +5 -11
  84. package/src/styles/theme/+.css +2 -0
  85. package/src/styles/theme/dark.css +5 -0
  86. package/src/styles/theme/main.css +35 -0
  87. package/src/styles/tinymce.css +2 -34
  88. package/src/styles/utils/+.css +4 -0
  89. package/src/styles/utils/container.css +5 -0
  90. package/src/styles/utils/index.css +8 -0
  91. package/src/styles/utils/reveal.css +22 -0
  92. package/src/styles/utils/scrollbar.css +23 -0
  93. package/src/templates/components/(layout)/Footer.latte +1 -0
  94. package/src/templates/components/(layout)/Header.latte +7 -0
  95. package/src/templates/components/(ui)/Toast.latte +9 -0
  96. package/src/templates/{Sections/Text.latte → components/Content.latte} +3 -3
  97. package/src/templates/components/Example.latte +17 -0
  98. package/src/templates/{Sections/CookieConsent.latte → components/cookieconsent/CookieConsentContent.latte} +4 -4
  99. package/src/templates/components/cookieconsent/CookieConsentDialog.latte +27 -0
  100. package/src/templates/{Components/Form/CookieConsent.latte → components/cookieconsent/CookieConsentForm.latte} +9 -9
  101. package/src/templates/components/dialog/DialogBasic.latte +18 -0
  102. package/src/templates/emails/components/Content.latte +29 -0
  103. package/src/templates/emails/components/Footer.latte +13 -0
  104. package/src/templates/emails/components/Header.latte +8 -0
  105. package/src/{emails/templates.test/Layout.latte → templates/emails/layouts/default.latte} +12 -12
  106. package/src/templates/{Layout/Main.latte → layouts/default.latte} +24 -26
  107. package/vite.config.js +2 -21
  108. package/src/emails/styles/main/+.css +0 -3
  109. package/src/emails/styles/main/Base/+.css +0 -2
  110. package/src/emails/styles/main/Base/config.css +0 -22
  111. package/src/emails/styles/main/Components/+.css +0 -1
  112. package/src/emails/styles/main/Components/Card.css +0 -12
  113. package/src/emails/styles/main/Ui/+.css +0 -3
  114. package/src/emails/styles/main/Ui/Btn.css +0 -78
  115. package/src/emails/styles/main/Ui/Heading.css +0 -8
  116. package/src/emails/styles/main.css +0 -92
  117. package/src/emails/templates/.gitkeep +0 -0
  118. package/src/emails/templates.test/Sections/Footer.latte +0 -22
  119. package/src/emails/templates.test/Sections/Header.latte +0 -37
  120. package/src/emails/templates.test/Sections/Text.latte +0 -24
  121. package/src/scripts/Components/+.js +0 -2
  122. package/src/scripts/Components/Drawer.js +0 -60
  123. package/src/scripts/Components/Popover.js +0 -65
  124. package/src/scripts/Layout/+.js +0 -1
  125. package/src/scripts/Layout/Header.js +0 -20
  126. package/src/scripts/Libraries/+.js +0 -10
  127. package/src/scripts/Libraries/CookieConsent.js +0 -80
  128. package/src/scripts/Libraries/Dialog.js +0 -28
  129. package/src/scripts/Libraries/Form.js +0 -13
  130. package/src/scripts/Libraries/Naja.js +0 -37
  131. package/src/scripts/Libraries/ReCaptcha.js +0 -25
  132. package/src/scripts/Libraries/Reveal.js +0 -32
  133. package/src/scripts/Libraries/Ripple.js +0 -8
  134. package/src/scripts/Libraries/Stimulus.js +0 -56
  135. package/src/scripts/Libraries/Swup.js +0 -77
  136. package/src/scripts/Libraries/Toaster.js +0 -55
  137. package/src/scripts/Sections/+.js +0 -0
  138. package/src/scripts/Ui/+.js +0 -4
  139. package/src/scripts/Ui/Check.js +0 -8
  140. package/src/scripts/Ui/Control.js +0 -194
  141. package/src/scripts/Ui/ControlSelect.js +0 -25
  142. package/src/scripts/Ui/Text.js +0 -21
  143. package/src/scripts/Utils/+.js +0 -3
  144. package/src/scripts/Utils/cdn.js +0 -5
  145. package/src/scripts/Utils/naja.js +0 -41
  146. package/src/scripts/Utils/utilities.js +0 -8
  147. package/src/styles/Components/+.css +0 -5
  148. package/src/styles/Components/Dialog/+.css +0 -3
  149. package/src/styles/Components/Dialog/Content.css +0 -2
  150. package/src/styles/Components/Dialog/Default.css +0 -2
  151. package/src/styles/Components/Drawer.css +0 -18
  152. package/src/styles/Layout/+.css +0 -3
  153. package/src/styles/Layout/Header.css +0 -18
  154. package/src/styles/Layout/Nav.css +0 -23
  155. package/src/styles/Libraries/+.css +0 -2
  156. package/src/styles/Libraries/Datepicker.css +0 -54
  157. package/src/styles/Libraries/Pickr.css +0 -13
  158. package/src/styles/Sections/+.css +0 -1
  159. package/src/styles/Ui/+.css +0 -16
  160. package/src/styles/Ui/Badge.css +0 -8
  161. package/src/styles/Ui/Btn.css +0 -14
  162. package/src/styles/Ui/Check.css +0 -1
  163. package/src/styles/Ui/Control.css +0 -57
  164. package/src/styles/Ui/ControlSelect.css +0 -57
  165. package/src/styles/Ui/Group.css +0 -1
  166. package/src/styles/Ui/Heading.css +0 -4
  167. package/src/styles/Ui/Image.css +0 -1
  168. package/src/styles/Ui/Info.css +0 -1
  169. package/src/styles/Ui/Label.css +0 -1
  170. package/src/styles/Ui/Link.css +0 -8
  171. package/src/styles/Ui/Notice.css +0 -9
  172. package/src/styles/Ui/Progress.css +0 -1
  173. package/src/styles/Ui/Switch.css +0 -1
  174. package/src/styles/Ui/Text.css +0 -1
  175. package/src/styles/Ui/Title.css +0 -4
  176. package/src/styles/Utils/+.css +0 -6
  177. package/src/styles/Utils/config.css +0 -16
  178. package/src/styles/Utils/theme/+.css +0 -1
  179. package/src/styles/Utils/theme/main.css +0 -33
  180. package/src/styles/Utils/utilities.css +0 -42
  181. package/src/templates/Components/Dialog/Basic.latte +0 -24
  182. package/src/templates/Components/Dialog/CookieConsent.latte +0 -27
  183. package/src/templates/Layout/Footer.latte +0 -0
  184. package/src/templates/Layout/Header.latte +0 -38
  185. package/src/templates/Sections/Site.latte +0 -213
  186. package/src/templates/Sections/Ui/Docs/@intro.html +0 -48
  187. package/src/templates/Sections/Ui/Docs/@nav.html +0 -134
  188. package/src/templates/Sections/Ui/Docs/@styles.html +0 -96
  189. package/src/templates/Sections/Ui/Docs/Default.latte +0 -979
  190. package/src/templates/Sections/Ui/Icons.html +0 -30
  191. package/src/templates/Sections/Ui/Intro.html +0 -119
  192. package/src/templates/Sections/Ui.latte +0 -8
  193. package/src/templates/Ui/+.latte +0 -5
  194. package/src/templates/Ui/Check.latte +0 -7
  195. package/src/templates/Ui/Control.latte +0 -9
  196. package/src/templates/Ui/ControlDate.latte +0 -14
  197. package/src/templates/Ui/ControlSelect.latte +0 -9
  198. package/src/templates/Ui/ControlTime.latte +0 -14
  199. package/src/views/dialog/basic.json.latte +0 -5
  200. package/src/views/email/email.latte +0 -6
  201. package/src/views/email/email.test.latte +0 -6
  202. package/src/views/gdpr.json +0 -14
  203. package/src/views/index.json +0 -12
  204. package/src/views/popover/info.json.latte +0 -15
  205. package/src/views/site.json +0 -11
  206. package/src/views/ui-icons.json +0 -12
  207. package/src/views/ui.json +0 -11
  208. /package/src/styles/{Utils → base}/breakpoints.css +0 -0
  209. /package/src/styles/{Utils → base}/keyframes.css +0 -0
  210. /package/src/styles/{Components → components/(ui)}/Field.css +0 -0
  211. /package/src/styles/{Components → components/(ui)}/Popover.css +0 -0
  212. /package/src/styles/{Components → components/(ui)}/Toaster.css +0 -0
  213. /package/src/{emails/styles/main/Base/font.css → styles/emails/base/fonts.css} +0 -0
  214. /package/src/templates/{Utils → utils}/sections.latte +0 -0
package/src/templates/Sections/Ui/Docs/@styles.html DELETED
@@ -1,96 +0,0 @@
1
- <style>
2
- pre {
3
- margin: 1rem 0 2rem !important;
4
- padding: 1.25rem 1.5rem !important;
5
- border-radius: 0.5rem !important;
6
- background: var(--color-main) none repeat scroll 0 0 !important;
7
- max-width: 100%;
8
- font-size: 14px !important;
9
- overflow: auto;
10
- }
11
-
12
- .dark pre {
13
- background: var(--color-body-secondary) none repeat scroll 0% 0% !important;
14
- }
15
-
16
- @media all and (min-width: 48rem) {
17
- pre {
18
- max-width: 63vw;
19
- }
20
- }
21
-
22
- @media all and (min-width: 60rem) {
23
- pre {
24
- max-width: 90vw;
25
- }
26
- }
27
-
28
- code {
29
- margin-left: 0;
30
- }
31
-
32
- .col-12 > hr {
33
- margin: 2rem 0 1rem;
34
- }
35
-
36
- @media all and (min-width: 60rem) {
37
- .ui-text code {
38
- white-space: nowrap;
39
- }
40
- }
41
-
42
- @media all and (max-width: 767px) {
43
- .wrp_s_body > .t\:col-9 {
44
- padding-left: 0 !important;
45
- border-left: 0 !important;
46
- }
47
- }
48
-
49
- .s-ui .wrp_s_body > .col-left {
50
- width: 15rem;
51
- }
52
-
53
- .s-ui .wrp_s_body > .col-left .col {
54
- padding-bottom: 0.375rem;
55
- }
56
-
57
- .s-ui .wrp_s_body > .col-left > .sticky {
58
- height: calc(100vh - 4rem);
59
- overflow-y: hidden;
60
- overflow-x: hidden;
61
- top: 4rem;
62
- padding: 2rem;
63
- }
64
-
65
- .s-ui .wrp_s_body > .col-left > .sticky:hover {
66
- overflow-y: auto;
67
- }
68
-
69
- .s-ui .wrp_s_body > .col-right {
70
- padding-top: 1.625rem;
71
- border-left: 1px solid #ddd;
72
- overflow: hidden;
73
- }
74
-
75
- .dark .s-ui .wrp_s_body > .col-right {
76
- border-left: 1px solid rgb(var(--color-light) / 0.1);
77
- }
78
-
79
- @media all and (min-width: 60rem) {
80
- .s-ui .wrp_s_body > .col-right {
81
- padding-left: 4rem;
82
- padding-top: 4rem;
83
- }
84
- }
85
-
86
- @media all and (max-width: 59.9375rem) {
87
- .s-ui .wrp_s_body > .col-right {
88
- display: block;
89
- }
90
- .s-ui .wrp_s_body > .col-right > .container {
91
- padding-left: 2rem;
92
- padding-right: 2rem;
93
- }
94
- }
95
- </style>
96
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.26.0/themes/prism-tomorrow.min.css">