uikit 3.23.7-dev.ea33b1a06 → 3.23.8-dev.13605ee50

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 (205) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/build/release.js +1 -1
  3. package/build/scss.js +49 -12
  4. package/build/util.js +2 -0
  5. package/dist/css/uikit-core-rtl.css +1 -1
  6. package/dist/css/uikit-core-rtl.min.css +1 -1
  7. package/dist/css/uikit-core.css +1 -1
  8. package/dist/css/uikit-core.min.css +1 -1
  9. package/dist/css/uikit-rtl.css +1 -1
  10. package/dist/css/uikit-rtl.min.css +1 -1
  11. package/dist/css/uikit.css +1 -1
  12. package/dist/css/uikit.min.css +1 -1
  13. package/dist/js/components/countdown.js +1 -1
  14. package/dist/js/components/countdown.min.js +1 -1
  15. package/dist/js/components/filter.js +3 -3
  16. package/dist/js/components/filter.min.js +1 -1
  17. package/dist/js/components/lightbox-panel.js +18 -6
  18. package/dist/js/components/lightbox-panel.min.js +1 -1
  19. package/dist/js/components/lightbox.js +18 -6
  20. package/dist/js/components/lightbox.min.js +1 -1
  21. package/dist/js/components/notification.js +3 -3
  22. package/dist/js/components/notification.min.js +1 -1
  23. package/dist/js/components/parallax.js +3 -2
  24. package/dist/js/components/parallax.min.js +1 -1
  25. package/dist/js/components/slider-parallax.js +3 -2
  26. package/dist/js/components/slider-parallax.min.js +1 -1
  27. package/dist/js/components/slider.js +5 -4
  28. package/dist/js/components/slider.min.js +1 -1
  29. package/dist/js/components/slideshow-parallax.js +3 -2
  30. package/dist/js/components/slideshow-parallax.min.js +1 -1
  31. package/dist/js/components/slideshow.js +5 -4
  32. package/dist/js/components/slideshow.min.js +1 -1
  33. package/dist/js/components/sortable.js +1 -1
  34. package/dist/js/components/sortable.min.js +1 -1
  35. package/dist/js/components/tooltip.js +1 -1
  36. package/dist/js/components/tooltip.min.js +1 -1
  37. package/dist/js/components/upload.js +1 -1
  38. package/dist/js/components/upload.min.js +1 -1
  39. package/dist/js/uikit-core.js +27 -14
  40. package/dist/js/uikit-core.min.js +1 -1
  41. package/dist/js/uikit-icons.js +1 -1
  42. package/dist/js/uikit-icons.min.js +1 -1
  43. package/dist/js/uikit.js +31 -18
  44. package/dist/js/uikit.min.js +1 -1
  45. package/package.json +1 -1
  46. package/src/js/components/filter.js +2 -2
  47. package/src/js/components/lightbox-panel.js +1 -1
  48. package/src/js/components/notification.js +2 -2
  49. package/src/js/core/accordion.js +2 -2
  50. package/src/js/core/alert.js +2 -2
  51. package/src/js/core/drop.js +5 -4
  52. package/src/js/core/switcher.js +3 -3
  53. package/src/js/mixin/event.js +1 -1
  54. package/src/js/mixin/modal.js +20 -3
  55. package/src/js/mixin/slider-nav.js +2 -2
  56. package/src/js/mixin/svg.js +0 -2
  57. package/src/js/util/selector.js +1 -1
  58. package/src/scss/components/accordion.scss +8 -6
  59. package/src/scss/components/alert.scss +10 -8
  60. package/src/scss/components/align.scss +3 -1
  61. package/src/scss/components/animation.scss +3 -1
  62. package/src/scss/components/article.scss +7 -5
  63. package/src/scss/components/background.scss +3 -1
  64. package/src/scss/components/badge.scss +5 -3
  65. package/src/scss/components/base.scss +20 -17
  66. package/src/scss/components/breadcrumb.scss +9 -7
  67. package/src/scss/components/button.scss +25 -23
  68. package/src/scss/components/card.scss +26 -24
  69. package/src/scss/components/close.scss +5 -3
  70. package/src/scss/components/column.scss +3 -1
  71. package/src/scss/components/comment.scss +13 -11
  72. package/src/scss/components/container.scss +14 -11
  73. package/src/scss/components/countdown.scss +8 -6
  74. package/src/scss/components/cover.scss +3 -1
  75. package/src/scss/components/description-list.scss +6 -4
  76. package/src/scss/components/divider.scss +13 -10
  77. package/src/scss/components/dotnav.scss +8 -6
  78. package/src/scss/components/drop.scss +3 -1
  79. package/src/scss/components/dropbar.scss +8 -6
  80. package/src/scss/components/dropdown.scss +12 -10
  81. package/src/scss/components/dropnav.scss +3 -1
  82. package/src/scss/components/flex.scss +3 -1
  83. package/src/scss/components/form-range.scss +13 -10
  84. package/src/scss/components/form.scss +23 -21
  85. package/src/scss/components/grid.scss +5 -3
  86. package/src/scss/components/heading.scss +16 -13
  87. package/src/scss/components/height.scss +3 -1
  88. package/src/scss/components/icon.scss +9 -7
  89. package/src/scss/components/iconnav.scss +7 -5
  90. package/src/scss/components/inverse.scss +4 -2
  91. package/src/scss/components/label.scss +7 -5
  92. package/src/scss/components/leader.scss +4 -2
  93. package/src/scss/components/lightbox.scss +6 -4
  94. package/src/scss/components/link.scss +10 -8
  95. package/src/scss/components/list.scss +5 -3
  96. package/src/scss/components/margin.scss +3 -1
  97. package/src/scss/components/marker.scss +5 -3
  98. package/src/scss/components/mixin.scss +6 -4
  99. package/src/scss/components/modal.scss +18 -16
  100. package/src/scss/components/nav.scss +33 -31
  101. package/src/scss/components/navbar.scss +33 -30
  102. package/src/scss/components/notification.scss +10 -8
  103. package/src/scss/components/offcanvas.scss +6 -4
  104. package/src/scss/components/overlay.scss +7 -5
  105. package/src/scss/components/padding.scss +3 -1
  106. package/src/scss/components/pagination.scss +8 -6
  107. package/src/scss/components/placeholder.scss +4 -2
  108. package/src/scss/components/position.scss +9 -6
  109. package/src/scss/components/print.scss +3 -1
  110. package/src/scss/components/progress.scss +6 -4
  111. package/src/scss/components/search.scss +15 -13
  112. package/src/scss/components/section.scss +9 -7
  113. package/src/scss/components/slidenav.scss +10 -8
  114. package/src/scss/components/slider.scss +4 -2
  115. package/src/scss/components/slideshow.scss +4 -2
  116. package/src/scss/components/sortable.scss +7 -5
  117. package/src/scss/components/spinner.scss +6 -3
  118. package/src/scss/components/sticky.scss +3 -1
  119. package/src/scss/components/subnav.scss +13 -11
  120. package/src/scss/components/svg.scss +3 -1
  121. package/src/scss/components/switcher.scss +3 -1
  122. package/src/scss/components/tab.scss +14 -12
  123. package/src/scss/components/table.scss +17 -14
  124. package/src/scss/components/text.scss +8 -6
  125. package/src/scss/components/thumbnav.scss +7 -5
  126. package/src/scss/components/tile.scss +12 -10
  127. package/src/scss/components/tooltip.scss +4 -2
  128. package/src/scss/components/totop.scss +6 -4
  129. package/src/scss/components/transition.scss +3 -1
  130. package/src/scss/components/utility.scss +8 -6
  131. package/src/scss/components/visibility.scss +3 -1
  132. package/src/scss/components/width.scss +34 -31
  133. package/src/scss/mixins-theme.scss +169 -168
  134. package/src/scss/mixins.scss +175 -175
  135. package/src/scss/uikit-theme.scss +0 -1
  136. package/src/scss/variables-theme.scss +70 -66
  137. package/src/scss/variables.scss +74 -70
  138. package/src/scss/theme/_import.scss +0 -82
  139. package/src/scss/theme/accordion.scss +0 -55
  140. package/src/scss/theme/alert.scss +0 -45
  141. package/src/scss/theme/align.scss +0 -14
  142. package/src/scss/theme/animation.scss +0 -14
  143. package/src/scss/theme/article.scss +0 -49
  144. package/src/scss/theme/background.scss +0 -14
  145. package/src/scss/theme/badge.scss +0 -29
  146. package/src/scss/theme/base.scss +0 -104
  147. package/src/scss/theme/breadcrumb.scss +0 -45
  148. package/src/scss/theme/button.scss +0 -132
  149. package/src/scss/theme/card.scss +0 -111
  150. package/src/scss/theme/close.scss +0 -29
  151. package/src/scss/theme/column.scss +0 -14
  152. package/src/scss/theme/comment.scss +0 -67
  153. package/src/scss/theme/container.scss +0 -14
  154. package/src/scss/theme/countdown.scss +0 -53
  155. package/src/scss/theme/description-list.scss +0 -29
  156. package/src/scss/theme/divider.scss +0 -49
  157. package/src/scss/theme/dotnav.scss +0 -46
  158. package/src/scss/theme/drop.scss +0 -14
  159. package/src/scss/theme/dropbar.scss +0 -38
  160. package/src/scss/theme/dropdown.scss +0 -53
  161. package/src/scss/theme/form-range.scss +0 -51
  162. package/src/scss/theme/form.scss +0 -117
  163. package/src/scss/theme/grid.scss +0 -28
  164. package/src/scss/theme/heading.scss +0 -71
  165. package/src/scss/theme/height.scss +0 -14
  166. package/src/scss/theme/icon.scss +0 -50
  167. package/src/scss/theme/iconnav.scss +0 -39
  168. package/src/scss/theme/inverse.scss +0 -14
  169. package/src/scss/theme/label.scss +0 -41
  170. package/src/scss/theme/leader.scss +0 -26
  171. package/src/scss/theme/lightbox.scss +0 -32
  172. package/src/scss/theme/link.scss +0 -55
  173. package/src/scss/theme/list.scss +0 -34
  174. package/src/scss/theme/margin.scss +0 -14
  175. package/src/scss/theme/marker.scss +0 -29
  176. package/src/scss/theme/modal.scss +0 -77
  177. package/src/scss/theme/nav.scss +0 -131
  178. package/src/scss/theme/navbar.scss +0 -135
  179. package/src/scss/theme/notification.scss +0 -44
  180. package/src/scss/theme/offcanvas.scss +0 -32
  181. package/src/scss/theme/overlay.scss +0 -33
  182. package/src/scss/theme/padding.scss +0 -14
  183. package/src/scss/theme/pagination.scss +0 -41
  184. package/src/scss/theme/placeholder.scss +0 -26
  185. package/src/scss/theme/position.scss +0 -14
  186. package/src/scss/theme/progress.scss +0 -23
  187. package/src/scss/theme/search.scss +0 -101
  188. package/src/scss/theme/section.scss +0 -32
  189. package/src/scss/theme/slidenav.scss +0 -52
  190. package/src/scss/theme/slider.scss +0 -14
  191. package/src/scss/theme/sortable.scss +0 -38
  192. package/src/scss/theme/spinner.scss +0 -14
  193. package/src/scss/theme/sticky.scss +0 -14
  194. package/src/scss/theme/subnav.scss +0 -72
  195. package/src/scss/theme/tab.scss +0 -67
  196. package/src/scss/theme/table.scss +0 -65
  197. package/src/scss/theme/text.scss +0 -49
  198. package/src/scss/theme/thumbnav.scss +0 -40
  199. package/src/scss/theme/tile.scss +0 -52
  200. package/src/scss/theme/tooltip.scss +0 -20
  201. package/src/scss/theme/totop.scss +0 -32
  202. package/src/scss/theme/transition.scss +0 -14
  203. package/src/scss/theme/utility.scss +0 -49
  204. package/src/scss/theme/variables.scss +0 -36
  205. package/src/scss/theme/width.scss +0 -14
package/dist/js/uikit.js CHANGED
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.23.7-dev.ea33b1a06 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
1
+ /*! UIkit 3.23.8-dev.13605ee50 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
2
2
 
3
3
  (function (global, factory) {
4
4
  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -395,6 +395,7 @@
395
395
  return [position, selector.slice(position.length + 1)];
396
396
  });
397
397
  function _query(selector, context = document, queryFn) {
398
+ var _a;
398
399
  const parsed = parseSelector(selector);
399
400
  if (!parsed.isContextSelector) {
400
401
  return parsed.selector ? _doQuery(context, queryFn, parsed.selector) : selector;
@@ -406,7 +407,7 @@
406
407
  let ctx = context;
407
408
  if (sel[0] === "!") {
408
409
  [positionSel, sel] = parsePositionSelector(sel);
409
- ctx = context.parentElement.closest(positionSel);
410
+ ctx = (_a = context.parentElement) == null ? void 0 : _a.closest(positionSel);
410
411
  if (!sel && isSingle) {
411
412
  return ctx;
412
413
  }
@@ -2301,7 +2302,7 @@
2301
2302
  }
2302
2303
  };
2303
2304
 
2304
- function maybeDefautPreventClick(e) {
2305
+ function maybeDefaultPreventClick(e) {
2305
2306
  if (e.target.closest('a[href="#"],a[href=""]')) {
2306
2307
  e.preventDefault();
2307
2308
  }
@@ -2365,7 +2366,7 @@
2365
2366
  return;
2366
2367
  }
2367
2368
  if (e.target.closest("a,button")) {
2368
- maybeDefautPreventClick(e);
2369
+ maybeDefaultPreventClick(e);
2369
2370
  this.apply(e.current);
2370
2371
  }
2371
2372
  }
@@ -2949,7 +2950,7 @@
2949
2950
  if (!defaultPrevented && hash && isSameSiteAnchor(current) && !this.$el.contains($(hash))) {
2950
2951
  this.hide();
2951
2952
  } else if (matches(current, this.selClose)) {
2952
- maybeDefautPreventClick(e);
2953
+ maybeDefaultPreventClick(e);
2953
2954
  this.hide();
2954
2955
  }
2955
2956
  }
@@ -2957,11 +2958,12 @@
2957
2958
  {
2958
2959
  name: "toggle",
2959
2960
  self: true,
2960
- handler(e) {
2961
+ handler(e, toggle) {
2961
2962
  if (e.defaultPrevented) {
2962
2963
  return;
2963
2964
  }
2964
2965
  e.preventDefault();
2966
+ this.target = toggle == null ? void 0 : toggle.$el;
2965
2967
  if (this.isToggled() === includes(active$1, this)) {
2966
2968
  this.toggle();
2967
2969
  }
@@ -3002,6 +3004,7 @@
3002
3004
  { self: true }
3003
3005
  );
3004
3006
  addClass(document.documentElement, this.clsPage);
3007
+ setAriaExpanded(this.target, true);
3005
3008
  }
3006
3009
  },
3007
3010
  {
@@ -3027,6 +3030,11 @@
3027
3030
  if (!active$1.some((modal) => modal.clsPage === this.clsPage)) {
3028
3031
  removeClass(document.documentElement, this.clsPage);
3029
3032
  }
3033
+ if (isFocusable(this.target)) {
3034
+ this.target.focus();
3035
+ }
3036
+ setAriaExpanded(this.target, false);
3037
+ this.target = null;
3030
3038
  }
3031
3039
  }
3032
3040
  ],
@@ -3110,6 +3118,11 @@
3110
3118
  }
3111
3119
  });
3112
3120
  }
3121
+ function setAriaExpanded(el, toggled) {
3122
+ if (el == null ? void 0 : el.ariaExpanded) {
3123
+ el.ariaExpanded = toggled;
3124
+ }
3125
+ }
3113
3126
 
3114
3127
  var Animations$2 = {
3115
3128
  slide: {
@@ -3732,7 +3745,7 @@
3732
3745
  };
3733
3746
  App.util = util;
3734
3747
  App.options = {};
3735
- App.version = "3.23.7-dev.ea33b1a06";
3748
+ App.version = "3.23.8-dev.13605ee50";
3736
3749
 
3737
3750
  const PREFIX = "uk-";
3738
3751
  const DATA = "__uikit__";
@@ -3994,7 +4007,7 @@
3994
4007
  filter: ({ parallax }) => !parallax,
3995
4008
  handler(e) {
3996
4009
  if (e.target.closest("a,button") && (e.type === "click" || e.keyCode === keyMap.SPACE)) {
3997
- maybeDefautPreventClick(e);
4010
+ maybeDefaultPreventClick(e);
3998
4011
  this.show(data(e.current, this.attrItem));
3999
4012
  }
4000
4013
  }
@@ -4496,7 +4509,7 @@
4496
4509
  name: "keyup",
4497
4510
  el: () => document,
4498
4511
  handler({ keyCode }) {
4499
- if (!this.isToggled(this.$el) || !this.draggable) {
4512
+ if (!this.isToggled() || !this.draggable) {
4500
4513
  return;
4501
4514
  }
4502
4515
  let i = -1;
@@ -4837,7 +4850,7 @@
4837
4850
  },
4838
4851
  events: {
4839
4852
  click(e) {
4840
- maybeDefautPreventClick(e);
4853
+ maybeDefaultPreventClick(e);
4841
4854
  this.close();
4842
4855
  },
4843
4856
  [pointerEnter]() {
@@ -6716,7 +6729,7 @@
6716
6729
  if (e.type === "keydown" && e.keyCode !== keyMap.SPACE) {
6717
6730
  return;
6718
6731
  }
6719
- maybeDefautPreventClick(e);
6732
+ maybeDefaultPreventClick(e);
6720
6733
  (_a = this._off) == null ? void 0 : _a.call(this);
6721
6734
  this._off = keepScrollPosition(e.target);
6722
6735
  await this.toggle(index(this.toggles, e.current));
@@ -6837,7 +6850,7 @@
6837
6850
  name: "click",
6838
6851
  delegate: ({ selClose }) => selClose,
6839
6852
  handler(e) {
6840
- maybeDefautPreventClick(e);
6853
+ maybeDefaultPreventClick(e);
6841
6854
  this.close();
6842
6855
  }
6843
6856
  },
@@ -7072,6 +7085,7 @@
7072
7085
  if (this.toggle && !this.targetEl) {
7073
7086
  this.targetEl = createToggleComponent(this);
7074
7087
  }
7088
+ attr(this.targetEl, "aria-expanded", false);
7075
7089
  this._style = pick(this.$el.style, ["width", "height"]);
7076
7090
  },
7077
7091
  disconnected() {
@@ -7086,7 +7100,7 @@
7086
7100
  name: "click",
7087
7101
  delegate: ({ selClose }) => selClose,
7088
7102
  handler(e) {
7089
- maybeDefautPreventClick(e);
7103
+ maybeDefaultPreventClick(e);
7090
7104
  this.hide(false);
7091
7105
  }
7092
7106
  },
@@ -7202,7 +7216,7 @@
7202
7216
  }
7203
7217
  active = this.isActive() ? null : active;
7204
7218
  this.tracker.cancel();
7205
- attr(this.targetEl, "aria-expanded", null);
7219
+ attr(this.targetEl, "aria-expanded", false);
7206
7220
  }
7207
7221
  }
7208
7222
  ],
@@ -7326,7 +7340,7 @@
7326
7340
  target: drop.$el,
7327
7341
  mode: drop.mode
7328
7342
  });
7329
- attr($el, "aria-haspopup", true);
7343
+ $el.ariaHasPopup = true;
7330
7344
  return $el;
7331
7345
  }
7332
7346
  function listenForResize(drop) {
@@ -8159,7 +8173,6 @@
8159
8173
  const symbolRe = /<symbol([^]*?id=(['"])(.+?)\2[^]*?<\/)symbol>/g;
8160
8174
  const parseSymbols = memoize(function(svg) {
8161
8175
  const symbols = {};
8162
- symbolRe.lastIndex = 0;
8163
8176
  let match;
8164
8177
  while (match = symbolRe.exec(svg)) {
8165
8178
  symbols[match[3]] = `<svg ${match[1]}svg>`;
@@ -9612,7 +9625,7 @@
9612
9625
  delegate: ({ toggle }) => toggle,
9613
9626
  handler(e) {
9614
9627
  if (!matches(e.current, selDisabled) && (e.type === "click" || e.keyCode === keyMap.SPACE)) {
9615
- maybeDefautPreventClick(e);
9628
+ maybeDefaultPreventClick(e);
9616
9629
  this.show(e.current);
9617
9630
  }
9618
9631
  }
@@ -9641,7 +9654,7 @@
9641
9654
  delegate: ({ attrItem }) => `[${attrItem}],[data-${attrItem}]`,
9642
9655
  handler(e) {
9643
9656
  if (e.target.closest("a,button")) {
9644
- maybeDefautPreventClick(e);
9657
+ maybeDefaultPreventClick(e);
9645
9658
  this.show(data(e.current, this.attrItem));
9646
9659
  }
9647
9660
  }