@frankenstyle/uikit 0.0.1 → 0.0.3

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 (90) hide show
  1. package/.prettierignore +0 -1
  2. package/CHANGELOG.md +62 -0
  3. package/README.md +0 -1
  4. package/build/publishDev.js +2 -3
  5. package/build/release.js +12 -7
  6. package/build/util.js +6 -6
  7. package/dist/css/uikit-rtl.css +105 -92
  8. package/dist/css/uikit-rtl.min.css +1 -1
  9. package/dist/css/uikit.css +105 -92
  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 +35 -30
  16. package/dist/js/components/lightbox-panel.min.js +1 -1
  17. package/dist/js/components/lightbox.js +35 -30
  18. package/dist/js/components/lightbox.min.js +1 -1
  19. package/dist/js/components/notification.js +2 -2
  20. package/dist/js/components/notification.min.js +1 -1
  21. package/dist/js/components/parallax.js +1 -7
  22. package/dist/js/components/parallax.min.js +1 -1
  23. package/dist/js/components/slider-parallax.js +1 -7
  24. package/dist/js/components/slider-parallax.min.js +1 -1
  25. package/dist/js/components/slider.js +41 -42
  26. package/dist/js/components/slider.min.js +1 -1
  27. package/dist/js/components/slideshow-parallax.js +1 -7
  28. package/dist/js/components/slideshow-parallax.min.js +1 -1
  29. package/dist/js/components/slideshow.js +34 -35
  30. package/dist/js/components/slideshow.min.js +1 -1
  31. package/dist/js/components/sortable.js +5 -6
  32. package/dist/js/components/sortable.min.js +1 -1
  33. package/dist/js/components/tooltip.js +2 -2
  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 +123 -70
  38. package/dist/js/uikit-core.min.js +1 -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 +131 -74
  42. package/dist/js/uikit.min.js +1 -1
  43. package/package.json +23 -24
  44. package/src/images/components/accordion-icon.svg +20 -0
  45. package/src/js/components/internal/slider-transitioner.js +1 -1
  46. package/src/js/components/slider.js +6 -7
  47. package/src/js/components/sortable.js +5 -6
  48. package/src/js/core/accordion.js +14 -10
  49. package/src/js/core/drop.js +8 -1
  50. package/src/js/core/height-viewport.js +12 -1
  51. package/src/js/core/icon.js +4 -2
  52. package/src/js/core/index.js +1 -0
  53. package/src/js/core/modal.js +5 -5
  54. package/src/js/core/overflow-fade.js +83 -8
  55. package/src/js/mixin/slider-drag.js +21 -14
  56. package/src/js/mixin/slider-nav.js +16 -18
  57. package/src/js/util/attr.js +1 -5
  58. package/src/less/components/accordion.less +110 -46
  59. package/src/less/components/card.less +1 -1
  60. package/src/less/components/form.less +10 -7
  61. package/src/less/components/lightbox.less +0 -5
  62. package/src/less/components/nav.less +1 -1
  63. package/src/less/components/overlay.less +2 -2
  64. package/src/less/components/utility.less +7 -4
  65. package/src/less/theme/accordion.less +31 -38
  66. package/src/scss/components/accordion.scss +77 -30
  67. package/src/scss/components/form.scss +4 -4
  68. package/src/scss/components/lightbox.scss +0 -5
  69. package/src/scss/components/nav.scss +1 -1
  70. package/src/scss/components/utility.scss +7 -4
  71. package/src/scss/mixins-theme.scss +39 -23
  72. package/src/scss/mixins.scss +38 -15
  73. package/src/scss/variables-theme.scss +20 -18
  74. package/src/scss/variables.scss +18 -14
  75. package/tests/accordion.html +76 -17
  76. package/tests/card.html +87 -1
  77. package/tests/height-viewport.html +12 -3
  78. package/tests/index.html +7 -7
  79. package/tests/navbar.html +1 -1
  80. package/tests/overlay.html +181 -13
  81. package/tests/parallax.html +1 -1
  82. package/tests/position.html +16 -16
  83. package/tests/sticky.html +2 -2
  84. package/tests/tab.html +1 -1
  85. package/tests/thumbnav.html +2 -2
  86. package/tests/toggle.html +2 -2
  87. package/tests/transition.html +19 -19
  88. package/tests/upload.html +2 -2
  89. package/src/images/backgrounds/accordion-close.svg +0 -4
  90. 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.25.5 | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
2
2
  /* ========================================================================
3
3
  Component: Base
4
4
  ========================================================================== */
@@ -1486,8 +1486,7 @@ a:hover .uk-icon-overlay {
1486
1486
  .uk-select[multiple],
1487
1487
  .uk-select[size],
1488
1488
  .uk-textarea {
1489
- padding-top: 6px;
1490
- padding-bottom: 6px;
1489
+ padding: 6px 10px;
1491
1490
  vertical-align: top;
1492
1491
  }
1493
1492
  .uk-select[multiple],
@@ -2802,7 +2801,7 @@ select.uk-form-width-xsmall {
2802
2801
  */
2803
2802
  .uk-card-overlay {
2804
2803
  --uk-inverse: dark;
2805
- background-color: rgba(255, 255, 255, 0.8);
2804
+ background-color: rgba(255, 255, 255, 0.9);
2806
2805
  color: #666;
2807
2806
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
2808
2807
  }
@@ -2810,7 +2809,7 @@ select.uk-form-width-xsmall {
2810
2809
  color: #333;
2811
2810
  }
2812
2811
  .uk-card-overlay.uk-card-hover:hover {
2813
- background-color: rgba(255, 255, 255, 0.9);
2812
+ background-color: #ffffff;
2814
2813
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
2815
2814
  }
2816
2815
  /* Size modifier
@@ -3218,14 +3217,14 @@ select.uk-form-width-xsmall {
3218
3217
  */
3219
3218
  .uk-overlay-default {
3220
3219
  --uk-inverse: dark;
3221
- background: rgba(255, 255, 255, 0.8);
3220
+ background: rgba(255, 255, 255, 0.9);
3222
3221
  }
3223
3222
  /*
3224
3223
  * Primary
3225
3224
  */
3226
3225
  .uk-overlay-primary {
3227
3226
  --uk-inverse: light;
3228
- background: rgba(34, 34, 34, 0.8);
3227
+ background: rgba(34, 34, 34, 0.9);
3229
3228
  }
3230
3229
  /* ========================================================================
3231
3230
  Component: Article
@@ -3604,49 +3603,65 @@ select.uk-form-width-xsmall {
3604
3603
  padding: 0;
3605
3604
  list-style: none;
3606
3605
  }
3607
- /* Item
3606
+ .uk-accordion-title {
3607
+ display: block;
3608
+ }
3609
+ .uk-accordion-content {
3610
+ display: flow-root;
3611
+ }
3612
+ /*
3613
+ * Remove margin from the last-child
3614
+ */
3615
+ .uk-accordion-content > :last-child {
3616
+ margin-bottom: 0;
3617
+ }
3618
+ /* Default modifier
3608
3619
  ========================================================================== */
3609
- .uk-accordion > :nth-child(n+2) {
3620
+ /*
3621
+ * Item
3622
+ */
3623
+ .uk-accordion-default > :nth-child(n+2) {
3610
3624
  margin-top: 20px;
3611
3625
  }
3612
- /* Title
3613
- ========================================================================== */
3614
- .uk-accordion-title {
3615
- display: block;
3626
+ /* Active */
3627
+ /*
3628
+ * Title
3629
+ */
3630
+ /*
3631
+ * 1. Center content vertically, e.g. an icon
3632
+ * 2. Imitate white space gap when using flexbox
3633
+ * 3. Reset link
3634
+ */
3635
+ .uk-accordion-default .uk-accordion-title {
3636
+ /* 1 */
3637
+ display: flex;
3638
+ align-items: center;
3639
+ /* 2 */
3640
+ column-gap: 15px;
3641
+ /* 3 */
3616
3642
  font-size: 1.25rem;
3617
3643
  line-height: 1.4;
3618
3644
  color: #333;
3619
- overflow: hidden;
3620
- }
3621
- .uk-accordion-title::before {
3622
- content: "";
3623
- width: 1.4em;
3624
- height: 1.4em;
3625
- margin-left: 10px;
3626
- float: right;
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
3645
  }
3634
3646
  /* Hover */
3635
- .uk-accordion-title:hover {
3647
+ .uk-accordion-default .uk-accordion-title:hover {
3636
3648
  color: #666;
3637
3649
  text-decoration: none;
3638
3650
  }
3639
- /* Content
3640
- ========================================================================== */
3641
- .uk-accordion-content {
3642
- display: flow-root;
3643
- margin-top: 20px;
3651
+ /* Active */
3652
+ /*
3653
+ * Icon
3654
+ */
3655
+ .uk-accordion-default .uk-accordion-icon {
3656
+ flex: none;
3657
+ margin-left: auto;
3658
+ color: #666;
3644
3659
  }
3645
3660
  /*
3646
- * Remove margin from the last-child
3661
+ * Content
3647
3662
  */
3648
- .uk-accordion-content > :last-child {
3649
- margin-bottom: 0;
3663
+ .uk-accordion-default .uk-accordion-content {
3664
+ margin-top: 20px;
3650
3665
  }
3651
3666
  /* ========================================================================
3652
3667
  Component: Drop
@@ -5223,6 +5238,7 @@ ul.uk-nav-sub {
5223
5238
  /* Parent icon
5224
5239
  ========================================================================== */
5225
5240
  .uk-nav-parent-icon {
5241
+ flex: none;
5226
5242
  margin-left: auto;
5227
5243
  transition: transform 0.3s ease-out;
5228
5244
  }
@@ -6612,10 +6628,6 @@ ul.uk-nav-sub {
6612
6628
  max-width: 100vw;
6613
6629
  max-height: 100vh;
6614
6630
  }
6615
- .uk-lightbox-items-fit > * > :not(iframe) {
6616
- width: auto;
6617
- height: auto;
6618
- }
6619
6631
  /* Zoom Cursor */
6620
6632
  .uk-lightbox-items.uk-lightbox-items-fit .uk-lightbox-zoom:hover {
6621
6633
  cursor: zoom-in;
@@ -8423,6 +8435,7 @@ iframe[data-uk-cover] {
8423
8435
  * Overflow fade
8424
8436
  * 1. Overflow
8425
8437
  * 2. Mask
8438
+ * 3. Hide scrollbar
8426
8439
  */
8427
8440
  @property --uk-overflow-fade-start-opacity {
8428
8441
  syntax: "<number>";
@@ -8449,15 +8462,13 @@ iframe[data-uk-cover] {
8449
8462
  -ms-overflow-style: -ms-autohiding-scrollbar;
8450
8463
  /* 2 */
8451
8464
  mask-image: linear-gradient(to var(--uk-overflow-fade-direction), rgba(0, 0, 0, var(--uk-overflow-fade-start-opacity)), #000 100px, #000 calc(100% - 100px), rgba(0, 0, 0, var(--uk-overflow-fade-end-opacity)));
8465
+ /* 3 */
8466
+ scrollbar-width: none;
8452
8467
  }
8453
8468
  .uk-overflow-fade-horizontal > *,
8454
8469
  .uk-overflow-fade-vertical > * {
8455
8470
  min-width: max-content;
8456
8471
  }
8457
- .uk-overflow-fade-horizontal::-webkit-scrollbar,
8458
- .uk-overflow-fade-vertical::-webkit-scrollbar {
8459
- display: none;
8460
- }
8461
8472
  /* Box Sizing
8462
8473
  ========================================================================== */
8463
8474
  .uk-box-sizing-content {
@@ -8527,6 +8538,7 @@ iframe[data-uk-cover] {
8527
8538
  .uk-preserve-width svg,
8528
8539
  .uk-preserve-width video {
8529
8540
  max-width: none;
8541
+ object-fit: fill;
8530
8542
  }
8531
8543
  /*
8532
8544
  * Responsiveness
@@ -12083,30 +12095,43 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
12083
12095
  .uk-offcanvas-bar .uk-search-toggle:hover {
12084
12096
  color: rgba(255, 255, 255, 0.7);
12085
12097
  }
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 {
12098
+ .uk-light .uk-accordion-default .uk-accordion-title,
12099
+ .uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
12100
+ .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
12101
+ .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
12102
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
12103
+ .uk-card-primary.uk-card-body .uk-accordion-default .uk-accordion-title,
12104
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title,
12105
+ .uk-card-secondary.uk-card-body .uk-accordion-default .uk-accordion-title,
12106
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title,
12107
+ .uk-overlay-primary .uk-accordion-default .uk-accordion-title,
12108
+ .uk-offcanvas-bar .uk-accordion-default .uk-accordion-title {
12097
12109
  color: #fff;
12098
12110
  }
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 {
12111
+ .uk-light .uk-accordion-default .uk-accordion-title:hover,
12112
+ .uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
12113
+ .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
12114
+ .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
12115
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
12116
+ .uk-card-primary.uk-card-body .uk-accordion-default .uk-accordion-title:hover,
12117
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title:hover,
12118
+ .uk-card-secondary.uk-card-body .uk-accordion-default .uk-accordion-title:hover,
12119
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title:hover,
12120
+ .uk-overlay-primary .uk-accordion-default .uk-accordion-title:hover,
12121
+ .uk-offcanvas-bar .uk-accordion-default .uk-accordion-title:hover {
12122
+ color: rgba(255, 255, 255, 0.7);
12123
+ }
12124
+ .uk-light .uk-accordion-default .uk-accordion-icon,
12125
+ .uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-icon,
12126
+ .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-icon,
12127
+ .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-icon,
12128
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-icon,
12129
+ .uk-card-primary.uk-card-body .uk-accordion-default .uk-accordion-icon,
12130
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-icon,
12131
+ .uk-card-secondary.uk-card-body .uk-accordion-default .uk-accordion-icon,
12132
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-icon,
12133
+ .uk-overlay-primary .uk-accordion-default .uk-accordion-icon,
12134
+ .uk-offcanvas-bar .uk-accordion-default .uk-accordion-icon {
12110
12135
  color: rgba(255, 255, 255, 0.7);
12111
12136
  }
12112
12137
  .uk-light .uk-thumbnav > * > *::after,
@@ -13219,32 +13244,6 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
13219
13244
  .uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(even):last-child {
13220
13245
  border-bottom-color: rgba(255, 255, 255, 0.2);
13221
13246
  }
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
13247
  /*
13249
13248
  * Pass dropbar behind color to JS
13250
13249
  */
@@ -13331,3 +13330,17 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
13331
13330
  page-break-after: avoid;
13332
13331
  }
13333
13332
  }
13333
+ /* Default modifier
13334
+ ========================================================================== */
13335
+ /*
13336
+ * Item
13337
+ */
13338
+ /*
13339
+ * Title
13340
+ */
13341
+ /*
13342
+ * Icon
13343
+ */
13344
+ /*
13345
+ * Content
13346
+ */