uikit 3.14.4-dev.4bd89c5ca → 3.14.4-dev.5fbbc45fb

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 (140) hide show
  1. package/CHANGELOG.md +39 -18
  2. package/build/util.js +1 -0
  3. package/dist/css/uikit-core-rtl.css +349 -160
  4. package/dist/css/uikit-core-rtl.min.css +1 -1
  5. package/dist/css/uikit-core.css +349 -160
  6. package/dist/css/uikit-core.min.css +1 -1
  7. package/dist/css/uikit-rtl.css +372 -190
  8. package/dist/css/uikit-rtl.min.css +1 -1
  9. package/dist/css/uikit.css +372 -190
  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 +96 -131
  16. package/dist/js/components/lightbox-panel.min.js +1 -1
  17. package/dist/js/components/lightbox.js +96 -131
  18. package/dist/js/components/lightbox.min.js +1 -1
  19. package/dist/js/components/notification.js +4 -2
  20. package/dist/js/components/notification.min.js +1 -1
  21. package/dist/js/components/parallax.js +4 -5
  22. package/dist/js/components/parallax.min.js +1 -1
  23. package/dist/js/components/slider-parallax.js +4 -5
  24. package/dist/js/components/slider-parallax.min.js +1 -1
  25. package/dist/js/components/slider.js +1 -1
  26. package/dist/js/components/slider.min.js +1 -1
  27. package/dist/js/components/slideshow-parallax.js +4 -5
  28. package/dist/js/components/slideshow-parallax.min.js +1 -1
  29. package/dist/js/components/slideshow.js +1 -1
  30. package/dist/js/components/slideshow.min.js +1 -1
  31. package/dist/js/components/sortable.js +1 -1
  32. package/dist/js/components/sortable.min.js +1 -1
  33. package/dist/js/components/tooltip.js +102 -139
  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 +549 -503
  38. package/dist/js/uikit-core.min.js +17 -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 +552 -504
  42. package/dist/js/uikit.min.js +17 -1
  43. package/package.json +11 -11
  44. package/src/images/{backgrounds/nav-parent-close.svg → components/nav-parent-icon-large.svg} +0 -0
  45. package/src/images/{backgrounds/navbar-parent-close.svg → components/nav-parent-icon.svg} +0 -0
  46. package/src/images/{backgrounds/navbar-parent-open.svg → components/navbar-parent-icon.svg} +1 -1
  47. package/src/images/components/navbar-toggle-icon.svg +25 -3
  48. package/src/js/api/hooks.js +5 -1
  49. package/src/js/api/state.js +2 -2
  50. package/src/js/components/notification.js +3 -1
  51. package/src/js/core/accordion.js +9 -17
  52. package/src/js/core/alert.js +35 -14
  53. package/src/js/core/drop.js +110 -82
  54. package/src/js/core/height-viewport.js +4 -2
  55. package/src/js/core/icon.js +16 -0
  56. package/src/js/core/index.js +2 -0
  57. package/src/js/core/leader.js +2 -2
  58. package/src/js/core/navbar.js +30 -45
  59. package/src/js/core/offcanvas.js +8 -4
  60. package/src/js/core/scroll.js +37 -10
  61. package/src/js/core/toggle.js +3 -5
  62. package/src/js/mixin/media.js +4 -5
  63. package/src/js/mixin/modal.js +15 -12
  64. package/src/js/mixin/position.js +24 -26
  65. package/src/js/mixin/style.js +11 -0
  66. package/src/js/mixin/togglable.js +88 -124
  67. package/src/js/util/animation.js +9 -7
  68. package/src/js/util/class.js +3 -1
  69. package/src/js/util/filter.js +3 -7
  70. package/src/js/util/position.js +136 -130
  71. package/src/js/util/style.js +4 -13
  72. package/src/js/util/viewport.js +3 -5
  73. package/src/less/components/_import.less +1 -0
  74. package/src/less/components/drop.less +1 -18
  75. package/src/less/components/dropbar.less +126 -0
  76. package/src/less/components/dropdown.less +11 -19
  77. package/src/less/components/leader.less +1 -1
  78. package/src/less/components/nav.less +219 -58
  79. package/src/less/components/navbar.less +49 -81
  80. package/src/less/components/utility.less +10 -2
  81. package/src/less/theme/_import.less +1 -0
  82. package/src/less/theme/dropbar.less +44 -0
  83. package/src/less/theme/dropdown.less +0 -11
  84. package/src/less/theme/nav.less +45 -7
  85. package/src/less/theme/navbar.less +5 -44
  86. package/src/scss/components/_import.scss +1 -0
  87. package/src/scss/components/drop.scss +1 -18
  88. package/src/scss/components/dropbar.scss +126 -0
  89. package/src/scss/components/dropdown.scss +11 -19
  90. package/src/scss/components/leader.scss +1 -1
  91. package/src/scss/components/nav.scss +168 -46
  92. package/src/scss/components/navbar.scss +49 -69
  93. package/src/scss/components/utility.scss +8 -1
  94. package/src/scss/mixins-theme.scss +83 -61
  95. package/src/scss/mixins.scss +79 -29
  96. package/src/scss/theme/_import.scss +1 -0
  97. package/src/scss/theme/dropbar.scss +44 -0
  98. package/src/scss/theme/dropdown.scss +0 -8
  99. package/src/scss/theme/nav.scss +43 -7
  100. package/src/scss/theme/navbar.scss +4 -16
  101. package/src/scss/variables-theme.scss +62 -26
  102. package/src/scss/variables.scss +50 -21
  103. package/tests/accordion.html +2 -2
  104. package/tests/alert.html +2 -2
  105. package/tests/countdown.html +1 -1
  106. package/tests/drop.html +446 -416
  107. package/tests/dropbar.html +458 -0
  108. package/tests/dropdown.html +8 -470
  109. package/tests/filter.html +9 -12
  110. package/tests/flex.html +36 -36
  111. package/tests/form.html +1 -1
  112. package/tests/grid.html +22 -22
  113. package/tests/height.html +6 -6
  114. package/tests/index.html +129 -110
  115. package/tests/js/index.js +1 -4
  116. package/tests/lightbox.html +5 -5
  117. package/tests/list.html +8 -8
  118. package/tests/modal.html +13 -13
  119. package/tests/nav.html +117 -75
  120. package/tests/navbar.html +129 -249
  121. package/tests/offcanvas.html +17 -21
  122. package/tests/pagination.html +6 -6
  123. package/tests/parallax.html +1 -1
  124. package/tests/position.html +18 -16
  125. package/tests/progress.html +9 -9
  126. package/tests/scroll.html +7 -10
  127. package/tests/search.html +6 -6
  128. package/tests/slider.html +6 -5
  129. package/tests/slideshow.html +8 -8
  130. package/tests/sortable.html +6 -8
  131. package/tests/sticky-navbar.html +15 -15
  132. package/tests/sticky.html +8 -8
  133. package/tests/switcher.html +1 -1
  134. package/tests/tab.html +1 -1
  135. package/tests/table.html +7 -7
  136. package/tests/toggle.html +2 -2
  137. package/tests/tooltip.html +1 -1
  138. package/tests/upload.html +11 -11
  139. package/tests/utility.html +35 -16
  140. package/src/images/backgrounds/nav-parent-open.svg +0 -3
package/tests/toggle.html CHANGED
@@ -144,7 +144,7 @@
144
144
  <td><code>mode</code></td>
145
145
  <td>hover | click | media</td>
146
146
  <td>click</td>
147
- <td>Comma separated list of trigger behaviour modes.</td>
147
+ <td>Comma-separated list of trigger behaviour modes.</td>
148
148
  </tr>
149
149
  <tr>
150
150
  <td><code>media</code></td>
@@ -162,7 +162,7 @@
162
162
  <td><code>animation</code></td>
163
163
  <td>String</td>
164
164
  <td>false</td>
165
- <td>The space separated names of animations to use. (Comma separate for animation out)</td>
165
+ <td>Space-separated names of animations. Comma-separated for animation out.</td>
166
166
  </tr>
167
167
  <tr>
168
168
  <td><code>duration</code></td>
package/tests/tooltip.html CHANGED
@@ -90,7 +90,7 @@
90
90
  <td><code>animation</code></td>
91
91
  <td>String</td>
92
92
  <td>false</td>
93
- <td>The space separated names of animations to use. (Comma separate for animation out)</td>
93
+ <td>Space-separated names of animations. Comma-separated for animation out.</td>
94
94
  </tr>
95
95
  <tr>
96
96
  <td><code>duration</code></td>
package/tests/upload.html CHANGED
@@ -36,30 +36,30 @@
36
36
 
37
37
  <script>
38
38
 
39
- var bar = document.getElementById('js-progressbar');
39
+ const bar = UIkit.util.$('#js-progressbar');
40
40
 
41
41
  UIkit.upload('.js-upload', {
42
42
 
43
43
  url: '',
44
44
  multiple: true,
45
45
 
46
- beforeSend: function () {
46
+ beforeSend() {
47
47
  console.log('beforeSend', arguments);
48
48
  },
49
- beforeAll: function () {
49
+ beforeAll() {
50
50
  console.log('beforeAll', arguments);
51
51
  },
52
- load: function () {
52
+ load() {
53
53
  console.log('load', arguments);
54
54
  },
55
- error: function () {
55
+ error() {
56
56
  console.log('error', arguments);
57
57
  },
58
- complete: function () {
58
+ complete() {
59
59
  console.log('complete', arguments);
60
60
  },
61
61
 
62
- loadStart: function (e) {
62
+ loadStart(e) {
63
63
  console.log('loadStart', arguments);
64
64
 
65
65
  bar.hidden = false;
@@ -67,24 +67,24 @@
67
67
  bar.value = e.loaded;
68
68
  },
69
69
 
70
- progress: function (e) {
70
+ progress(e) {
71
71
  console.log('progress', arguments);
72
72
 
73
73
  bar.max = e.total;
74
74
  bar.value = e.loaded;
75
75
  },
76
76
 
77
- loadEnd: function (e) {
77
+ loadEnd(e) {
78
78
  console.log('loadEnd', arguments);
79
79
 
80
80
  bar.max = e.total;
81
81
  bar.value = e.loaded;
82
82
  },
83
83
 
84
- completeAll: function () {
84
+ completeAll() {
85
85
  console.log('completeAll', arguments);
86
86
 
87
- setTimeout(function () {
87
+ setTimeout(() => {
88
88
  bar.hidden = true;
89
89
  }, 1000);
90
90
 
package/tests/utility.html CHANGED
@@ -114,43 +114,43 @@
114
114
  <h2>Pre scrollable</h2>
115
115
 
116
116
  <pre class="uk-overflow-auto uk-height-medium uk-resize"><code>&lt;div uk-grid&gt;
117
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;&lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;&lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
118
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
117
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;&lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;&lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
118
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
119
119
  &lt;/div&gt;
120
120
 
121
121
  &lt;div uk-grid&gt;
122
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
123
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
122
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
123
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
124
124
  &lt;/div&gt;
125
125
 
126
126
  &lt;div uk-grid&gt;
127
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
128
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
127
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
128
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
129
129
  &lt;/div&gt;
130
130
 
131
131
  &lt;div uk-grid&gt;
132
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
133
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
132
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
133
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
134
134
  &lt;/div&gt;
135
135
 
136
136
  &lt;div uk-grid&gt;
137
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
138
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
137
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
138
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
139
139
  &lt;/div&gt;
140
140
 
141
141
  &lt;div uk-grid&gt;
142
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
143
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
142
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
143
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
144
144
  &lt;/div&gt;
145
145
 
146
146
  &lt;div uk-grid&gt;
147
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
148
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
147
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
148
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
149
149
  &lt;/div&gt;
150
150
 
151
151
  &lt;div uk-grid&gt;
152
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
153
- &lt;div class="uk-width-1-2"&gt;...&lt;/div&gt;
152
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
153
+ &lt;div class="uk-width-1-2"&gt;…&lt;/div&gt;
154
154
  &lt;/div&gt;</code></pre>
155
155
 
156
156
  </div>
@@ -434,6 +434,25 @@
434
434
  <img class="uk-logo-inverse" src="images/dark.jpg" width="200" height="133" alt="">
435
435
  </a>
436
436
  </div>
437
+ <div>
438
+ <p>Picture</p>
439
+ <a class="uk-logo" href="#">
440
+ <picture>
441
+ <img src="images/photo.jpg" width="200" height="133" alt="">
442
+ </picture>
443
+ </a>
444
+ </div>
445
+ <div>
446
+ <p>+ Inverse Picture</p>
447
+ <a class="uk-logo" href="#">
448
+ <picture>
449
+ <img src="images/photo.jpg" width="200" height="133" alt="">
450
+ </picture>
451
+ <picture>
452
+ <img class="uk-logo-inverse" src="images/dark.jpg" width="200" height="133" alt="">
453
+ </picture>
454
+ </a>
455
+ </div>
437
456
  </div>
438
457
 
439
458
  </div>
package/src/images/backgrounds/nav-parent-open.svg DELETED
@@ -1,3 +0,0 @@
1
- <svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
2
- <polyline fill="none" stroke="#000" stroke-width="1.1" points="13 10 7 4 1 10" />
3
- </svg>