@newlogic-digital/ui 3.0.4 → 3.1.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 (109) hide show
  1. package/README.md +6 -10
  2. package/gulpfile.js +17 -168
  3. package/package.json +13 -8
  4. package/src/emails/email.css +3 -3
  5. package/src/emails/email.twig +1 -1
  6. package/src/icons.svg +32 -0
  7. package/src/main.json +12 -10
  8. package/src/scripts/Components/+.js +2 -2
  9. package/src/scripts/Components/CookieConsent.js +66 -64
  10. package/src/scripts/Components/Form.js +28 -21
  11. package/src/scripts/Layout/+.js +2 -1
  12. package/src/scripts/Layout/Header.js +18 -0
  13. package/src/scripts/Layout/Main.js +49 -45
  14. package/src/scripts/Libraries/+.js +12 -10
  15. package/src/scripts/Libraries/Anchor.js +18 -43
  16. package/src/scripts/Libraries/CookieConsent.js +37 -58
  17. package/src/scripts/Libraries/Dialog.js +56 -55
  18. package/src/scripts/Libraries/Drawer.js +23 -23
  19. package/src/scripts/Libraries/NativeSlider.js +86 -86
  20. package/src/scripts/Libraries/ReCaptcha.js +20 -18
  21. package/src/scripts/Libraries/Ripple.js +16 -32
  22. package/src/scripts/Libraries/Stimulus.js +30 -34
  23. package/src/scripts/Libraries/Swup.js +47 -50
  24. package/src/scripts/Libraries/Tabs.js +12 -18
  25. package/src/scripts/Libraries/Tippy.js +118 -0
  26. package/src/scripts/Ui/+.js +5 -3
  27. package/src/scripts/Ui/Checkbox.js +19 -0
  28. package/src/scripts/Ui/Input.js +188 -161
  29. package/src/scripts/Ui/Radio.js +23 -0
  30. package/src/scripts/Ui/Select.js +64 -37
  31. package/src/scripts/Ui/Text.js +25 -0
  32. package/src/scripts/Utils/Functions/+.js +6 -6
  33. package/src/scripts/Utils/Functions/dataValue.js +28 -25
  34. package/src/scripts/Utils/Functions/importScript.js +9 -11
  35. package/src/scripts/Utils/Functions/importStyle.js +18 -5
  36. package/src/scripts/Utils/Functions/inView.js +19 -21
  37. package/src/scripts/Utils/Functions/loadStimulus.js +22 -20
  38. package/src/scripts/Utils/cdn.js +6 -4
  39. package/src/scripts/Utils/global.js +10 -33
  40. package/src/scripts/main.js +6 -6
  41. package/src/styles/Components/CookieConsent.css +40 -179
  42. package/src/styles/Components/Dialog/Default.css +12 -15
  43. package/src/styles/Components/Form/CookieConsent.css +7 -12
  44. package/src/styles/Layout/+.css +2 -0
  45. package/src/{templates/Sections/.gitkeep → styles/Layout/Header.css} +0 -0
  46. package/src/styles/Layout/Main.css +28 -63
  47. package/src/styles/Layout/Nav.css +43 -0
  48. package/src/styles/Libraries/+.css +1 -1
  49. package/src/styles/Libraries/Datepicker.css +85 -39
  50. package/src/styles/Libraries/Dialog.css +6 -5
  51. package/src/styles/Libraries/Drawer.css +15 -14
  52. package/src/styles/Libraries/Hint.css +29 -23
  53. package/src/styles/Libraries/Lazysizes.css +2 -1
  54. package/src/styles/Libraries/NativeSlider.css +18 -17
  55. package/src/styles/Libraries/Ripple.css +8 -5
  56. package/src/styles/Libraries/Tabs.css +4 -4
  57. package/src/styles/Libraries/Tippy.css +87 -0
  58. package/src/styles/Ui/+.css +5 -1
  59. package/src/styles/Ui/Badge.css +33 -19
  60. package/src/styles/Ui/Btn.css +80 -53
  61. package/src/styles/Ui/Checkbox.css +80 -41
  62. package/src/styles/Ui/Dropdown.css +5 -0
  63. package/src/styles/Ui/Heading.css +12 -12
  64. package/src/styles/Ui/Icon.css +27 -8
  65. package/src/styles/Ui/Image.css +23 -0
  66. package/src/styles/Ui/Input.css +295 -220
  67. package/src/styles/Ui/Label.css +14 -0
  68. package/src/styles/Ui/Link.css +3 -3
  69. package/src/styles/Ui/Notice.css +14 -16
  70. package/src/styles/Ui/Progress.css +10 -21
  71. package/src/styles/Ui/Radio.css +3 -8
  72. package/src/styles/Ui/Select.css +63 -112
  73. package/src/styles/Ui/Switch.css +70 -0
  74. package/src/styles/Ui/{Wsw.css → Text.css} +61 -80
  75. package/src/styles/Ui/Title.css +8 -4
  76. package/src/styles/Utils/default.css +75 -67
  77. package/src/styles/Utils/icons.css +9 -0
  78. package/src/styles/Utils/keyframes.css +182 -0
  79. package/src/styles/Utils/normalize.css +223 -0
  80. package/src/styles/Utils/print.css +1 -1
  81. package/src/styles/Utils/tailwind/base.css +15 -0
  82. package/src/styles/Utils/tailwind/gutters.css +264 -263
  83. package/src/styles/Utils/theme/main.css +24 -21
  84. package/src/styles/Utils/vars.css +58 -35
  85. package/src/styles/Utils/vendor.css +1 -2
  86. package/src/styles/main.css +6 -3
  87. package/src/styles/tailwind.css +1 -4
  88. package/src/templates/Components/CookieConsent.twig +30 -0
  89. package/src/templates/Components/Dialogs/Basic.twig +7 -3
  90. package/src/templates/Layout/Header.twig +42 -0
  91. package/src/templates/Layout/Main.twig +52 -67
  92. package/src/templates/Sections/Gdpr.twig +64 -0
  93. package/src/templates/Sections/Ui.twig +2104 -0
  94. package/src/templates/dialog-basic.twig +2 -2
  95. package/src/templates/gdpr.json +11 -0
  96. package/src/templates/index.json +8 -2
  97. package/src/templates/json-tippy.twig +16 -0
  98. package/src/templates/ui.json +11 -0
  99. package/CHANGELOG +0 -231
  100. package/src/icons/iconfont.css +0 -171
  101. package/src/icons/selection.json +0 -1
  102. package/src/icons/variables.css +0 -31
  103. package/src/scripts/Ui/Wsw.js +0 -25
  104. package/src/scripts/Utils/Functions/bodyLoaded.js +0 -12
  105. package/src/styles/Libraries/Animate.css +0 -184
  106. package/src/styles/Utils/reference.css +0 -2
  107. package/src/styles/Utils/tailwind/content.css +0 -24
  108. package/src/styles/Utils/theme/vars.css +0 -19
  109. package/src/styles/preload.css +0 -29
package/src/styles/Libraries/Animate.css DELETED
@@ -1,184 +0,0 @@
1
- /* TODO asi předělat do tailwindu */
2
- .animate {
3
- animation-duration: .5s;
4
- animation-fill-mode: both;
5
- }
6
-
7
- .animate-load {
8
- animation-name: load;
9
- animation-iteration-count: infinite;
10
- animation-duration: 1.5s;
11
- animation-fill-mode: both;
12
- }
13
-
14
- @keyframes load {
15
- 0% {
16
- transform: rotate(0deg);
17
- }
18
- 100% {
19
- transform: rotate(360deg);
20
- }
21
- }
22
-
23
-
24
- @keyframes fadeInLeft {
25
- from {
26
- opacity: 0;
27
- transform: translate3d(-5rem, 0, 0);
28
- }
29
-
30
- to {
31
- opacity: 1;
32
- transform: none;
33
- }
34
- }
35
-
36
- @keyframes fadeInRight {
37
- from {
38
- opacity: 0;
39
- transform: translate3d(5rem, 0, 0);
40
- }
41
-
42
- to {
43
- opacity: 1;
44
- transform: none;
45
- }
46
- }
47
-
48
- @keyframes fadeInUp {
49
- 0% {
50
- opacity:0;
51
- transform:translateY(2rem)
52
- }
53
- to {
54
- opacity:1;
55
- transform:translateY(0)
56
- }
57
- }
58
-
59
- @keyframes fadeInDown {
60
- 0% {
61
- opacity:0;
62
- transform:translateY(-2rem)
63
- }
64
- to {
65
- opacity:1;
66
- transform:translateY(0)
67
- }
68
- }
69
-
70
- @keyframes fadeOutLeft {
71
- from {
72
- opacity: 1;
73
- transform: none;
74
- }
75
-
76
- to {
77
- opacity: 0;
78
- transform: translate3d(-5rem, 0, 0);
79
- }
80
- }
81
-
82
- @keyframes fadeOutRight {
83
- from {
84
- opacity: 1;
85
- transform: none;
86
- }
87
-
88
- to {
89
- opacity: 0;
90
- transform: translate3d(5rem, 0, 0);
91
- }
92
- }
93
-
94
- @keyframes fadeOutUp {
95
- 0% {
96
- opacity:1;
97
- transform:translateY(0)
98
- }
99
- to {
100
- opacity:0;
101
- transform:translateY(-2rem)
102
- }
103
- }
104
-
105
- @keyframes fadeOutDown {
106
- 0% {
107
- opacity:1;
108
- transform:translateY(0)
109
- }
110
- to {
111
- opacity:0;
112
- transform:translateY(2rem)
113
- }
114
- }
115
-
116
- @keyframes fadeIn {
117
- from {
118
- opacity: 0;
119
- }
120
-
121
- to {
122
- opacity: 1;
123
- }
124
- }
125
-
126
- @keyframes fadeOut {
127
- from {
128
- opacity: 1;
129
- }
130
-
131
- to {
132
- opacity: 0;
133
- }
134
- }
135
-
136
- @keyframes slideInDown {
137
- 0% {
138
- transform: translateY(-100%)
139
- }
140
- 100% {
141
- transform: translateY(0)
142
- }
143
- }
144
-
145
- @keyframes slideOutUp {
146
- 0% {
147
- transform: translateY(0)
148
- }
149
- 100% {
150
- transform: translateY(-100%)
151
- }
152
- }
153
-
154
- @keyframes slideInUp {
155
- 0% {
156
- transform: translateY(100%)
157
- }
158
- 100% {
159
- transform: translateY(0)
160
- }
161
- }
162
-
163
- @keyframes slideOutDown {
164
- 0% {
165
- transform: translateY(0)
166
- }
167
- 100% {
168
- transform: translateY(100%)
169
- }
170
- }
171
-
172
- @keyframes ripple {
173
- 100% {
174
- transform: scale(2.5);
175
- opacity: 0;
176
- }
177
- }
178
-
179
- @keyframes rippleSmall {
180
- 100% {
181
- transform: scale(0.5);
182
- opacity: 0;
183
- }
184
- }
package/src/styles/Utils/reference.css DELETED
@@ -1,2 +0,0 @@
1
- @import 'theme/vars.css';
2
- @import 'vars.css';
package/src/styles/Utils/tailwind/content.css DELETED
@@ -1,24 +0,0 @@
1
- @layer utilities {
2
- @variants responsive {
3
- .before-content {
4
- content: attr(data-content);
5
- }
6
-
7
- .after-content {
8
-
9
- content: attr(data-content);
10
- }
11
-
12
- .before-none {
13
- &:after {
14
- content: none;
15
- }
16
- }
17
-
18
- .after-none {
19
- &:after {
20
- content: none;
21
- }
22
- }
23
- }
24
- }
package/src/styles/Utils/theme/vars.css DELETED
@@ -1,19 +0,0 @@
1
- :root {
2
- --font-primary: 'Poppins', sans-serif;
3
- --font-secondary: 'Poppins', sans-serif;
4
- --transition: 0.3s;
5
- --radius: 0.375rem;
6
- --container: 75rem;
7
- --container-sm: 50rem;
8
- --container-padding: 5vw;
9
- --font-bold: 700;
10
- --font-semibold: 600;
11
- --font-medium: 500;
12
- --font-normal: 400;
13
- --font-light: 300;
14
- --font-thin: 200;
15
-
16
- @media (--media-t) {
17
- --container-padding: 3rem;
18
- }
19
- }
package/src/styles/preload.css DELETED
@@ -1,29 +0,0 @@
1
- .l-default {
2
- overflow: hidden;
3
- position: relative;
4
- opacity: 0
5
- }
6
-
7
- .l-spinner {
8
- animation: load 1.5s infinite;
9
- position: fixed;
10
- z-index: 1100;
11
- width: 32px;
12
- height: 32px;
13
- margin: -16px 0 0 -16px;
14
- left: 50%;
15
- top: 50vh;
16
-
17
- @nest html.ie & {
18
- display: none;
19
- }
20
- }
21
-
22
- .is-body-preload .c-cookieconsent {
23
- opacity: 0;
24
- }
25
-
26
- @keyframes load {
27
- 0% { transform: rotate(0deg) }
28
- 100% { transform: rotate(360deg) }
29
- }