@frankenstyle/uikit 0.0.1 → 0.0.3

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 (90) hide show
  1. package/.prettierignore +0 -1
  2. package/CHANGELOG.md +62 -0
  3. package/README.md +0 -1
  4. package/build/publishDev.js +2 -3
  5. package/build/release.js +12 -7
  6. package/build/util.js +6 -6
  7. package/dist/css/uikit-rtl.css +105 -92
  8. package/dist/css/uikit-rtl.min.css +1 -1
  9. package/dist/css/uikit.css +105 -92
  10. package/dist/css/uikit.min.css +1 -1
  11. package/dist/js/components/countdown.js +1 -1
  12. package/dist/js/components/countdown.min.js +1 -1
  13. package/dist/js/components/filter.js +1 -1
  14. package/dist/js/components/filter.min.js +1 -1
  15. package/dist/js/components/lightbox-panel.js +35 -30
  16. package/dist/js/components/lightbox-panel.min.js +1 -1
  17. package/dist/js/components/lightbox.js +35 -30
  18. package/dist/js/components/lightbox.min.js +1 -1
  19. package/dist/js/components/notification.js +2 -2
  20. package/dist/js/components/notification.min.js +1 -1
  21. package/dist/js/components/parallax.js +1 -7
  22. package/dist/js/components/parallax.min.js +1 -1
  23. package/dist/js/components/slider-parallax.js +1 -7
  24. package/dist/js/components/slider-parallax.min.js +1 -1
  25. package/dist/js/components/slider.js +41 -42
  26. package/dist/js/components/slider.min.js +1 -1
  27. package/dist/js/components/slideshow-parallax.js +1 -7
  28. package/dist/js/components/slideshow-parallax.min.js +1 -1
  29. package/dist/js/components/slideshow.js +34 -35
  30. package/dist/js/components/slideshow.min.js +1 -1
  31. package/dist/js/components/sortable.js +5 -6
  32. package/dist/js/components/sortable.min.js +1 -1
  33. package/dist/js/components/tooltip.js +2 -2
  34. package/dist/js/components/tooltip.min.js +1 -1
  35. package/dist/js/components/upload.js +1 -1
  36. package/dist/js/components/upload.min.js +1 -1
  37. package/dist/js/uikit-core.js +123 -70
  38. package/dist/js/uikit-core.min.js +1 -1
  39. package/dist/js/uikit-icons.js +1 -1
  40. package/dist/js/uikit-icons.min.js +1 -1
  41. package/dist/js/uikit.js +131 -74
  42. package/dist/js/uikit.min.js +1 -1
  43. package/package.json +23 -24
  44. package/src/images/components/accordion-icon.svg +20 -0
  45. package/src/js/components/internal/slider-transitioner.js +1 -1
  46. package/src/js/components/slider.js +6 -7
  47. package/src/js/components/sortable.js +5 -6
  48. package/src/js/core/accordion.js +14 -10
  49. package/src/js/core/drop.js +8 -1
  50. package/src/js/core/height-viewport.js +12 -1
  51. package/src/js/core/icon.js +4 -2
  52. package/src/js/core/index.js +1 -0
  53. package/src/js/core/modal.js +5 -5
  54. package/src/js/core/overflow-fade.js +83 -8
  55. package/src/js/mixin/slider-drag.js +21 -14
  56. package/src/js/mixin/slider-nav.js +16 -18
  57. package/src/js/util/attr.js +1 -5
  58. package/src/less/components/accordion.less +110 -46
  59. package/src/less/components/card.less +1 -1
  60. package/src/less/components/form.less +10 -7
  61. package/src/less/components/lightbox.less +0 -5
  62. package/src/less/components/nav.less +1 -1
  63. package/src/less/components/overlay.less +2 -2
  64. package/src/less/components/utility.less +7 -4
  65. package/src/less/theme/accordion.less +31 -38
  66. package/src/scss/components/accordion.scss +77 -30
  67. package/src/scss/components/form.scss +4 -4
  68. package/src/scss/components/lightbox.scss +0 -5
  69. package/src/scss/components/nav.scss +1 -1
  70. package/src/scss/components/utility.scss +7 -4
  71. package/src/scss/mixins-theme.scss +39 -23
  72. package/src/scss/mixins.scss +38 -15
  73. package/src/scss/variables-theme.scss +20 -18
  74. package/src/scss/variables.scss +18 -14
  75. package/tests/accordion.html +76 -17
  76. package/tests/card.html +87 -1
  77. package/tests/height-viewport.html +12 -3
  78. package/tests/index.html +7 -7
  79. package/tests/navbar.html +1 -1
  80. package/tests/overlay.html +181 -13
  81. package/tests/parallax.html +1 -1
  82. package/tests/position.html +16 -16
  83. package/tests/sticky.html +2 -2
  84. package/tests/tab.html +1 -1
  85. package/tests/thumbnav.html +2 -2
  86. package/tests/toggle.html +2 -2
  87. package/tests/transition.html +19 -19
  88. package/tests/upload.html +2 -2
  89. package/src/images/backgrounds/accordion-close.svg +0 -4
  90. package/src/images/backgrounds/accordion-open.svg +0 -3
package/tests/tab.html CHANGED
@@ -254,7 +254,7 @@
254
254
  <td><code>media</code></td>
255
255
  <td>Number, String</td>
256
256
  <td>960</td>
257
- <td>When to become horizontal - a width as integer (e.g. 640) or a breakpoint (e.g. @s, @m, @l, @xl).</td>
257
+ <td>Condition for the horizontal mode - a width as integer (e.g. 640) or a breakpoint (e.g. @s, @m, @l, @xl) or any valid media query (e.g. (min-width: 900px)).</td>
258
258
  </tr>
259
259
  </tbody>
260
260
  </table>
package/tests/thumbnav.html CHANGED
@@ -41,7 +41,7 @@
41
41
  </div>
42
42
 
43
43
  <div class="uk-position-bottom-center uk-position-small">
44
- <ul class="uk-thumbnav">
44
+ <ul class="uk-slideshow-nav uk-thumbnav">
45
45
  <li uk-slideshow-item="0"><a href><img src="images/photo.jpg" width="100" height="67" alt=""></a></li>
46
46
  <li uk-slideshow-item="1"><a href><img src="images/dark.jpg" width="100" height="67" alt=""></a></li>
47
47
  <li uk-slideshow-item="2"><a href><img src="images/light.jpg" width="100" height="67" alt=""></a></li>
@@ -49,7 +49,7 @@
49
49
  </div>
50
50
 
51
51
  <div class="uk-position-center-right uk-position-small">
52
- <ul class="uk-thumbnav uk-thumbnav-vertical">
52
+ <ul class="uk-slideshow-nav uk-thumbnav uk-thumbnav-vertical">
53
53
  <li uk-slideshow-item="0"><a href><img src="images/photo.jpg" width="100" height="67" alt=""></a></li>
54
54
  <li uk-slideshow-item="1"><a href><img src="images/dark.jpg" width="100" height="67" alt=""></a></li>
55
55
  <li uk-slideshow-item="2"><a href><img src="images/light.jpg" width="100" height="67" alt=""></a></li>
package/tests/toggle.html CHANGED
@@ -148,9 +148,9 @@
148
148
  </tr>
149
149
  <tr>
150
150
  <td><code>media</code></td>
151
- <td>media</td>
151
+ <td>Boolean, Number, String</td>
152
152
  <td>false</td>
153
- <td>In media mode, the breakpoint that triggers the toggle.</td>
153
+ <td>Condition to trigger the toggle in media mode - a width as integer (e.g. 640) or a breakpoint (e.g. @s, @m, @l, @xl) or any valid media query (e.g. (min-width: 900px)).</td>
154
154
  </tr>
155
155
  <tr>
156
156
  <td><code>cls</code></td>
package/tests/transition.html CHANGED
@@ -16,14 +16,14 @@
16
16
 
17
17
  <div class="uk-grid-small uk-child-width-1-3@s uk-child-width-1-6@m" uk-grid>
18
18
  <div class="uk-text-center">
19
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
19
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
20
20
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
21
21
  <div class="uk-transition-fade uk-position-bottom uk-overlay uk-overlay-default"><a href="#">Overlay</a></div>
22
22
  </div>
23
23
  <p class="uk-margin-small-top">Fade</p>
24
24
  </div>
25
25
  <div class="uk-text-center">
26
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
26
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
27
27
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
28
28
  <div class="uk-transition-fade uk-position-cover uk-overlay uk-overlay-default"></div>
29
29
  <a href="#" class="uk-transition-fade uk-position-center">Overlay</a>
@@ -31,14 +31,14 @@
31
31
  <p class="uk-margin-small-top">Fade Cover</p>
32
32
  </div>
33
33
  <div class="uk-text-center">
34
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
34
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
35
35
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
36
36
  <div class="uk-transition-fade uk-position-cover uk-position-small uk-overlay uk-overlay-default uk-flex uk-flex-center uk-flex-middle">Overlay</div>
37
37
  </div>
38
38
  <p class="uk-margin-small-top">Fade Cover Small</p>
39
39
  </div>
40
40
  <div class="uk-text-center">
41
- <div class="uk-inline-clip uk-transition-toggle uk-light" tabindex="0">
41
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle uk-light" tabindex="0">
42
42
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
43
43
  <div class="uk-transition-fade uk-overlay-default uk-position-cover"></div>
44
44
  <div class="uk-position-center">Headline</div>
@@ -67,7 +67,7 @@
67
67
  <p class="uk-margin-small-top">Scale Up</p>
68
68
  </div>
69
69
  <div class="uk-text-center">
70
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
70
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
71
71
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
72
72
  <div class="uk-transition-scale-down uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
73
73
  </div>
@@ -101,42 +101,42 @@
101
101
  <p class="uk-margin-small-top">2 Images + Icon</p>
102
102
  </div>
103
103
  <div class="uk-text-center">
104
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
104
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
105
105
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
106
106
  <div class="uk-transition-slide-top uk-position-top uk-overlay uk-overlay-default">Overlay</div>
107
107
  </div>
108
108
  <p class="uk-margin-small-top">Top</p>
109
109
  </div>
110
110
  <div class="uk-text-center">
111
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
111
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
112
112
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
113
113
  <div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-default">Overlay</div>
114
114
  </div>
115
115
  <p class="uk-margin-small-top">Bottom</p>
116
116
  </div>
117
117
  <div class="uk-text-center">
118
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
118
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
119
119
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
120
120
  <div class="uk-transition-slide-left uk-position-left uk-overlay uk-overlay-default">Overlay</div>
121
121
  </div>
122
122
  <p class="uk-margin-small-top">Left</p>
123
123
  </div>
124
124
  <div class="uk-text-center">
125
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
125
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
126
126
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
127
127
  <div class="uk-transition-slide-right uk-position-right uk-overlay uk-overlay-default">Overlay</div>
128
128
  </div>
129
129
  <p class="uk-margin-small-top">Right</p>
130
130
  </div>
131
131
  <div class="uk-text-center">
132
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
132
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
133
133
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
134
134
  <div class="uk-transition-slide-top uk-position-cover uk-overlay uk-overlay-default uk-flex uk-flex-center uk-flex-middle">Overlay</div>
135
135
  </div>
136
136
  <p class="uk-margin-small-top">Top Cover</p>
137
137
  </div>
138
138
  <div class="uk-text-center">
139
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
139
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
140
140
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
141
141
  <div class="uk-transition-slide-bottom uk-position-cover uk-position-small uk-overlay uk-overlay-default uk-flex uk-flex-center uk-flex-middle">Overlay</div>
142
142
  </div>
@@ -163,28 +163,28 @@
163
163
  <p class="uk-margin-small-top">Small Left + Right</p>
164
164
  </div>
165
165
  <div class="uk-text-center">
166
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
166
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
167
167
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
168
168
  <div class="uk-transition-slide-top-small uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
169
169
  </div>
170
170
  <p class="uk-margin-small-top">Top Small</p>
171
171
  </div>
172
172
  <div class="uk-text-center">
173
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
173
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
174
174
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
175
175
  <div class="uk-transition-slide-bottom-small uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
176
176
  </div>
177
177
  <p class="uk-margin-small-top">Bottom Small</p>
178
178
  </div>
179
179
  <div class="uk-text-center">
180
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
180
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
181
181
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
182
182
  <div class="uk-transition-slide-left-small uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
183
183
  </div>
184
184
  <p class="uk-margin-small-top">Left Small</p>
185
185
  </div>
186
186
  <div class="uk-text-center">
187
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
187
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
188
188
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
189
189
  <div class="uk-transition-slide-right-small uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
190
190
  </div>
@@ -211,28 +211,28 @@
211
211
  <p class="uk-margin-small-top">Medium Left + Right</p>
212
212
  </div>
213
213
  <div class="uk-text-center">
214
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
214
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
215
215
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
216
216
  <div class="uk-transition-slide-top-medium uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
217
217
  </div>
218
218
  <p class="uk-margin-small-top">Top Medium</p>
219
219
  </div>
220
220
  <div class="uk-text-center">
221
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
221
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
222
222
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
223
223
  <div class="uk-transition-slide-bottom-medium uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
224
224
  </div>
225
225
  <p class="uk-margin-small-top">Bottom Medium</p>
226
226
  </div>
227
227
  <div class="uk-text-center">
228
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
228
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
229
229
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
230
230
  <div class="uk-transition-slide-left-medium uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
231
231
  </div>
232
232
  <p class="uk-margin-small-top">Left Medium</p>
233
233
  </div>
234
234
  <div class="uk-text-center">
235
- <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
235
+ <div class="uk-inline-clip uk-inverse-light uk-transition-toggle" tabindex="0">
236
236
  <img src="images/photo.jpg" width="1800" height="1200" alt="">
237
237
  <div class="uk-transition-slide-right-medium uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
238
238
  </div>
package/tests/upload.html CHANGED
@@ -145,13 +145,13 @@
145
145
  <td><code>allow</code></td>
146
146
  <td>String</td>
147
147
  <td>false</td>
148
- <td>File name filter. (eg. *.png)</td>
148
+ <td>File name filter (eg. *.png). Separate multiple values with a pipe (*.png|*.gif).</td>
149
149
  </tr>
150
150
  <tr>
151
151
  <td><code>mime</code></td>
152
152
  <td>String</td>
153
153
  <td>false</td>
154
- <td>File MIME type filter. (eg. images/*)</td>
154
+ <td>File MIME type filter (eg. image/*). Separate multiple values with a pipe (image/*|video/*).</td>
155
155
  </tr>
156
156
  <tr>
157
157
  <td><code>maxSize</code></td>
package/src/images/backgrounds/accordion-close.svg DELETED
@@ -1,4 +0,0 @@
1
- <svg width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
2
- <rect fill="#000" width="13" height="1" x="0" y="6" />
3
- <rect fill="#000" width="1" height="13" x="6" y="0" />
4
- </svg>
package/src/images/backgrounds/accordion-open.svg DELETED
@@ -1,3 +0,0 @@
1
- <svg width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
2
- <rect fill="#000" width="13" height="1" x="0" y="6" />
3
- </svg>