uikit 3.14.1-dev.eeb4cd6ae → 3.14.2-dev.404bdcedf

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 (72) hide show
  1. package/CHANGELOG.md +21 -3
  2. package/build/util.js +8 -2
  3. package/dist/css/uikit-core-rtl.css +12 -1
  4. package/dist/css/uikit-core-rtl.min.css +1 -1
  5. package/dist/css/uikit-core.css +12 -1
  6. package/dist/css/uikit-core.min.css +1 -1
  7. package/dist/css/uikit-rtl.css +15 -14
  8. package/dist/css/uikit-rtl.min.css +1 -1
  9. package/dist/css/uikit.css +15 -14
  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 +2 -2
  14. package/dist/js/components/filter.min.js +1 -1
  15. package/dist/js/components/lightbox-panel.js +19 -2
  16. package/dist/js/components/lightbox-panel.min.js +1 -1
  17. package/dist/js/components/lightbox.js +19 -2
  18. package/dist/js/components/lightbox.min.js +1 -1
  19. package/dist/js/components/notification.js +1 -1
  20. package/dist/js/components/notification.min.js +1 -1
  21. package/dist/js/components/parallax.js +2 -2
  22. package/dist/js/components/parallax.min.js +1 -1
  23. package/dist/js/components/slider-parallax.js +2 -2
  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 +2 -2
  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 +38 -16
  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 +88 -56
  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 +90 -58
  42. package/dist/js/uikit.min.js +1 -1
  43. package/package.json +11 -11
  44. package/src/js/api/hooks.js +1 -1
  45. package/src/js/components/filter.js +1 -1
  46. package/src/js/core/drop.js +16 -7
  47. package/src/js/core/height-viewport.js +1 -2
  48. package/src/js/core/margin.js +1 -1
  49. package/src/js/core/scrollspy.js +2 -1
  50. package/src/js/core/toggle.js +4 -0
  51. package/src/js/mixin/parallax.js +1 -1
  52. package/src/js/mixin/position.js +18 -23
  53. package/src/js/mixin/togglable.js +18 -1
  54. package/src/js/util/position.js +24 -22
  55. package/src/js/util/viewport.js +5 -9
  56. package/src/less/components/drop.less +1 -0
  57. package/src/less/components/dropdown.less +1 -0
  58. package/src/less/components/navbar.less +16 -2
  59. package/src/less/components/tooltip.less +1 -0
  60. package/src/less/theme/navbar.less +3 -10
  61. package/src/scss/components/drop.scss +1 -0
  62. package/src/scss/components/dropdown.scss +1 -0
  63. package/src/scss/components/navbar.scss +16 -2
  64. package/src/scss/components/tooltip.scss +1 -0
  65. package/src/scss/mixins-theme.scss +0 -10
  66. package/src/scss/theme/navbar.scss +3 -0
  67. package/src/scss/variables-theme.scss +3 -1
  68. package/src/scss/variables.scss +2 -0
  69. package/tests/drop.html +20 -2
  70. package/tests/dropdown.html +6 -0
  71. package/tests/navbar.html +21 -59
  72. package/tests/notification.html +1 -1
package/src/scss/mixins-theme.scss CHANGED
@@ -1761,16 +1761,6 @@
1761
1761
  @mixin hook-navbar-dropbar(){ box-shadow: $navbar-dropbar-box-shadow; }
1762
1762
  @mixin hook-navbar-misc(){
1763
1763
 
1764
- /*
1765
- * Navbar
1766
- */
1767
-
1768
- .uk-navbar-container > .uk-container .uk-navbar-left {
1769
- margin-left: (-$navbar-nav-item-padding-horizontal);
1770
- margin-right: (-$navbar-nav-item-padding-horizontal);
1771
- }
1772
- .uk-navbar-container > .uk-container .uk-navbar-right { margin-right: (-$navbar-nav-item-padding-horizontal); }
1773
-
1774
1764
  /*
1775
1765
  * Grid Divider
1776
1766
  */
package/src/scss/theme/navbar.scss CHANGED
@@ -7,6 +7,9 @@
7
7
  // Variables
8
8
  // ========================================================================
9
9
 
10
+ $navbar-nav-item-gap: 30px !default;
11
+ $navbar-nav-item-padding-horizontal: 0 !default;
12
+
10
13
  $navbar-nav-item-font-size: $global-small-font-size !default;
11
14
 
12
15
  $navbar-dropdown-margin: 15px !default;
package/src/scss/variables-theme.scss CHANGED
@@ -730,13 +730,15 @@ $inverse-nav-dividers-border: $inverse-global-border !default;
730
730
  $navbar-background: $global-muted-background !default;
731
731
  $navbar-color-mode: none !default;
732
732
  $navbar-nav-item-height: 80px !default;
733
- $navbar-nav-item-padding-horizontal: 15px !default;
733
+ $navbar-nav-item-gap: 30px !default;
734
+ $navbar-nav-item-padding-horizontal: 0 !default;
734
735
  $navbar-nav-item-color: $global-muted-color !default;
735
736
  $navbar-nav-item-font-size: $global-small-font-size !default;
736
737
  $navbar-nav-item-font-family: $global-font-family !default;
737
738
  $navbar-nav-item-hover-color: $global-color !default;
738
739
  $navbar-nav-item-onclick-color: $global-emphasis-color !default;
739
740
  $navbar-nav-item-active-color: $global-emphasis-color !default;
741
+ $navbar-item-padding-horizontal: $navbar-nav-item-padding-horizontal !default;
740
742
  $navbar-item-color: $global-color !default;
741
743
  $navbar-toggle-color: $global-muted-color !default;
742
744
  $navbar-toggle-hover-color: $global-color !default;
package/src/scss/variables.scss CHANGED
@@ -728,6 +728,7 @@ $inverse-nav-dividers-border: $inverse-global-border !default;
728
728
  $navbar-background: $global-muted-background !default;
729
729
  $navbar-color-mode: none !default;
730
730
  $navbar-nav-item-height: 80px !default;
731
+ $navbar-nav-item-gap: 0 !default;
731
732
  $navbar-nav-item-padding-horizontal: 15px !default;
732
733
  $navbar-nav-item-color: $global-muted-color !default;
733
734
  $navbar-nav-item-font-size: $global-font-size !default;
@@ -735,6 +736,7 @@ $navbar-nav-item-font-family: $global-font-family !default;
735
736
  $navbar-nav-item-hover-color: $global-color !default;
736
737
  $navbar-nav-item-onclick-color: $global-emphasis-color !default;
737
738
  $navbar-nav-item-active-color: $global-emphasis-color !default;
739
+ $navbar-item-padding-horizontal: $navbar-nav-item-padding-horizontal !default;
738
740
  $navbar-item-color: $global-color !default;
739
741
  $navbar-toggle-color: $global-muted-color !default;
740
742
  $navbar-toggle-hover-color: $global-color !default;
package/tests/drop.html CHANGED
@@ -15,7 +15,7 @@
15
15
  -webkit-overflow-scrolling: touch;
16
16
  }
17
17
 
18
- .boundary-overflow { width: 200%; }
18
+ .boundary-overflow { width: 250%; }
19
19
 
20
20
  </style>
21
21
  </head>
@@ -260,7 +260,7 @@
260
260
  <div class="uk-child-width-1-2@m" uk-grid>
261
261
  <div>
262
262
 
263
- <div class="boundary uk-height-medium uk-margin uk-flex uk-flex-between uk-flex-wrap">
263
+ <div class="boundary uk-height-medium uk-margin uk-flex uk-flex-around uk-flex-wrap">
264
264
  <div>
265
265
 
266
266
  <button class="uk-button uk-button-default" type="button">Bottom Right</button>
@@ -279,6 +279,12 @@
279
279
  <div class="uk-width-medium" uk-dropdown="pos: bottom-left; boundary: !.boundary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
280
280
 
281
281
  </div>
282
+ <div>
283
+
284
+ <button class="uk-button uk-button-default" type="button">Bottom Justify</button>
285
+ <div class="uk-width-medium" uk-dropdown="pos: bottom-justify; boundary: !.boundary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
286
+
287
+ </div>
282
288
  </div>
283
289
 
284
290
  </div>
@@ -303,6 +309,12 @@
303
309
  <div class="uk-width-medium" uk-dropdown="pos: right-top; boundary: !.boundary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
304
310
 
305
311
  </div>
312
+ <div>
313
+
314
+ <button class="uk-button uk-button-default" type="button">Right Justify</button>
315
+ <div class="uk-width-medium" uk-dropdown="pos: right-justify; boundary: !.boundary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
316
+
317
+ </div>
306
318
  </div>
307
319
 
308
320
  </div>
@@ -473,6 +485,12 @@
473
485
  <td>200</td>
474
486
  <td>The animation duration.</td>
475
487
  </tr>
488
+ <tr>
489
+ <td><code>container</code></td>
490
+ <td>Boolean</td>
491
+ <td>false</td>
492
+ <td>Define a target container via a selector to specify where the drop should be appended in the DOM.</td>
493
+ </tr>
476
494
  </tbody>
477
495
  </table>
478
496
  </div>
package/tests/dropdown.html CHANGED
@@ -431,6 +431,12 @@
431
431
  <td>200</td>
432
432
  <td>The animation duration.</td>
433
433
  </tr>
434
+ <tr>
435
+ <td><code>container</code></td>
436
+ <td>Boolean</td>
437
+ <td>false</td>
438
+ <td>Define a target container via a selector to specify where the drop should be appended in the DOM.</td>
439
+ </tr>
434
440
  </tbody>
435
441
  </table>
436
442
  </div>
package/tests/navbar.html CHANGED
@@ -1400,33 +1400,25 @@
1400
1400
 
1401
1401
  <nav class="uk-navbar uk-navbar-container uk-margin">
1402
1402
  <div class="uk-navbar-left">
1403
- <div>
1404
- <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1405
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1406
- </div>
1403
+ <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1404
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1407
1405
  </div>
1408
1406
  <div class="uk-navbar-right">
1409
- <div>
1410
- <a class="uk-navbar-toggle" href="#" uk-navbar-toggle-icon></a>
1411
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1412
- </div>
1407
+ <a class="uk-navbar-toggle" href="#" uk-navbar-toggle-icon></a>
1408
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1413
1409
  </div>
1414
1410
  </nav>
1415
1411
 
1416
1412
  <nav class="uk-navbar uk-navbar-container uk-margin">
1417
1413
  <div class="uk-navbar-left">
1418
- <div>
1419
- <a class="uk-navbar-toggle" href="#">Menu</a>
1420
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1421
- </div>
1414
+ <a class="uk-navbar-toggle" href="#">Menu</a>
1415
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1422
1416
  </div>
1423
1417
  <div class="uk-navbar-right">
1424
- <div>
1425
- <a class="uk-navbar-toggle" href="#">
1426
- <span class="uk-margin-small-right">Menu</span> <span uk-navbar-toggle-icon></span>
1427
- </a>
1428
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1429
- </div>
1418
+ <a class="uk-navbar-toggle" href="#">
1419
+ <span class="uk-margin-small-right">Menu</span> <span uk-navbar-toggle-icon></span>
1420
+ </a>
1421
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1430
1422
  </div>
1431
1423
  </nav>
1432
1424
 
@@ -1767,8 +1759,6 @@
1767
1759
  <div class="uk-navbar">
1768
1760
  <div class="uk-navbar-left">
1769
1761
 
1770
- <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1771
-
1772
1762
  <ul class="uk-navbar-nav">
1773
1763
  <li class="uk-active"><a href="#">Active</a></li>
1774
1764
  <li><a href="#">Parent</a></li>
@@ -1818,6 +1808,8 @@
1818
1808
  </ul>
1819
1809
  </div>
1820
1810
 
1811
+ <a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
1812
+
1821
1813
  </div>
1822
1814
  </div>
1823
1815
  </div>
@@ -1843,19 +1835,7 @@
1843
1835
  </div>
1844
1836
  <div class="uk-navbar-right">
1845
1837
 
1846
- <div class="uk-navbar-item">
1847
- <ul class="uk-grid-small" uk-grid>
1848
- <li>
1849
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1850
- </li>
1851
- <li>
1852
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1853
- </li>
1854
- <li>
1855
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1856
- </li>
1857
- </ul>
1858
- </div>
1838
+ <a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
1859
1839
 
1860
1840
  </div>
1861
1841
  </div>
@@ -1906,19 +1886,7 @@
1906
1886
  <li><a href="#">Item</a></li>
1907
1887
  </ul>
1908
1888
 
1909
- <div class="uk-navbar-item">
1910
- <ul class="uk-grid-small" uk-grid>
1911
- <li>
1912
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1913
- </li>
1914
- <li>
1915
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1916
- </li>
1917
- <li>
1918
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1919
- </li>
1920
- </ul>
1921
- </div>
1889
+ <a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
1922
1890
 
1923
1891
  </div>
1924
1892
  </div>
@@ -1945,19 +1913,7 @@
1945
1913
  </div>
1946
1914
  <div class="uk-navbar-right">
1947
1915
 
1948
- <div class="uk-navbar-item">
1949
- <ul class="uk-grid-small" uk-grid>
1950
- <li>
1951
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1952
- </li>
1953
- <li>
1954
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1955
- </li>
1956
- <li>
1957
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1958
- </li>
1959
- </ul>
1960
- </div>
1916
+ <a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
1961
1917
 
1962
1918
  </div>
1963
1919
  </div>
@@ -2039,6 +1995,12 @@
2039
1995
  <td>200</td>
2040
1996
  <td>The dropbar transition duration.</td>
2041
1997
  </tr>
1998
+ <tr>
1999
+ <td><code>container</code></td>
2000
+ <td>Boolean</td>
2001
+ <td>false</td>
2002
+ <td>Define a target container via a selector to specify where the drops should be appended in the DOM.</td>
2003
+ </tr>
2042
2004
  </tbody>
2043
2005
  </table>
2044
2006
  </div>
package/tests/notification.html CHANGED
@@ -107,7 +107,7 @@
107
107
  <td><code>timeout</code></td>
108
108
  <td>Number</td>
109
109
  <td>5000</td>
110
- <td>Visibility duration before a notification disappears.</td>
110
+ <td>Visibility duration before a notification disappears. If set to `0`, notification will not hide automatically.</td>
111
111
  </tr>
112
112
  <tr>
113
113
  <td><code>group</code></td>