uikit 3.21.14-dev.028df7be8 → 3.21.14-dev.2e8a07c7e

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 +34 -0
  2. package/dist/css/uikit-core-rtl.css +233 -85
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +233 -85
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +237 -81
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +237 -81
  9. package/dist/css/uikit.min.css +1 -1
  10. package/dist/js/components/countdown.js +1 -1
  11. package/dist/js/components/countdown.min.js +1 -1
  12. package/dist/js/components/filter.js +2 -11
  13. package/dist/js/components/filter.min.js +1 -1
  14. package/dist/js/components/lightbox-panel.js +425 -126
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +442 -131
  17. package/dist/js/components/lightbox.min.js +1 -1
  18. package/dist/js/components/notification.js +1 -1
  19. package/dist/js/components/notification.min.js +1 -1
  20. package/dist/js/components/parallax.js +2 -2
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +2 -2
  23. package/dist/js/components/slider-parallax.min.js +1 -1
  24. package/dist/js/components/slider.js +17 -27
  25. package/dist/js/components/slider.min.js +1 -1
  26. package/dist/js/components/slideshow-parallax.js +2 -2
  27. package/dist/js/components/slideshow-parallax.min.js +1 -1
  28. package/dist/js/components/slideshow.js +22 -33
  29. package/dist/js/components/slideshow.min.js +1 -1
  30. package/dist/js/components/sortable.js +3 -3
  31. package/dist/js/components/sortable.min.js +1 -1
  32. package/dist/js/components/tooltip.js +8 -12
  33. package/dist/js/components/tooltip.min.js +1 -1
  34. package/dist/js/components/upload.js +1 -1
  35. package/dist/js/components/upload.min.js +1 -1
  36. package/dist/js/uikit-core.js +225 -221
  37. package/dist/js/uikit-core.min.js +1 -1
  38. package/dist/js/uikit-icons.js +20 -17
  39. package/dist/js/uikit-icons.min.js +1 -1
  40. package/dist/js/uikit.js +644 -530
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +2 -2
  43. package/src/images/icons/arrow-down-arrow-up.svg +6 -0
  44. package/src/images/icons/arrow-down.svg +3 -3
  45. package/src/images/icons/arrow-left.svg +3 -3
  46. package/src/images/icons/arrow-right.svg +3 -3
  47. package/src/images/icons/arrow-up-right.svg +3 -3
  48. package/src/images/icons/arrow-up.svg +3 -3
  49. package/src/images/icons/close-circle.svg +5 -0
  50. package/src/images/icons/cloud-download.svg +4 -4
  51. package/src/images/icons/cloud-upload.svg +4 -4
  52. package/src/images/icons/download.svg +4 -4
  53. package/src/images/icons/expand.svg +5 -5
  54. package/src/images/icons/link-external.svg +4 -4
  55. package/src/images/icons/pull.svg +4 -4
  56. package/src/images/icons/push.svg +3 -3
  57. package/src/images/icons/shrink.svg +5 -5
  58. package/src/images/icons/sign-in.svg +4 -3
  59. package/src/images/icons/sign-out.svg +4 -3
  60. package/src/images/icons/sorting.svg +6 -0
  61. package/src/images/icons/upload.svg +4 -4
  62. package/src/js/api/events.js +15 -14
  63. package/src/js/api/instance.js +1 -1
  64. package/src/js/components/internal/lightbox-animations.js +2 -1
  65. package/src/js/components/internal/slideshow-animations.js +5 -5
  66. package/src/js/components/lightbox-panel.js +180 -45
  67. package/src/js/components/lightbox.js +59 -6
  68. package/src/js/components/slideshow.js +1 -2
  69. package/src/js/components/sortable.js +2 -2
  70. package/src/js/core/grid.js +1 -1
  71. package/src/js/core/icon.js +2 -2
  72. package/src/js/core/img.js +3 -5
  73. package/src/js/core/navbar.js +6 -2
  74. package/src/js/core/scrollspy-nav.js +1 -1
  75. package/src/js/core/svg.js +8 -10
  76. package/src/js/core/video.js +4 -3
  77. package/src/js/mixin/internal/slideshow-animations.js +1 -6
  78. package/src/js/mixin/modal.js +1 -4
  79. package/src/js/mixin/slider-drag.js +5 -6
  80. package/src/js/mixin/slider-nav.js +1 -1
  81. package/src/js/mixin/slider.js +11 -13
  82. package/src/js/mixin/slideshow.js +1 -1
  83. package/src/js/mixin/togglable.js +7 -2
  84. package/src/js/util/dom.js +3 -1
  85. package/src/js/util/filter.js +3 -1
  86. package/src/js/util/player.js +0 -4
  87. package/src/less/components/background.less +1 -9
  88. package/src/less/components/breadcrumb.less +6 -2
  89. package/src/less/components/button.less +1 -1
  90. package/src/less/components/form-range.less +52 -0
  91. package/src/less/components/form.less +1 -1
  92. package/src/less/components/lightbox.less +57 -89
  93. package/src/less/components/margin.less +14 -0
  94. package/src/less/components/search.less +49 -23
  95. package/src/less/components/sticky.less +1 -10
  96. package/src/less/components/totop.less +1 -1
  97. package/src/less/components/transition.less +4 -4
  98. package/src/less/components/visibility.less +3 -2
  99. package/src/less/theme/form-range.less +12 -0
  100. package/src/less/theme/lightbox.less +2 -20
  101. package/src/less/theme/search.less +24 -10
  102. package/src/scss/components/background.scss +1 -9
  103. package/src/scss/components/breadcrumb.scss +6 -2
  104. package/src/scss/components/button.scss +1 -1
  105. package/src/scss/components/form-range.scss +12 -0
  106. package/src/scss/components/form.scss +1 -1
  107. package/src/scss/components/lightbox.scss +50 -77
  108. package/src/scss/components/margin.scss +13 -0
  109. package/src/scss/components/search.scss +30 -12
  110. package/src/scss/components/sticky.scss +1 -10
  111. package/src/scss/components/totop.scss +1 -1
  112. package/src/scss/components/transition.scss +4 -4
  113. package/src/scss/components/visibility.scss +3 -2
  114. package/src/scss/mixins-theme.scss +51 -12
  115. package/src/scss/mixins.scss +45 -6
  116. package/src/scss/theme/form-range.scss +10 -0
  117. package/src/scss/theme/lightbox.scss +2 -20
  118. package/src/scss/theme/search.scss +10 -6
  119. package/src/scss/variables-theme.scss +32 -20
  120. package/src/scss/variables.scss +29 -24
  121. package/tests/badge.html +2 -2
  122. package/tests/base.html +1 -1
  123. package/tests/breadcrumb.html +23 -5
  124. package/tests/card.html +24 -24
  125. package/tests/dropbar.html +15 -15
  126. package/tests/dropdown.html +6 -6
  127. package/tests/dropnav.html +100 -100
  128. package/tests/icon.html +8 -0
  129. package/tests/index.html +15 -15
  130. package/tests/lightbox.html +379 -28
  131. package/tests/margin.html +19 -0
  132. package/tests/nav.html +21 -21
  133. package/tests/navbar.html +292 -292
  134. package/tests/offcanvas.html +27 -27
  135. package/tests/placeholder.html +2 -2
  136. package/tests/slider.html +0 -1
  137. package/tests/slideshow.html +1 -1
  138. package/tests/sortable.html +5 -5
  139. package/tests/sticky-navbar.html +114 -114
  140. package/tests/transition.html +2 -1
package/tests/offcanvas.html CHANGED
@@ -528,10 +528,10 @@
528
528
  </ul>
529
529
  </li>
530
530
  <li class="uk-nav-header">Header</li>
531
- <li><a href="#js-options"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
532
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
531
+ <li><a href="#js-options"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
532
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
533
533
  <li class="uk-nav-divider"></li>
534
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
534
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
535
535
  </ul>
536
536
 
537
537
  <h3>Title</h3>
@@ -556,10 +556,10 @@
556
556
  </ul>
557
557
  </li>
558
558
  <li class="uk-nav-header">Header</li>
559
- <li><a href="#js-options"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
560
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
559
+ <li><a href="#js-options"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
560
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
561
561
  <li class="uk-nav-divider"></li>
562
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
562
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
563
563
  </ul>
564
564
 
565
565
  <h3>Title</h3>
@@ -584,10 +584,10 @@
584
584
  </ul>
585
585
  </li>
586
586
  <li class="uk-nav-header">Header</li>
587
- <li><a href="#js-options"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
588
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
587
+ <li><a href="#js-options"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
588
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
589
589
  <li class="uk-nav-divider"></li>
590
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
590
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
591
591
  </ul>
592
592
 
593
593
  <h3>Title</h3>
@@ -612,10 +612,10 @@
612
612
  </ul>
613
613
  </li>
614
614
  <li class="uk-nav-header">Header</li>
615
- <li><a href="#js-options"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
616
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
615
+ <li><a href="#js-options"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
616
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
617
617
  <li class="uk-nav-divider"></li>
618
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
618
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
619
619
  </ul>
620
620
 
621
621
  <h3>Title</h3>
@@ -640,10 +640,10 @@
640
640
  </ul>
641
641
  </li>
642
642
  <li class="uk-nav-header">Header</li>
643
- <li><a href="#js-options"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
644
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
643
+ <li><a href="#js-options"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
644
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
645
645
  <li class="uk-nav-divider"></li>
646
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
646
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
647
647
  </ul>
648
648
 
649
649
  <h3>Title</h3>
@@ -668,10 +668,10 @@
668
668
  </ul>
669
669
  </li>
670
670
  <li class="uk-nav-header">Header</li>
671
- <li><a href="#js-options"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
672
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
671
+ <li><a href="#js-options"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
672
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
673
673
  <li class="uk-nav-divider"></li>
674
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
674
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
675
675
  </ul>
676
676
 
677
677
  <h3>Title</h3>
@@ -696,10 +696,10 @@
696
696
  </ul>
697
697
  </li>
698
698
  <li class="uk-nav-header">Header</li>
699
- <li><a href="#js-options"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
700
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
699
+ <li><a href="#js-options"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
700
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
701
701
  <li class="uk-nav-divider"></li>
702
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
702
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
703
703
  </ul>
704
704
 
705
705
  <h3>Title</h3>
@@ -724,10 +724,10 @@
724
724
  </ul>
725
725
  </li>
726
726
  <li class="uk-nav-header">Header</li>
727
- <li><a href="#js-options"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
728
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
727
+ <li><a href="#js-options"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
728
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
729
729
  <li class="uk-nav-divider"></li>
730
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
730
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
731
731
  </ul>
732
732
 
733
733
  <h3>Title</h3>
@@ -752,10 +752,10 @@
752
752
  </ul>
753
753
  </li>
754
754
  <li class="uk-nav-header">Header</li>
755
- <li><a href="#js-options"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
756
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
755
+ <li><a href="#js-options"><span class="uk-margin-xsmall-right" uk-icon="icon: table"></span> Item</a></li>
756
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: thumbnails"></span> Item</a></li>
757
757
  <li class="uk-nav-divider"></li>
758
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
758
+ <li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: trash"></span> Item</a></li>
759
759
  </ul>
760
760
 
761
761
  <h3>Title</h3>
package/tests/placeholder.html CHANGED
@@ -15,7 +15,7 @@
15
15
  <h1>Placeholder</h1>
16
16
 
17
17
  <div class="uk-placeholder uk-text-center">
18
- <span class="uk-margin-small-right uk-text-muted" uk-icon="icon: cloud-upload"></span>
18
+ <span class="uk-margin-xsmall-right uk-text-muted" uk-icon="icon: cloud-upload"></span>
19
19
  <span class="uk-text-middle">Attach binaries by dropping them here or</span>
20
20
  <div uk-form-custom>
21
21
  <input type="file" multiple>
@@ -24,7 +24,7 @@
24
24
  </div>
25
25
 
26
26
  <div class="uk-placeholder uk-text-center">
27
- <span class="uk-margin-small-right uk-text-muted" uk-icon="icon: cloud-upload; ratio: 2"></span>
27
+ <span class="uk-text-muted" uk-icon="icon: cloud-upload; ratio: 2"></span>
28
28
  </div>
29
29
 
30
30
  </div>
package/tests/slider.html CHANGED
@@ -44,7 +44,6 @@
44
44
  <select id="js-active-switcher" class="uk-select uk-form-width-small" aria-label="Active switcher">
45
45
  <option value="">All</option>
46
46
  <option value="first">First</option>
47
- <option value="center">Center</option>
48
47
  </select>
49
48
  </div>
50
49
 
package/tests/slideshow.html CHANGED
@@ -132,7 +132,7 @@
132
132
  </div>
133
133
  </div>
134
134
 
135
- <h2>Modifing animation with parallax</h2>
135
+ <h2>Modifying animation with parallax</h2>
136
136
 
137
137
  <div uk-slideshow="animation: push">
138
138
 
package/tests/sortable.html CHANGED
@@ -86,27 +86,27 @@
86
86
  <div uk-sortable="handle: .uk-sortable-handle; group: test">
87
87
  <div class="uk-margin">
88
88
  <div class="uk-card uk-card-default uk-card-body uk-card-small">
89
- <span class="uk-sortable-handle uk-margin-small-right" uk-icon="icon: table"></span> Item 1
89
+ <span class="uk-sortable-handle uk-margin-xsmall-right" uk-icon="icon: table"></span> Item 1
90
90
  </div>
91
91
  </div>
92
92
  <div class="uk-margin">
93
93
  <div class="uk-card uk-card-default uk-card-body uk-card-small">
94
- <span class="uk-sortable-handle uk-margin-small-right" uk-icon="icon: table"></span> Item 2
94
+ <span class="uk-sortable-handle uk-margin-xsmall-right" uk-icon="icon: table"></span> Item 2
95
95
  </div>
96
96
  </div>
97
97
  <div class="uk-margin">
98
98
  <div class="uk-card uk-card-default uk-card-body uk-card-small">
99
- <span class="uk-sortable-handle uk-margin-small-right" uk-icon="icon: table"></span> Item 3
99
+ <span class="uk-sortable-handle uk-margin-xsmall-right" uk-icon="icon: table"></span> Item 3
100
100
  </div>
101
101
  </div>
102
102
  <div class="uk-margin">
103
103
  <div class="uk-card uk-card-default uk-card-body uk-card-small">
104
- <span class="uk-sortable-handle uk-margin-small-right" uk-icon="icon: table"></span> Item 4
104
+ <span class="uk-sortable-handle uk-margin-xsmall-right" uk-icon="icon: table"></span> Item 4
105
105
  </div>
106
106
  </div>
107
107
  <div class="uk-margin">
108
108
  <div class="uk-card uk-card-default uk-card-body uk-card-small">
109
- <span class="uk-sortable-handle uk-margin-small-right" uk-icon="icon: table"></span> Item 5
109
+ <span class="uk-sortable-handle uk-margin-xsmall-right" uk-icon="icon: table"></span> Item 5
110
110
  </div>
111
111
  </div>
112
112
  </div>