uikit 3.14.4-dev.fea9fd466 → 3.15.1-dev.f849bb0c8
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.
- package/CHANGELOG.md +32 -18
- package/build/util.js +1 -0
- package/dist/css/uikit-core-rtl.css +284 -63
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +284 -63
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +306 -92
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +306 -92
- package/dist/css/uikit.min.css +1 -1
- package/dist/js/components/countdown.js +1 -1
- package/dist/js/components/countdown.min.js +1 -1
- package/dist/js/components/filter.js +1 -1
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +98 -131
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +98 -131
- package/dist/js/components/lightbox.min.js +1 -1
- package/dist/js/components/notification.js +4 -2
- package/dist/js/components/notification.min.js +1 -1
- package/dist/js/components/parallax.js +1 -1
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +1 -1
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +1 -1
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +1 -1
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +1 -1
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +1 -1
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +101 -136
- package/dist/js/components/tooltip.min.js +1 -1
- package/dist/js/components/upload.js +1 -1
- package/dist/js/components/upload.min.js +1 -1
- package/dist/js/uikit-core.js +518 -478
- package/dist/js/uikit-core.min.js +17 -1
- package/dist/js/uikit-icons.js +1 -1
- package/dist/js/uikit-icons.min.js +1 -1
- package/dist/js/uikit.js +521 -479
- package/dist/js/uikit.min.js +17 -1
- package/package.json +11 -11
- package/src/images/components/navbar-toggle-icon.svg +25 -3
- package/src/js/api/hooks.js +5 -1
- package/src/js/api/state.js +2 -2
- package/src/js/components/notification.js +3 -1
- package/src/js/core/accordion.js +9 -17
- package/src/js/core/alert.js +35 -14
- package/src/js/core/drop.js +110 -82
- package/src/js/core/navbar.js +33 -49
- package/src/js/core/offcanvas.js +8 -4
- package/src/js/core/scroll.js +37 -10
- package/src/js/core/toggle.js +3 -5
- package/src/js/mixin/modal.js +15 -12
- package/src/js/mixin/position.js +21 -22
- package/src/js/mixin/style.js +11 -0
- package/src/js/mixin/togglable.js +90 -124
- package/src/js/util/animation.js +9 -7
- package/src/js/util/class.js +3 -1
- package/src/js/util/filter.js +3 -7
- package/src/js/util/position.js +136 -130
- package/src/js/util/viewport.js +1 -1
- package/src/less/components/_import.less +1 -0
- package/src/less/components/drop.less +1 -18
- package/src/less/components/dropbar.less +126 -0
- package/src/less/components/dropdown.less +6 -20
- package/src/less/components/nav.less +214 -23
- package/src/less/components/navbar.less +26 -54
- package/src/less/theme/_import.less +1 -0
- package/src/less/theme/dropbar.less +44 -0
- package/src/less/theme/dropdown.less +0 -11
- package/src/less/theme/nav.less +46 -0
- package/src/less/theme/navbar.less +5 -36
- package/src/scss/components/_import.scss +1 -0
- package/src/scss/components/drop.scss +1 -18
- package/src/scss/components/dropbar.scss +126 -0
- package/src/scss/components/dropdown.scss +6 -20
- package/src/scss/components/nav.scss +163 -22
- package/src/scss/components/navbar.scss +26 -54
- package/src/scss/mixins-theme.scss +81 -35
- package/src/scss/mixins.scss +77 -3
- package/src/scss/theme/_import.scss +1 -0
- package/src/scss/theme/dropbar.scss +44 -0
- package/src/scss/theme/dropdown.scss +0 -8
- package/src/scss/theme/nav.scss +44 -0
- package/src/scss/theme/navbar.scss +4 -8
- package/src/scss/variables-theme.scss +58 -13
- package/src/scss/variables.scss +46 -8
- package/tests/accordion.html +2 -2
- package/tests/alert.html +2 -2
- package/tests/countdown.html +1 -1
- package/tests/drop.html +446 -416
- package/tests/dropbar.html +458 -0
- package/tests/dropdown.html +8 -470
- package/tests/filter.html +9 -12
- package/tests/flex.html +36 -36
- package/tests/form.html +1 -1
- package/tests/grid.html +22 -22
- package/tests/height.html +6 -6
- package/tests/index.html +127 -108
- package/tests/js/index.js +1 -4
- package/tests/lightbox.html +5 -5
- package/tests/list.html +8 -8
- package/tests/modal.html +13 -13
- package/tests/nav.html +121 -12
- package/tests/navbar.html +111 -220
- package/tests/offcanvas.html +10 -14
- package/tests/pagination.html +6 -6
- package/tests/parallax.html +1 -1
- package/tests/position.html +18 -16
- package/tests/progress.html +9 -9
- package/tests/scroll.html +7 -10
- package/tests/search.html +6 -6
- package/tests/slider.html +6 -5
- package/tests/slideshow.html +8 -8
- package/tests/sortable.html +6 -8
- package/tests/sticky-navbar.html +15 -15
- package/tests/sticky.html +8 -8
- package/tests/switcher.html +1 -1
- package/tests/tab.html +1 -1
- package/tests/table.html +7 -7
- package/tests/toggle.html +2 -2
- package/tests/tooltip.html +1 -1
- package/tests/upload.html +11 -11
- package/tests/utility.html +16 -16
package/src/scss/variables.scss
CHANGED
|
@@ -368,6 +368,18 @@ $drop-z-index: $global-z-index + 20 !default;
|
|
|
368
368
|
$drop-margin: $global-margin !default;
|
|
369
369
|
$drop-viewport-margin: 15px !default;
|
|
370
370
|
$drop-width: 300px !default;
|
|
371
|
+
$dropbar-margin: 0 !default;
|
|
372
|
+
$dropbar-z-index: $global-z-index + 20 !default;
|
|
373
|
+
$dropbar-padding-top: 15px !default;
|
|
374
|
+
$dropbar-padding-bottom: $dropbar-padding-top !default;
|
|
375
|
+
$dropbar-padding-horizontal: 15px !default;
|
|
376
|
+
$dropbar-padding-horizontal-s: $global-gutter !default;
|
|
377
|
+
$dropbar-padding-horizontal-m: $global-medium-gutter !default;
|
|
378
|
+
$dropbar-background: $global-muted-background !default;
|
|
379
|
+
$dropbar-color: $global-color !default;
|
|
380
|
+
$dropbar-color-mode: none !default;
|
|
381
|
+
$dropbar-large-padding-top: 40px !default;
|
|
382
|
+
$dropbar-large-padding-bottom: $dropbar-large-padding-top !default;
|
|
371
383
|
$dropdown-z-index: $global-z-index + 20 !default;
|
|
372
384
|
$dropdown-margin: $global-small-margin !default;
|
|
373
385
|
$dropdown-viewport-margin: 15px !default;
|
|
@@ -375,6 +387,7 @@ $dropdown-min-width: 200px !default;
|
|
|
375
387
|
$dropdown-padding: 15px !default;
|
|
376
388
|
$dropdown-background: $global-muted-background !default;
|
|
377
389
|
$dropdown-color: $global-color !default;
|
|
390
|
+
$dropdown-color-mode: none !default;
|
|
378
391
|
$dropdown-large-padding: 40px !default;
|
|
379
392
|
$dropdown-nav-item-color: $global-muted-color !default;
|
|
380
393
|
$dropdown-nav-item-hover-color: $global-color !default;
|
|
@@ -679,6 +692,7 @@ $nav-sublist-padding-vertical: 5px !default;
|
|
|
679
692
|
$nav-sublist-padding-left: 15px !default;
|
|
680
693
|
$nav-sublist-deeper-padding-left: 15px !default;
|
|
681
694
|
$nav-sublist-item-padding-vertical: 2px !default;
|
|
695
|
+
$nav-parent-icon-margin-left: 4px !default;
|
|
682
696
|
$nav-header-padding-vertical: $nav-item-padding-vertical !default;
|
|
683
697
|
$nav-header-padding-horizontal: $nav-item-padding-horizontal !default;
|
|
684
698
|
$nav-header-font-size: $global-small-font-size !default;
|
|
@@ -714,6 +728,23 @@ $nav-primary-sublist-line-height: $global-line-height !default;
|
|
|
714
728
|
$nav-primary-sublist-item-color: $global-muted-color !default;
|
|
715
729
|
$nav-primary-sublist-item-hover-color: $global-color !default;
|
|
716
730
|
$nav-primary-sublist-item-active-color: $global-emphasis-color !default;
|
|
731
|
+
$nav-secondary-font-size: $global-font-size !default;
|
|
732
|
+
$nav-secondary-line-height: $global-line-height !default;
|
|
733
|
+
$nav-secondary-item-color: $global-emphasis-color !default;
|
|
734
|
+
$nav-secondary-item-hover-color: $global-emphasis-color !default;
|
|
735
|
+
$nav-secondary-item-active-color: $global-emphasis-color !default;
|
|
736
|
+
$nav-secondary-subtitle-font-size: $global-small-font-size !default;
|
|
737
|
+
$nav-secondary-subtitle-color: $global-muted-color !default;
|
|
738
|
+
$nav-secondary-subtitle-hover-color: $global-color !default;
|
|
739
|
+
$nav-secondary-subtitle-active-color: $global-emphasis-color !default;
|
|
740
|
+
$nav-secondary-header-color: $global-emphasis-color !default;
|
|
741
|
+
$nav-secondary-divider-border-width: $global-border-width !default;
|
|
742
|
+
$nav-secondary-divider-border: $global-border !default;
|
|
743
|
+
$nav-secondary-sublist-font-size: $global-small-font-size !default;
|
|
744
|
+
$nav-secondary-sublist-line-height: $global-line-height !default;
|
|
745
|
+
$nav-secondary-sublist-item-color: $global-muted-color !default;
|
|
746
|
+
$nav-secondary-sublist-item-hover-color: $global-color !default;
|
|
747
|
+
$nav-secondary-sublist-item-active-color: $global-emphasis-color !default;
|
|
717
748
|
$nav-dividers-margin-top: 5px !default;
|
|
718
749
|
$nav-dividers-border-width: $global-border-width !default;
|
|
719
750
|
$nav-dividers-border: $global-border !default;
|
|
@@ -733,6 +764,17 @@ $inverse-nav-primary-divider-border: $inverse-global-border !default;
|
|
|
733
764
|
$inverse-nav-primary-sublist-item-color: $inverse-global-muted-color !default;
|
|
734
765
|
$inverse-nav-primary-sublist-item-hover-color: $inverse-global-color !default;
|
|
735
766
|
$inverse-nav-primary-sublist-item-active-color: $inverse-global-emphasis-color !default;
|
|
767
|
+
$inverse-nav-secondary-item-color: $inverse-global-emphasis-color !default;
|
|
768
|
+
$inverse-nav-secondary-item-hover-color: $inverse-global-emphasis-color !default;
|
|
769
|
+
$inverse-nav-secondary-item-active-color: $inverse-global-emphasis-color !default;
|
|
770
|
+
$inverse-nav-secondary-subtitle-color: $inverse-global-muted-color !default;
|
|
771
|
+
$inverse-nav-secondary-subtitle-hover-color: $inverse-global-color !default;
|
|
772
|
+
$inverse-nav-secondary-subtitle-active-color: $inverse-global-emphasis-color !default;
|
|
773
|
+
$inverse-nav-secondary-header-color: $inverse-global-emphasis-color !default;
|
|
774
|
+
$inverse-nav-secondary-divider-border: $inverse-global-border !default;
|
|
775
|
+
$inverse-nav-secondary-sublist-item-color: $inverse-global-muted-color !default;
|
|
776
|
+
$inverse-nav-secondary-sublist-item-hover-color: $inverse-global-color !default;
|
|
777
|
+
$inverse-nav-secondary-sublist-item-active-color: $inverse-global-emphasis-color !default;
|
|
736
778
|
$inverse-nav-dividers-border: $inverse-global-border !default;
|
|
737
779
|
$navbar-background: $global-muted-background !default;
|
|
738
780
|
$navbar-gap: 0px !default;
|
|
@@ -765,18 +807,15 @@ $navbar-dropdown-grid-gutter-horizontal: $global-gutter !default;
|
|
|
765
807
|
$navbar-dropdown-grid-gutter-vertical: $navbar-dropdown-grid-gutter-horizontal !default;
|
|
766
808
|
$navbar-dropdown-large-shift-margin: 0 !default;
|
|
767
809
|
$navbar-dropdown-large-padding: 40px !default;
|
|
768
|
-
$navbar-dropdown-
|
|
769
|
-
$navbar-dropdown-stretch-padding-bottom: $navbar-dropdown-stretch-padding-top !default;
|
|
770
|
-
$navbar-dropdown-stretch-padding-horizontal: 15px !default;
|
|
771
|
-
$navbar-dropdown-stretch-padding-horizontal-s: $global-gutter !default;
|
|
772
|
-
$navbar-dropdown-stretch-padding-horizontal-m: $global-medium-gutter !default;
|
|
773
|
-
$navbar-dropdown-stretch-background: $navbar-dropdown-background !default;
|
|
810
|
+
$navbar-dropdown-dropbar-shift-margin: 0 !default;
|
|
774
811
|
$navbar-dropdown-dropbar-padding-top: $navbar-dropdown-padding !default;
|
|
775
812
|
$navbar-dropdown-dropbar-padding-bottom: $navbar-dropdown-dropbar-padding-top !default;
|
|
776
|
-
$navbar-dropdown-dropbar-padding-horizontal: $navbar-nav-item-padding-horizontal !default;
|
|
777
813
|
$navbar-dropdown-dropbar-viewport-margin: 15px !default;
|
|
778
814
|
$navbar-dropdown-dropbar-viewport-margin-s: $global-gutter !default;
|
|
779
815
|
$navbar-dropdown-dropbar-viewport-margin-m: $global-medium-gutter !default;
|
|
816
|
+
$navbar-dropdown-dropbar-large-shift-margin: 0 !default;
|
|
817
|
+
$navbar-dropdown-dropbar-large-padding-top: $navbar-dropdown-large-padding !default;
|
|
818
|
+
$navbar-dropdown-dropbar-large-padding-bottom: $navbar-dropdown-dropbar-large-padding-top !default;
|
|
780
819
|
$navbar-dropdown-nav-item-color: $global-muted-color !default;
|
|
781
820
|
$navbar-dropdown-nav-item-hover-color: $global-color !default;
|
|
782
821
|
$navbar-dropdown-nav-item-active-color: $global-emphasis-color !default;
|
|
@@ -787,7 +826,6 @@ $navbar-dropdown-nav-divider-border: $global-border !default;
|
|
|
787
826
|
$navbar-dropdown-nav-sublist-item-color: $global-muted-color !default;
|
|
788
827
|
$navbar-dropdown-nav-sublist-item-hover-color: $global-color !default;
|
|
789
828
|
$navbar-dropdown-nav-sublist-item-active-color: $global-emphasis-color !default;
|
|
790
|
-
$navbar-dropbar-background: $navbar-dropdown-background !default;
|
|
791
829
|
$navbar-dropbar-z-index: $global-z-index - 20 !default;
|
|
792
830
|
$inverse-navbar-nav-item-color: $inverse-global-muted-color !default;
|
|
793
831
|
$inverse-navbar-nav-item-hover-color: $inverse-global-color !default;
|
package/tests/accordion.html
CHANGED
|
@@ -189,9 +189,9 @@
|
|
|
189
189
|
</tr>
|
|
190
190
|
<tr>
|
|
191
191
|
<td><code>animation</code></td>
|
|
192
|
-
<td>
|
|
192
|
+
<td>Boolean</td>
|
|
193
193
|
<td>true</td>
|
|
194
|
-
<td>
|
|
194
|
+
<td>Space-separated names of animations. Comma-separated for animation out.</td>
|
|
195
195
|
</tr>
|
|
196
196
|
<tr>
|
|
197
197
|
<td><code>duration</code></td>
|
package/tests/alert.html
CHANGED
|
@@ -98,9 +98,9 @@
|
|
|
98
98
|
<tbody>
|
|
99
99
|
<tr>
|
|
100
100
|
<td><code>animation</code></td>
|
|
101
|
-
<td>Boolean
|
|
101
|
+
<td>Boolean</td>
|
|
102
102
|
<td>true</td>
|
|
103
|
-
<td>On close fade out
|
|
103
|
+
<td>On close fade out.</td>
|
|
104
104
|
</tr>
|
|
105
105
|
<tr>
|
|
106
106
|
<td><code>duration</code></td>
|
package/tests/countdown.html
CHANGED