@newlogic-digital/ui 3.5.0 → 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 (138) hide show
  1. package/README.md +11 -1
  2. package/package.json +29 -22
  3. package/src/data/main.json +23 -8
  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.test/Layout.latte +16 -4
  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 +28 -28
  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 -26
  24. package/src/scripts/Libraries/+.js +3 -5
  25. package/src/scripts/Libraries/CookieConsent.js +65 -52
  26. package/src/scripts/Libraries/Dialog.js +19 -38
  27. package/src/scripts/Libraries/Form.js +6 -19
  28. package/src/scripts/Libraries/Naja.js +22 -18
  29. package/src/scripts/Libraries/ReCaptcha.js +9 -26
  30. package/src/scripts/Libraries/Reveal.js +32 -0
  31. package/src/scripts/Libraries/Ripple.js +3 -3
  32. package/src/scripts/Libraries/Stimulus.js +50 -5
  33. package/src/scripts/Libraries/Swup.js +44 -59
  34. package/src/scripts/Libraries/Toaster.js +55 -0
  35. package/src/scripts/Ui/Check.js +3 -3
  36. package/src/scripts/Ui/Control.js +42 -34
  37. package/src/scripts/Ui/ControlSelect.js +6 -5
  38. package/src/scripts/Ui/Text.js +6 -6
  39. package/src/scripts/Utils/+.js +3 -3
  40. package/src/scripts/Utils/cdn.js +0 -1
  41. package/src/scripts/Utils/initAfter.js +11 -0
  42. package/src/scripts/Utils/naja.js +41 -0
  43. package/src/scripts/Utils/utilities.js +8 -0
  44. package/src/scripts/main.js +2 -1
  45. package/src/styles/Components/+.css +3 -2
  46. package/src/styles/Components/Dialog/+.css +2 -0
  47. package/src/styles/Components/Dialog/Content.css +2 -0
  48. package/src/styles/Components/Dialog/CookieConsent.css +17 -0
  49. package/src/styles/Components/Dialog/Default.css +2 -26
  50. package/src/styles/Components/Drawer.css +18 -0
  51. package/src/styles/Components/Field.css +1 -1
  52. package/src/styles/Components/Popover.css +1 -0
  53. package/src/styles/Components/Toaster.css +2 -0
  54. package/src/styles/Layout/Header.css +7 -39
  55. package/src/styles/Layout/Main.css +9 -6
  56. package/src/styles/Layout/Nav.css +6 -30
  57. package/src/styles/Libraries/+.css +0 -5
  58. package/src/styles/Ui/+.css +0 -1
  59. package/src/styles/Ui/Badge.css +1 -0
  60. package/src/styles/Ui/Btn.css +6 -5
  61. package/src/styles/Ui/Check.css +1 -1
  62. package/src/styles/Ui/Control.css +14 -4
  63. package/src/styles/Ui/ControlSelect.css +10 -19
  64. package/src/styles/Ui/Group.css +1 -1
  65. package/src/styles/Ui/Heading.css +1 -0
  66. package/src/styles/Ui/Image.css +1 -1
  67. package/src/styles/Ui/Info.css +1 -1
  68. package/src/styles/Ui/Label.css +1 -1
  69. package/src/styles/Ui/Link.css +7 -1
  70. package/src/styles/Ui/Notice.css +9 -1
  71. package/src/styles/Ui/Progress.css +1 -1
  72. package/src/styles/Ui/Switch.css +1 -1
  73. package/src/styles/Ui/Text.css +1 -8
  74. package/src/styles/Ui/Title.css +1 -4
  75. package/src/styles/Utils/+.css +1 -3
  76. package/src/styles/Utils/config.css +14 -3
  77. package/src/styles/Utils/default.css +11 -4
  78. package/src/styles/Utils/theme/+.css +1 -1
  79. package/src/styles/Utils/theme/main.css +27 -13
  80. package/src/styles/Utils/utilities.css +42 -0
  81. package/src/styles/main.css +1 -4
  82. package/src/templates/Components/Dialog/Basic.latte +24 -0
  83. package/src/templates/Components/Dialog/CookieConsent.latte +27 -0
  84. package/src/templates/Components/Form/CookieConsent.latte +47 -0
  85. package/src/templates/Layout/Header.latte +31 -33
  86. package/src/templates/Layout/Main.latte +39 -28
  87. package/src/templates/Sections/CookieConsent.latte +69 -0
  88. package/src/templates/Sections/Site.latte +80 -8
  89. package/src/templates/Sections/Text.latte +64 -0
  90. package/src/templates/Sections/Ui/Docs/@intro.html +5 -5
  91. package/src/templates/Sections/Ui/Docs/@nav.html +50 -60
  92. package/src/templates/Sections/Ui/Docs/@styles.html +1 -1
  93. package/src/templates/Sections/Ui/Docs/Default.latte +86 -166
  94. package/src/templates/Sections/Ui/Icons.html +1 -1
  95. package/src/templates/Sections/Ui/Intro.html +33 -79
  96. package/src/templates/Ui/ControlDate.latte +1 -1
  97. package/src/templates/Ui/ControlTime.latte +1 -1
  98. package/src/views/dialog/basic.json.latte +1 -1
  99. package/src/views/email/email.latte +2 -2
  100. package/src/views/email/email.test.latte +2 -2
  101. package/src/views/gdpr.json +6 -4
  102. package/src/views/popover/info.json.latte +15 -0
  103. package/vite.config.js +17 -10
  104. package/src/emails/styles/email.css +0 -77
  105. package/src/emails/templates.test/Content.latte +0 -24
  106. package/src/emails/templates.test/Header.latte +0 -14
  107. package/src/scripts/Components/CookieConsent.js +0 -78
  108. package/src/scripts/Layout/Main.js +0 -50
  109. package/src/scripts/Libraries/Drawer.js +0 -42
  110. package/src/scripts/Libraries/Script.js +0 -18
  111. package/src/scripts/Libraries/Slider.js +0 -160
  112. package/src/scripts/Libraries/Tippy.js +0 -117
  113. package/src/scripts/Utils/Functions/+.js +0 -7
  114. package/src/scripts/Utils/Functions/importScript.js +0 -17
  115. package/src/scripts/Utils/Functions/importStyle.js +0 -18
  116. package/src/scripts/Utils/Functions/inputStep.js +0 -9
  117. package/src/scripts/Utils/Functions/inputValidity.js +0 -57
  118. package/src/scripts/Utils/Functions/loadStimulus.js +0 -42
  119. package/src/scripts/Utils/Functions/replaceScript.js +0 -4
  120. package/src/scripts/Utils/Functions/replaceTag.js +0 -8
  121. package/src/scripts/Utils/global.js +0 -15
  122. package/src/styles/Components/CookieConsent.css +0 -68
  123. package/src/styles/Components/Dropdown/+.css +0 -1
  124. package/src/styles/Components/Dropdown/Default.css +0 -8
  125. package/src/styles/Libraries/Dialog.css +0 -1
  126. package/src/styles/Libraries/Drawer.css +0 -64
  127. package/src/styles/Libraries/Hint.css +0 -186
  128. package/src/styles/Libraries/Ripple.css +0 -1
  129. package/src/styles/Libraries/Tippy.css +0 -73
  130. package/src/styles/Ui/Dot.css +0 -22
  131. package/src/styles/Utils/icons.css +0 -5
  132. package/src/styles/Utils/tailwind.css +0 -50
  133. package/src/templates/Components/CookieConsent.latte +0 -28
  134. package/src/templates/Components/Dialogs/Basic.latte +0 -22
  135. package/src/templates/Components/Items/.gitkeep +0 -0
  136. package/src/templates/Sections/Gdpr.latte +0 -127
  137. package/src/views/dropdown/tippy.json.latte +0 -19
  138. /package/src/{styles/Utils/print.css → emails/styles/main/Base/font.css} +0 -0
package/src/templates/Sections/Ui/Docs/@nav.html CHANGED
@@ -1,15 +1,15 @@
1
- <div class="col col-left max-md:hidden">
1
+ <div class="flex-col col-left max-md:hidden">
2
2
  <div class="sticky">
3
3
  <div class="mb-6">
4
4
  <h2 class="ui-title uppercase text-primary mb-3">Get started</h2>
5
- <ul class="row flex-col g-2">
6
- <li class="col col-12">
7
- <a href="#installation" class="ui-link" title="">
5
+ <ul class="flex-col gap-3">
6
+ <li class="flex-col">
7
+ <a href="#installation" class="ui-link underline decoration-transparent" title="">
8
8
  <span>Installation</span>
9
9
  </a>
10
10
  </li>
11
- <li class="col col-12">
12
- <a href="#core" class="ui-link" title="">
11
+ <li class="flex-col">
12
+ <a href="#core" class="ui-link underline decoration-transparent" title="">
13
13
  <span>Core</span>
14
14
  </a>
15
15
  </li>
@@ -17,59 +17,59 @@
17
17
  </div>
18
18
  <div class="mb-6">
19
19
  <h2 class="ui-title uppercase text-primary mb-3">Components</h2>
20
- <ul class="row flex-col g-2">
21
- <li class="col col-12">
22
- <a href="#heading" class="ui-link" title="">
20
+ <ul class="flex-col gap-3">
21
+ <li class="flex-col">
22
+ <a href="#heading" class="ui-link underline decoration-transparent" title="">
23
23
  <span>Heading</span>
24
24
  </a>
25
25
  </li>
26
- <li class="col col-12">
27
- <a href="#title" class="ui-link" title="">
26
+ <li class="flex-col">
27
+ <a href="#title" class="ui-link underline decoration-transparent" title="">
28
28
  <span>Title</span>
29
29
  </a>
30
30
  </li>
31
- <li class="col col-12">
32
- <a href="#button" class="ui-link" title="">
31
+ <li class="flex-col">
32
+ <a href="#button" class="ui-link underline decoration-transparent" title="">
33
33
  <span>Button</span>
34
34
  </a>
35
35
  </li>
36
- <li class="col col-12">
37
- <a href="#link" class="ui-link" title="">
36
+ <li class="flex-col">
37
+ <a href="#link" class="ui-link underline decoration-transparent" title="">
38
38
  <span>Link</span>
39
39
  </a>
40
40
  </li>
41
- <li class="col col-12">
42
- <a href="#control" class="ui-link" title="">
41
+ <li class="flex-col">
42
+ <a href="#control" class="ui-link underline decoration-transparent" title="">
43
43
  <span>Control</span>
44
44
  </a>
45
45
  </li>
46
- <li class="col col-12">
47
- <a href="#check" class="ui-link" title="">
46
+ <li class="flex-col">
47
+ <a href="#check" class="ui-link underline decoration-transparent" title="">
48
48
  <span>Check</span>
49
49
  </a>
50
50
  </li>
51
- <li class="col col-12">
52
- <a href="#notice" class="ui-link" title="">
51
+ <li class="flex-col">
52
+ <a href="#notice" class="ui-link underline decoration-transparent" title="">
53
53
  <span>Notice</span>
54
54
  </a>
55
55
  </li>
56
- <li class="col col-12">
57
- <a href="#badge" class="ui-link" title="">
56
+ <li class="flex-col">
57
+ <a href="#badge" class="ui-link underline decoration-transparent" title="">
58
58
  <span>Badge</span>
59
59
  </a>
60
60
  </li>
61
- <li class="col col-12">
62
- <a href="#progress" class="ui-link" title="">
61
+ <li class="flex-col">
62
+ <a href="#progress" class="ui-link underline decoration-transparent" title="">
63
63
  <span>Progress</span>
64
64
  </a>
65
65
  </li>
66
- <li class="col col-12">
67
- <a href="#text" class="ui-link" title="">
66
+ <li class="flex-col">
67
+ <a href="#text" class="ui-link underline decoration-transparent" title="">
68
68
  <span>Text</span>
69
69
  </a>
70
70
  </li>
71
- <li class="col col-12">
72
- <a href="#image" class="ui-link" title="">
71
+ <li class="flex-col">
72
+ <a href="#image" class="ui-link underline decoration-transparent" title="">
73
73
  <span>Image</span>
74
74
  </a>
75
75
  </li>
@@ -77,64 +77,54 @@
77
77
  </div>
78
78
  <div class="mb-6">
79
79
  <h2 class="ui-title uppercase text-primary mb-3">Libraries</h2>
80
- <ul class="row flex-col g-2">
81
- <li class="col col-12">
82
- <a href="#form" class="ui-link" title="">
80
+ <ul class="flex-col gap-3">
81
+ <li class="flex-col">
82
+ <a href="#form" class="ui-link underline decoration-transparent" title="">
83
83
  <span>Form</span>
84
84
  </a>
85
85
  </li>
86
- <li class="col col-12">
87
- <a href="#dialog" class="ui-link" title="">
86
+ <li class="flex-col">
87
+ <a href="#dialog" class="ui-link underline decoration-transparent" title="">
88
88
  <span>Dialog</span>
89
89
  </a>
90
90
  </li>
91
- <li class="col col-12">
92
- <a href="#drawer" class="ui-link" title="">
91
+ <li class="flex-col">
92
+ <a href="#drawer" class="ui-link underline decoration-transparent" title="">
93
93
  <span>Drawer</span>
94
94
  </a>
95
95
  </li>
96
- <li class="col col-12">
97
- <a href="#ripple" class="ui-link" title="">
96
+ <li class="flex-col">
97
+ <a href="#ripple" class="ui-link underline decoration-transparent" title="">
98
98
  <span>Ripple</span>
99
99
  </a>
100
100
  </li>
101
- <li class="col col-12">
102
- <a href="#datepicker" class="ui-link" title="">
101
+ <li class="flex-col">
102
+ <a href="#datepicker" class="ui-link underline decoration-transparent" title="">
103
103
  <span>Datepicker</span>
104
104
  </a>
105
105
  </li>
106
- <li class="col col-12">
107
- <a href="#slider" class="ui-link" title="">
108
- <span>Slider</span>
109
- </a>
110
- </li>
111
- <li class="col col-12">
112
- <a href="#swup" class="ui-link" title="">
106
+ <li class="flex-col">
107
+ <a href="#swup" class="ui-link underline decoration-transparent" title="">
113
108
  <span>Swup</span>
114
109
  </a>
115
110
  </li>
116
- <li class="col col-12">
117
- <a href="#tippy" class="ui-link" title="">
111
+ <li class="flex-col">
112
+ <a href="#tippy" class="ui-link underline decoration-transparent" title="">
118
113
  <span>Tippy</span>
119
114
  </a>
120
115
  </li>
121
- <li class="col col-12">
122
- <a href="#hint" class="ui-link" title="">
123
- <span>Hint</span>
124
- </a>
125
- </li>
126
- <li class="col col-12">
127
- <a href="#cookieconsent" class="ui-link" title="">
116
+ <li class="flex-col">
117
+ <a href="#cookieconsent" class="ui-link underline decoration-transparent" title="">
128
118
  <span>CookieConsent</span>
129
119
  </a>
130
120
  </li>
131
- <li class="col col-12">
132
- <a href="#recaptcha" class="ui-link" title="">
121
+ <li class="flex-col">
122
+ <a href="#recaptcha" class="ui-link underline decoration-transparent" title="">
133
123
  <span>ReCaptcha</span>
134
124
  </a>
135
125
  </li>
136
- <li class="col col-12">
137
- <a href="#stimulus" class="ui-link" title="">
126
+ <li class="flex-col">
127
+ <a href="#stimulus" class="ui-link underline decoration-transparent" title="">
138
128
  <span>Stimulus</span>
139
129
  </a>
140
130
  </li>
package/src/templates/Sections/Ui/Docs/@styles.html CHANGED
@@ -93,4 +93,4 @@
93
93
  }
94
94
  }
95
95
  </style>
96
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.26.0/themes/prism-tomorrow.min.css"/>
96
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.26.0/themes/prism-tomorrow.min.css">