uikit 3.24.2 → 3.24.3-dev.3f7c6f3b

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 (67) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/css/uikit-core-rtl.css +72 -42
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +72 -42
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +100 -82
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +100 -82
  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 +1 -1
  13. package/dist/js/components/filter.min.js +1 -1
  14. package/dist/js/components/lightbox-panel.js +1 -1
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +1 -1
  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 +1 -1
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +1 -1
  23. package/dist/js/components/slider-parallax.min.js +1 -1
  24. package/dist/js/components/slider.js +8 -8
  25. package/dist/js/components/slider.min.js +1 -1
  26. package/dist/js/components/slideshow-parallax.js +1 -1
  27. package/dist/js/components/slideshow-parallax.min.js +1 -1
  28. package/dist/js/components/slideshow.js +1 -1
  29. package/dist/js/components/slideshow.min.js +1 -1
  30. package/dist/js/components/sortable.js +1 -1
  31. package/dist/js/components/sortable.min.js +1 -1
  32. package/dist/js/components/tooltip.js +1 -1
  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 +57 -45
  37. package/dist/js/uikit-core.min.js +1 -1
  38. package/dist/js/uikit-icons.js +1 -1
  39. package/dist/js/uikit-icons.min.js +1 -1
  40. package/dist/js/uikit.js +25 -13
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +6 -6
  43. package/src/images/components/accordion-icon.svg +20 -0
  44. package/src/js/components/internal/slider-transitioner.js +1 -1
  45. package/src/js/components/slider.js +6 -7
  46. package/src/js/core/accordion.js +3 -3
  47. package/src/js/core/height-viewport.js +12 -1
  48. package/src/js/core/icon.js +2 -0
  49. package/src/js/core/index.js +1 -0
  50. package/src/less/components/accordion.less +109 -46
  51. package/src/less/components/card.less +1 -1
  52. package/src/less/components/nav.less +1 -0
  53. package/src/less/components/overlay.less +2 -2
  54. package/src/less/theme/accordion.less +31 -38
  55. package/src/scss/components/accordion.scss +77 -30
  56. package/src/scss/components/nav.scss +1 -0
  57. package/src/scss/mixins-theme.scss +39 -23
  58. package/src/scss/mixins.scss +38 -15
  59. package/src/scss/variables-theme.scss +13 -15
  60. package/src/scss/variables.scss +11 -11
  61. package/tests/accordion.html +76 -17
  62. package/tests/card.html +86 -0
  63. package/tests/height-viewport.html +6 -0
  64. package/tests/index.html +4 -4
  65. package/tests/overlay.html +177 -9
  66. package/src/images/backgrounds/accordion-close.svg +0 -4
  67. package/src/images/backgrounds/accordion-open.svg +0 -3
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
1
+ /*! UIkit 3.24.3-dev.3f7c6f3b | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
2
2
  /* ========================================================================
3
3
  Component: Base
4
4
  ========================================================================== */
@@ -2802,7 +2802,7 @@ select.uk-form-width-xsmall {
2802
2802
  */
2803
2803
  .uk-card-overlay {
2804
2804
  --uk-inverse: dark;
2805
- background-color: rgba(255, 255, 255, 0.8);
2805
+ background-color: rgba(255, 255, 255, 0.9);
2806
2806
  color: #666;
2807
2807
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
2808
2808
  }
@@ -2810,7 +2810,7 @@ select.uk-form-width-xsmall {
2810
2810
  color: #333;
2811
2811
  }
2812
2812
  .uk-card-overlay.uk-card-hover:hover {
2813
- background-color: rgba(255, 255, 255, 0.9);
2813
+ background-color: #ffffff;
2814
2814
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
2815
2815
  }
2816
2816
  /* Size modifier
@@ -3218,14 +3218,14 @@ select.uk-form-width-xsmall {
3218
3218
  */
3219
3219
  .uk-overlay-default {
3220
3220
  --uk-inverse: dark;
3221
- background: rgba(255, 255, 255, 0.8);
3221
+ background: rgba(255, 255, 255, 0.9);
3222
3222
  }
3223
3223
  /*
3224
3224
  * Primary
3225
3225
  */
3226
3226
  .uk-overlay-primary {
3227
3227
  --uk-inverse: light;
3228
- background: rgba(34, 34, 34, 0.8);
3228
+ background: rgba(34, 34, 34, 0.9);
3229
3229
  }
3230
3230
  /* ========================================================================
3231
3231
  Component: Article
@@ -3604,49 +3604,65 @@ select.uk-form-width-xsmall {
3604
3604
  padding: 0;
3605
3605
  list-style: none;
3606
3606
  }
3607
- /* Item
3607
+ .uk-accordion-title {
3608
+ display: block;
3609
+ }
3610
+ .uk-accordion-content {
3611
+ display: flow-root;
3612
+ }
3613
+ /*
3614
+ * Remove margin from the last-child
3615
+ */
3616
+ .uk-accordion-content > :last-child {
3617
+ margin-bottom: 0;
3618
+ }
3619
+ /* Default modifier
3608
3620
  ========================================================================== */
3609
- .uk-accordion > :nth-child(n+2) {
3621
+ /*
3622
+ * Item
3623
+ */
3624
+ .uk-accordion-default > :nth-child(n+2) {
3610
3625
  margin-top: 20px;
3611
3626
  }
3612
- /* Title
3613
- ========================================================================== */
3614
- .uk-accordion-title {
3615
- display: block;
3627
+ /* Active */
3628
+ /*
3629
+ * Title
3630
+ */
3631
+ /*
3632
+ * 1. Center content vertically, e.g. an icon
3633
+ * 2. Imitate white space gap when using flexbox
3634
+ * 3. Reset link
3635
+ */
3636
+ .uk-accordion-default .uk-accordion-title {
3637
+ /* 1 */
3638
+ display: flex;
3639
+ align-items: center;
3640
+ /* 2 */
3641
+ column-gap: 0.25em;
3642
+ /* 3 */
3616
3643
  font-size: 1.25rem;
3617
3644
  line-height: 1.4;
3618
3645
  color: #333;
3619
- overflow: hidden;
3620
- }
3621
- .uk-accordion-title::before {
3622
- content: "";
3623
- width: 1.4em;
3624
- height: 1.4em;
3625
- margin-right: 10px;
3626
- float: left;
3627
- background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
3628
- background-repeat: no-repeat;
3629
- background-position: 50% 50%;
3630
- }
3631
- .uk-open > .uk-accordion-title::before {
3632
- background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
3633
3646
  }
3634
3647
  /* Hover */
3635
- .uk-accordion-title:hover {
3648
+ .uk-accordion-default .uk-accordion-title:hover {
3636
3649
  color: #666;
3637
3650
  text-decoration: none;
3638
3651
  }
3639
- /* Content
3640
- ========================================================================== */
3641
- .uk-accordion-content {
3642
- display: flow-root;
3643
- margin-top: 20px;
3652
+ /* Active */
3653
+ /*
3654
+ * Icon
3655
+ */
3656
+ .uk-accordion-default .uk-accordion-icon {
3657
+ flex: none;
3658
+ margin-right: auto;
3659
+ color: #666;
3644
3660
  }
3645
3661
  /*
3646
- * Remove margin from the last-child
3662
+ * Content
3647
3663
  */
3648
- .uk-accordion-content > :last-child {
3649
- margin-bottom: 0;
3664
+ .uk-accordion-default .uk-accordion-content {
3665
+ margin-top: 20px;
3650
3666
  }
3651
3667
  /* ========================================================================
3652
3668
  Component: Drop
@@ -5223,6 +5239,7 @@ ul.uk-nav-sub {
5223
5239
  /* Parent icon
5224
5240
  ========================================================================== */
5225
5241
  .uk-nav-parent-icon {
5242
+ flex: none;
5226
5243
  margin-right: auto;
5227
5244
  transition: transform 0.3s ease-out;
5228
5245
  }
@@ -12083,30 +12100,43 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
12083
12100
  .uk-offcanvas-bar .uk-search-toggle:hover {
12084
12101
  color: rgba(255, 255, 255, 0.7);
12085
12102
  }
12086
- .uk-light .uk-accordion-title,
12087
- .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,
12088
- .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,
12089
- .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,
12090
- .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title,
12091
- .uk-card-primary.uk-card-body .uk-accordion-title,
12092
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title,
12093
- .uk-card-secondary.uk-card-body .uk-accordion-title,
12094
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title,
12095
- .uk-overlay-primary .uk-accordion-title,
12096
- .uk-offcanvas-bar .uk-accordion-title {
12103
+ .uk-light .uk-accordion-default .uk-accordion-title,
12104
+ .uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
12105
+ .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
12106
+ .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
12107
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
12108
+ .uk-card-primary.uk-card-body .uk-accordion-default .uk-accordion-title,
12109
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title,
12110
+ .uk-card-secondary.uk-card-body .uk-accordion-default .uk-accordion-title,
12111
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title,
12112
+ .uk-overlay-primary .uk-accordion-default .uk-accordion-title,
12113
+ .uk-offcanvas-bar .uk-accordion-default .uk-accordion-title {
12097
12114
  color: #fff;
12098
12115
  }
12099
- .uk-light .uk-accordion-title:hover,
12100
- .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
12101
- .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
12102
- .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
12103
- .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
12104
- .uk-card-primary.uk-card-body .uk-accordion-title:hover,
12105
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title:hover,
12106
- .uk-card-secondary.uk-card-body .uk-accordion-title:hover,
12107
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title:hover,
12108
- .uk-overlay-primary .uk-accordion-title:hover,
12109
- .uk-offcanvas-bar .uk-accordion-title:hover {
12116
+ .uk-light .uk-accordion-default .uk-accordion-title:hover,
12117
+ .uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
12118
+ .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
12119
+ .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
12120
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
12121
+ .uk-card-primary.uk-card-body .uk-accordion-default .uk-accordion-title:hover,
12122
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title:hover,
12123
+ .uk-card-secondary.uk-card-body .uk-accordion-default .uk-accordion-title:hover,
12124
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title:hover,
12125
+ .uk-overlay-primary .uk-accordion-default .uk-accordion-title:hover,
12126
+ .uk-offcanvas-bar .uk-accordion-default .uk-accordion-title:hover {
12127
+ color: rgba(255, 255, 255, 0.7);
12128
+ }
12129
+ .uk-light .uk-accordion-default .uk-accordion-icon,
12130
+ .uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-icon,
12131
+ .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-icon,
12132
+ .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-icon,
12133
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-icon,
12134
+ .uk-card-primary.uk-card-body .uk-accordion-default .uk-accordion-icon,
12135
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-icon,
12136
+ .uk-card-secondary.uk-card-body .uk-accordion-default .uk-accordion-icon,
12137
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-icon,
12138
+ .uk-overlay-primary .uk-accordion-default .uk-accordion-icon,
12139
+ .uk-offcanvas-bar .uk-accordion-default .uk-accordion-icon {
12110
12140
  color: rgba(255, 255, 255, 0.7);
12111
12141
  }
12112
12142
  .uk-light .uk-thumbnav > * > *::after,
@@ -13219,32 +13249,6 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
13219
13249
  .uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(even):last-child {
13220
13250
  border-bottom-color: rgba(255, 255, 255, 0.2);
13221
13251
  }
13222
- .uk-light .uk-accordion-title::before,
13223
- .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before,
13224
- .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before,
13225
- .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before,
13226
- .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before,
13227
- .uk-card-primary.uk-card-body .uk-accordion-title::before,
13228
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title::before,
13229
- .uk-card-secondary.uk-card-body .uk-accordion-title::before,
13230
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title::before,
13231
- .uk-overlay-primary .uk-accordion-title::before,
13232
- .uk-offcanvas-bar .uk-accordion-title::before {
13233
- background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
13234
- }
13235
- .uk-light .uk-open > .uk-accordion-title::before,
13236
- .uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before,
13237
- .uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before,
13238
- .uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before,
13239
- .uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before,
13240
- .uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::before,
13241
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-open > .uk-accordion-title::before,
13242
- .uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::before,
13243
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-open > .uk-accordion-title::before,
13244
- .uk-overlay-primary .uk-open > .uk-accordion-title::before,
13245
- .uk-offcanvas-bar .uk-open > .uk-accordion-title::before {
13246
- background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
13247
- }
13248
13252
  /*
13249
13253
  * Pass dropbar behind color to JS
13250
13254
  */
@@ -13331,3 +13335,17 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
13331
13335
  page-break-after: avoid;
13332
13336
  }
13333
13337
  }
13338
+ /* Default modifier
13339
+ ========================================================================== */
13340
+ /*
13341
+ * Item
13342
+ */
13343
+ /*
13344
+ * Title
13345
+ */
13346
+ /*
13347
+ * Icon
13348
+ */
13349
+ /*
13350
+ * Content
13351
+ */