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
package/dist/css/uikit-core.css CHANGED
@@ -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
  ========================================================================== */
@@ -2678,14 +2678,14 @@ select.uk-form-width-xsmall {
2678
2678
  */
2679
2679
  .uk-card-overlay {
2680
2680
  --uk-inverse: dark;
2681
- background-color: rgba(255, 255, 255, 0.8);
2681
+ background-color: rgba(255, 255, 255, 0.9);
2682
2682
  color: #666;
2683
2683
  }
2684
2684
  .uk-card-overlay .uk-card-title {
2685
2685
  color: #333;
2686
2686
  }
2687
2687
  .uk-card-overlay.uk-card-hover:hover {
2688
- background-color: rgba(255, 255, 255, 0.9);
2688
+ background-color: #ffffff;
2689
2689
  }
2690
2690
  /* Size modifier
2691
2691
  ========================================================================== */
@@ -2979,14 +2979,14 @@ select.uk-form-width-xsmall {
2979
2979
  */
2980
2980
  .uk-overlay-default {
2981
2981
  --uk-inverse: dark;
2982
- background: rgba(255, 255, 255, 0.8);
2982
+ background: rgba(255, 255, 255, 0.9);
2983
2983
  }
2984
2984
  /*
2985
2985
  * Primary
2986
2986
  */
2987
2987
  .uk-overlay-primary {
2988
2988
  --uk-inverse: light;
2989
- background: rgba(34, 34, 34, 0.8);
2989
+ background: rgba(34, 34, 34, 0.9);
2990
2990
  }
2991
2991
  /* ========================================================================
2992
2992
  Component: Article
@@ -3346,35 +3346,64 @@ select.uk-form-width-xsmall {
3346
3346
  padding: 0;
3347
3347
  list-style: none;
3348
3348
  }
3349
- /* Item
3349
+ .uk-accordion-title {
3350
+ display: block;
3351
+ }
3352
+ .uk-accordion-content {
3353
+ display: flow-root;
3354
+ }
3355
+ /*
3356
+ * Remove margin from the last-child
3357
+ */
3358
+ .uk-accordion-content > :last-child {
3359
+ margin-bottom: 0;
3360
+ }
3361
+ /* Default modifier
3350
3362
  ========================================================================== */
3351
- .uk-accordion > :nth-child(n+2) {
3363
+ /*
3364
+ * Item
3365
+ */
3366
+ .uk-accordion-default > :nth-child(n+2) {
3352
3367
  margin-top: 20px;
3353
3368
  }
3354
- /* Title
3355
- ========================================================================== */
3356
- .uk-accordion-title {
3357
- display: block;
3369
+ /* Active */
3370
+ /*
3371
+ * Title
3372
+ */
3373
+ /*
3374
+ * 1. Center content vertically, e.g. an icon
3375
+ * 2. Imitate white space gap when using flexbox
3376
+ * 3. Reset link
3377
+ */
3378
+ .uk-accordion-default .uk-accordion-title {
3379
+ /* 1 */
3380
+ display: flex;
3381
+ align-items: center;
3382
+ /* 2 */
3383
+ column-gap: 0.25em;
3384
+ /* 3 */
3358
3385
  font-size: 1.25rem;
3359
3386
  line-height: 1.4;
3360
3387
  color: #333;
3361
3388
  }
3362
3389
  /* Hover */
3363
- .uk-accordion-title:hover {
3390
+ .uk-accordion-default .uk-accordion-title:hover {
3364
3391
  color: #666;
3365
3392
  text-decoration: none;
3366
3393
  }
3367
- /* Content
3368
- ========================================================================== */
3369
- .uk-accordion-content {
3370
- display: flow-root;
3371
- margin-top: 20px;
3394
+ /* Active */
3395
+ /*
3396
+ * Icon
3397
+ */
3398
+ .uk-accordion-default .uk-accordion-icon {
3399
+ flex: none;
3400
+ margin-left: auto;
3372
3401
  }
3373
3402
  /*
3374
- * Remove margin from the last-child
3403
+ * Content
3375
3404
  */
3376
- .uk-accordion-content > :last-child {
3377
- margin-bottom: 0;
3405
+ .uk-accordion-default .uk-accordion-content {
3406
+ margin-top: 20px;
3378
3407
  }
3379
3408
  /* ========================================================================
3380
3409
  Component: Drop
@@ -4905,6 +4934,7 @@ ul.uk-nav-sub {
4905
4934
  /* Parent icon
4906
4935
  ========================================================================== */
4907
4936
  .uk-nav-parent-icon {
4937
+ flex: none;
4908
4938
  margin-left: auto;
4909
4939
  transition: transform 0.3s ease-out;
4910
4940
  }
@@ -11573,30 +11603,30 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
11573
11603
  .uk-offcanvas-bar .uk-search-toggle:hover {
11574
11604
  color: rgba(255, 255, 255, 0.7);
11575
11605
  }
11576
- .uk-light .uk-accordion-title,
11577
- .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,
11578
- .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,
11579
- .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,
11580
- .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title,
11581
- .uk-card-primary.uk-card-body .uk-accordion-title,
11582
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title,
11583
- .uk-card-secondary.uk-card-body .uk-accordion-title,
11584
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title,
11585
- .uk-overlay-primary .uk-accordion-title,
11586
- .uk-offcanvas-bar .uk-accordion-title {
11606
+ .uk-light .uk-accordion-default .uk-accordion-title,
11607
+ .uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
11608
+ .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
11609
+ .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
11610
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
11611
+ .uk-card-primary.uk-card-body .uk-accordion-default .uk-accordion-title,
11612
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title,
11613
+ .uk-card-secondary.uk-card-body .uk-accordion-default .uk-accordion-title,
11614
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title,
11615
+ .uk-overlay-primary .uk-accordion-default .uk-accordion-title,
11616
+ .uk-offcanvas-bar .uk-accordion-default .uk-accordion-title {
11587
11617
  color: #fff;
11588
11618
  }
11589
- .uk-light .uk-accordion-title:hover,
11590
- .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
11591
- .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
11592
- .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
11593
- .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
11594
- .uk-card-primary.uk-card-body .uk-accordion-title:hover,
11595
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title:hover,
11596
- .uk-card-secondary.uk-card-body .uk-accordion-title:hover,
11597
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title:hover,
11598
- .uk-overlay-primary .uk-accordion-title:hover,
11599
- .uk-offcanvas-bar .uk-accordion-title:hover {
11619
+ .uk-light .uk-accordion-default .uk-accordion-title:hover,
11620
+ .uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
11621
+ .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
11622
+ .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
11623
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
11624
+ .uk-card-primary.uk-card-body .uk-accordion-default .uk-accordion-title:hover,
11625
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title:hover,
11626
+ .uk-card-secondary.uk-card-body .uk-accordion-default .uk-accordion-title:hover,
11627
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title:hover,
11628
+ .uk-overlay-primary .uk-accordion-default .uk-accordion-title:hover,
11629
+ .uk-offcanvas-bar .uk-accordion-default .uk-accordion-title:hover {
11600
11630
  color: rgba(255, 255, 255, 0.7);
11601
11631
  }
11602
11632
  .uk-light .uk-iconnav > * > a,