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/CHANGELOG.md CHANGED
@@ -4,27 +4,45 @@
4
4
 
5
5
  ### Added
6
6
 
7
+ - Add Dropbar component
8
+ - Add `target`, `target-x`, `target-y` and `inset` options to Drop component
9
+ - Add `stretch` and `bg-scroll` options to Drop component
10
+ - Add `shift` option to Drop component
11
+ - Add `slide` and `reveal` animations to Drop component
12
+ - Add `animate-out` option to Drop component
13
+ - Add open and close animation to toggle icon in Navbar component
7
14
  - Add dropdown large modifier to Dropdown and Navbar component
8
- - Add gap variable to navbar items in Navbar component
9
- - Add color mode variable to navbar dropdown in Navbar component
15
+ - Add gap variables to navbar items in Navbar component
16
+ - Add color mode variables for dropdowns in Dropdown and Navbar component
10
17
  - Add navbar parent icon to Navbar component
18
+ - Add secondary style modifier to Nav component
11
19
  - Add font size variables to nav and sublist in Nav component
12
- - Add small breakpoint padding variables to Modal component- Add `animate-out` option to Drop component
13
- - Add alignment `stretch` to Drop component
14
- - Add Height Viewport uses scroll parent as viewport
20
+ - Add padding variables for small breakpoint to Modal component
15
21
  - Add zero z-index utility class to Position component
16
- - Add option `bg-scroll` to Drop component
22
+ - Add support for `picture` element to logo in Utility component
23
+ - Add box sizing classes to Utility component
24
+ - Support scroll parent as viewport in Height Viewport component
25
+ - Add ARIA `role="alert"` to Notification component
26
+
27
+ ### Changed
28
+
29
+ - IMPORTANT: Remove `.uk-nav-parent-icon` from Nav component. Use `uk-nav-parent-icon` attribute on items instead
30
+ - IMPORTANT: Remove `*-justify` in `pos` option from Drop and Dropdown components. Use new `stretch` option instead
31
+ - IMPORTANT: Remove `boundary-align` option from Drop and Dropdown components. Use new `target` option instead
32
+ - IMPORTANT: Change `flip` option values in Drop and Dropdown components. Use new `shift` option too
33
+ - IMPORTANT: Remove `display` option in Drop and Dropdown components. Use new `auto-update` option instead.
34
+ - IMPORTANT: Rename `@offcanvas-bar-width-m` to `@offcanvas-bar-width-s`
35
+ - IMPORTANT: Rename `@offcanvas-bar-padding-vertical-m` to `@offcanvas-bar-padding-vertical-s`
36
+ - IMPORTANT: Rename `@offcanvas-bar-padding-horizontal-m` to `@offcanvas-bar-padding-horizontal-s`
37
+ - IMPORTANT: Rename `@nav-primary-item-font-size` to `@nav-primary-font-size`
38
+ - IMPORTANT: Rename `@nav-primary-item-line-height` to `@nav-primary-line-height`
39
+ - IMPORTANT: Rename `@navbar-dropdown-dropbar-margin-top` to `@navbar-dropdown-dropbar-padding-top`
40
+ - IMPORTANT: Rename `@navbar-dropdown-dropbar-margin-bottom` to `@navbar-dropdown-dropbar-padding-bottom`
41
+ - IMPORTANT: Remove style from `.uk-navbar-dropbar`. Now uses `uk-dropbar`
17
42
 
18
- ### Changed
43
+ ### Removed
19
44
 
20
- - Rename `@offcanvas-bar-width-m` to `@offcanvas-bar-width-s`
21
- - Rename `@offcanvas-bar-padding-vertical-m` to `@offcanvas-bar-padding-vertical-s`
22
- - Rename `@offcanvas-bar-padding-horizontal-m` to `@offcanvas-bar-padding-horizontal-s`
23
- - Rename `@nav-primary-item-font-size` to `@nav-primary-font-size`
24
- - Rename `@nav-primary-item-line-height` to `@nav-primary-line-height`
25
- - Rename `@navbar-dropdown-dropbar-margin-top` to `@navbar-dropdown-dropbar-padding-top`
26
- - Rename `@navbar-dropdown-dropbar-margin-bottom` to `@navbar-dropdown-dropbar-padding-bottom`
27
- - Change nav parent icon
45
+ - Remove `getCssVar()` utility function
28
46
 
29
47
  ### Fixed
30
48
 
@@ -33,6 +51,9 @@
33
51
  - Fix dragging in Slider component on iOS
34
52
  - Fix Drop component no longer flips, if it does not fit into scroll area
35
53
  - Fix Drop component alignment within Dropbar
54
+ - Fix ensure write updates aren't called if component is already disconnected
55
+ - Fix Offcanvas component no longer overflows document if isn't wide enough
56
+ - Remove margin from the last-child within dropdowns in Dropdown and Navbar components
36
57
 
37
58
  ## 3.14.3 (May 27, 2022)
38
59
 
@@ -699,8 +720,8 @@
699
720
 
700
721
  ### Changed
701
722
 
702
- - IMPORTANT: Change options 'animationMode' to 'animation', 'animation' to 'duration'
703
- - IMPORTANT: Rename 'shift' animation to 'slide'
723
+ - IMPORTANT: Change options `animationMode` to `animation` and `animation` to `duration`
724
+ - IMPORTANT: Rename `shift` animation to `slide`
704
725
 
705
726
  ## 3.6.1 (December 17, 2020)
706
727
 
@@ -899,7 +920,7 @@
899
920
 
900
921
  ### Changed
901
922
 
902
- - IMPORTANT: Renamed Less variable parts `xxlarge` to `2xlarge`
923
+ - IMPORTANT: Rename Less variable parts `xxlarge` to `2xlarge`
903
924
  - Replace clearfix by creating a block formatting context with display flow-root
904
925
 
905
926
  ### Deprecated
package/build/util.js CHANGED
@@ -205,6 +205,7 @@ export async function icons(src) {
205
205
  convertPathData: false,
206
206
  convertShapeToPath: false,
207
207
  mergePaths: false,
208
+ minifyStyles: false,
208
209
  removeDimensions: false,
209
210
  removeStyleElement: false,
210
211
  removeScriptElement: false,