@coreui/coreui 5.3.2 → 5.4.0

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 (106) hide show
  1. package/README.md +2 -2
  2. package/dist/css/coreui-grid.css +1 -1
  3. package/dist/css/coreui-grid.css.map +1 -1
  4. package/dist/css/coreui-grid.min.css +1 -1
  5. package/dist/css/coreui-grid.min.css.map +1 -1
  6. package/dist/css/coreui-grid.rtl.css +1 -1
  7. package/dist/css/coreui-grid.rtl.css.map +1 -1
  8. package/dist/css/coreui-grid.rtl.min.css +1 -1
  9. package/dist/css/coreui-grid.rtl.min.css.map +1 -1
  10. package/dist/css/coreui-reboot.css +1 -1
  11. package/dist/css/coreui-reboot.css.map +1 -1
  12. package/dist/css/coreui-reboot.min.css +1 -1
  13. package/dist/css/coreui-reboot.min.css.map +1 -1
  14. package/dist/css/coreui-reboot.rtl.css +1 -1
  15. package/dist/css/coreui-reboot.rtl.css.map +1 -1
  16. package/dist/css/coreui-reboot.rtl.min.css +1 -1
  17. package/dist/css/coreui-reboot.rtl.min.css.map +1 -1
  18. package/dist/css/coreui-utilities.css +5 -1
  19. package/dist/css/coreui-utilities.css.map +1 -1
  20. package/dist/css/coreui-utilities.min.css +2 -2
  21. package/dist/css/coreui-utilities.min.css.map +1 -1
  22. package/dist/css/coreui-utilities.rtl.css +5 -1
  23. package/dist/css/coreui-utilities.rtl.css.map +1 -1
  24. package/dist/css/coreui-utilities.rtl.min.css +2 -2
  25. package/dist/css/coreui-utilities.rtl.min.css.map +1 -1
  26. package/dist/css/coreui.css +83 -9
  27. package/dist/css/coreui.css.map +1 -1
  28. package/dist/css/coreui.min.css +2 -2
  29. package/dist/css/coreui.min.css.map +1 -1
  30. package/dist/css/coreui.rtl.css +83 -9
  31. package/dist/css/coreui.rtl.css.map +1 -1
  32. package/dist/css/coreui.rtl.min.css +2 -2
  33. package/dist/css/coreui.rtl.min.css.map +1 -1
  34. package/dist/css/themes/bootstrap/bootstrap.css +83 -9
  35. package/dist/css/themes/bootstrap/bootstrap.css.map +1 -1
  36. package/dist/css/themes/bootstrap/bootstrap.min.css +2 -2
  37. package/dist/css/themes/bootstrap/bootstrap.min.css.map +1 -1
  38. package/dist/css/themes/bootstrap/bootstrap.rtl.css +83 -9
  39. package/dist/css/themes/bootstrap/bootstrap.rtl.css.map +1 -1
  40. package/dist/css/themes/bootstrap/bootstrap.rtl.min.css +2 -2
  41. package/dist/css/themes/bootstrap/bootstrap.rtl.min.css.map +1 -1
  42. package/dist/js/bootstrap.bundle.js +7 -6
  43. package/dist/js/bootstrap.bundle.js.map +1 -1
  44. package/dist/js/bootstrap.bundle.min.js +2 -2
  45. package/dist/js/bootstrap.bundle.min.js.map +1 -1
  46. package/dist/js/bootstrap.esm.js +7 -6
  47. package/dist/js/bootstrap.esm.js.map +1 -1
  48. package/dist/js/bootstrap.esm.min.js +2 -2
  49. package/dist/js/bootstrap.esm.min.js.map +1 -1
  50. package/dist/js/bootstrap.js +7 -6
  51. package/dist/js/bootstrap.js.map +1 -1
  52. package/dist/js/bootstrap.min.js +2 -2
  53. package/dist/js/bootstrap.min.js.map +1 -1
  54. package/dist/js/coreui.bundle.js +6 -5
  55. package/dist/js/coreui.bundle.js.map +1 -1
  56. package/dist/js/coreui.bundle.min.js +2 -2
  57. package/dist/js/coreui.bundle.min.js.map +1 -1
  58. package/dist/js/coreui.esm.js +6 -5
  59. package/dist/js/coreui.esm.js.map +1 -1
  60. package/dist/js/coreui.esm.min.js +2 -2
  61. package/dist/js/coreui.esm.min.js.map +1 -1
  62. package/dist/js/coreui.js +6 -5
  63. package/dist/js/coreui.js.map +1 -1
  64. package/dist/js/coreui.min.js +2 -2
  65. package/dist/js/coreui.min.js.map +1 -1
  66. package/js/dist/alert.js +1 -1
  67. package/js/dist/base-component.js +4 -2
  68. package/js/dist/base-component.js.map +1 -1
  69. package/js/dist/button.js +1 -1
  70. package/js/dist/carousel.js +1 -1
  71. package/js/dist/collapse.js +3 -3
  72. package/js/dist/collapse.js.map +1 -1
  73. package/js/dist/dom/data.js +1 -1
  74. package/js/dist/dom/event-handler.js +1 -1
  75. package/js/dist/dom/manipulator.js +1 -1
  76. package/js/dist/dom/selector-engine.js +1 -1
  77. package/js/dist/dropdown.js +1 -1
  78. package/js/dist/modal.js +1 -1
  79. package/js/dist/navigation.js +1 -1
  80. package/js/dist/offcanvas.js +1 -1
  81. package/js/dist/popover.js +1 -1
  82. package/js/dist/scrollspy.js +1 -1
  83. package/js/dist/sidebar.js +1 -1
  84. package/js/dist/tab.js +1 -1
  85. package/js/dist/toast.js +1 -2
  86. package/js/dist/toast.js.map +1 -1
  87. package/js/dist/tooltip.js +1 -1
  88. package/js/dist/util/backdrop.js +1 -1
  89. package/js/dist/util/component-functions.js +1 -1
  90. package/js/dist/util/config.js +1 -1
  91. package/js/dist/util/focustrap.js +1 -1
  92. package/js/dist/util/index.js +1 -1
  93. package/js/dist/util/sanitizer.js +1 -1
  94. package/js/dist/util/scrollbar.js +1 -1
  95. package/js/dist/util/swipe.js +1 -1
  96. package/js/dist/util/template-factory.js +1 -1
  97. package/js/src/base-component.js +2 -1
  98. package/js/src/collapse.js +1 -1
  99. package/js/src/toast.js +0 -1
  100. package/package.json +25 -19
  101. package/scss/_banner.scss +1 -1
  102. package/scss/_buttons.scss +32 -0
  103. package/scss/_card.scss +8 -8
  104. package/scss/_nav.scss +53 -0
  105. package/scss/_variables.scss +36 -0
  106. package/scss/mixins/_visually-hidden.scss +5 -0
package/dist/css/coreui.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * CoreUI v5.3.2 (https://coreui.io)
3
+ * CoreUI v5.4.0 (https://coreui.io)
4
4
  * Copyright (c) 2025 creativeLabs Łukasz Holeczek
5
5
  * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
6
6
  */
@@ -3214,6 +3214,34 @@ textarea.form-control-lg {
3214
3214
  opacity: var(--cui-btn-disabled-opacity);
3215
3215
  }
3216
3216
 
3217
+ .btn-ghost {
3218
+ --cui-btn-color: var(--cui-secondary-color);
3219
+ --cui-btn-border-color: transparent;
3220
+ --cui-btn-active-color: var(--cui-body-color);
3221
+ --cui-btn-active-bg: var(--cui-tertiary-bg);
3222
+ --cui-btn-active-border-color: var(--cui-tertiary-bg);
3223
+ --cui-btn-disabled-color: var(--cui-secondary-color);
3224
+ --cui-btn-disabled-border-color: transparent;
3225
+ --cui-btn-hover-color: var(--cui-body-color);
3226
+ --cui-btn-hover-bg: var(--cui-tertiary-bg);
3227
+ --cui-btn-hover-border-color: var(--cui-tertiary-bg);
3228
+ --cui-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--cui-tertiary-bg-rgb), .5);
3229
+ }
3230
+
3231
+ .btn-outline {
3232
+ --cui-btn-color: var(--cui-secondary-color);
3233
+ --cui-btn-border-color: var(--cui-border-color);
3234
+ --cui-btn-active-color: var(--cui-body-color);
3235
+ --cui-btn-active-bg: var(--cui-tertiary-bg);
3236
+ --cui-btn-active-border-color: var(--cui-border-color);
3237
+ --cui-btn-disabled-color: var(--cui-secondary-color);
3238
+ --cui-btn-disabled-border-color: var(--cui-border-color);
3239
+ --cui-btn-hover-color: var(--cui-body-color);
3240
+ --cui-btn-hover-bg: var(--cui-tertiary-bg);
3241
+ --cui-btn-hover-border-color: var(--cui-border-color);
3242
+ --cui-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--cui-tertiary-bg-rgb), .5);
3243
+ }
3244
+
3217
3245
  .btn-transparent {
3218
3246
  --cui-btn-active-border-color: transparent;
3219
3247
  --cui-btn-disabled-border-color: transparent;
@@ -4600,6 +4628,48 @@ textarea.form-control-lg {
4600
4628
  border-bottom-color: currentcolor;
4601
4629
  }
4602
4630
 
4631
+ .nav-enclosed {
4632
+ --cui-nav-enclosed-padding: 0.125rem;
4633
+ --cui-nav-enclosed-bg: var(--cui-tertiary-bg);
4634
+ --cui-nav-enclosed-border-radius: 0.5rem;
4635
+ --cui-nav-enclosed-link-padding-x: 0.875rem;
4636
+ --cui-nav-enclosed-link-padding-y: 0.375rem;
4637
+ --cui-nav-enclosed-link-color: var(--cui-body-color);
4638
+ --cui-nav-enclosed-link-border-width: 1px;
4639
+ --cui-nav-enclosed-link-active-color: var(--cui-body-color);
4640
+ --cui-nav-enclosed-link-active-bg: var(--cui-body-bg);
4641
+ --cui-nav-enclosed-link-active-border-color: var(--cui-border-color);
4642
+ --cui-nav-enclosed-link-hover-box-shadow: var(--cui-box-shadow-sm);
4643
+ --cui-nav-enclosed-link-disabled-color: var(--cui-secondary-color);
4644
+ display: inline-flex;
4645
+ padding: var(--cui-nav-enclosed-padding);
4646
+ background-color: var(--cui-nav-enclosed-bg);
4647
+ border-radius: var(--cui-nav-enclosed-border-radius);
4648
+ }
4649
+ .nav-enclosed .nav-link {
4650
+ padding: calc(var(--cui-nav-enclosed-link-padding-y) - var(--cui-nav-enclosed-link-border-width)) calc(var(--cui-nav-enclosed-link-padding-x) - var(--cui-nav-enclosed-link-border-width));
4651
+ color: var(--cui-nav-enclosed-link-color);
4652
+ border: var(--cui-nav-enclosed-link-border-width) solid transparent;
4653
+ border-radius: calc(var(--cui-nav-enclosed-border-radius) - var(--cui-nav-enclosed-padding));
4654
+ }
4655
+ .nav-enclosed .nav-link.disabled {
4656
+ color: var(--cui-nav-enclosed-link-disabled-color);
4657
+ }
4658
+ .nav-enclosed .nav-link.active,
4659
+ .nav-enclosed .show > .nav-link {
4660
+ color: var(--cui-nav-enclosed-link-active-color);
4661
+ background-color: var(--cui-nav-enclosed-link-active-bg);
4662
+ border: 1px solid var(--cui-nav-enclosed-link-active-border-color);
4663
+ }
4664
+ .nav-enclosed .nav-link.active:not(:focus-visible),
4665
+ .nav-enclosed .show > .nav-link:not(:focus-visible) {
4666
+ box-shadow: var(--cui-nav-enclosed-link-hover-box-shadow);
4667
+ }
4668
+
4669
+ .nav-enclosed-pills {
4670
+ --cui-nav-enclosed-border-radius: 50rem;
4671
+ }
4672
+
4603
4673
  .nav-fill > .nav-link,
4604
4674
  .nav-fill .nav-item {
4605
4675
  flex: 1 1 auto;
@@ -5217,24 +5287,24 @@ textarea.form-control-lg {
5217
5287
  border-start-end-radius: 0;
5218
5288
  border-end-end-radius: 0;
5219
5289
  }
5220
- .card-group > .card:not(:last-child) .card-img-top,
5221
- .card-group > .card:not(:last-child) .card-header {
5290
+ .card-group > .card:not(:last-child) > .card-img-top,
5291
+ .card-group > .card:not(:last-child) > .card-header {
5222
5292
  border-top-right-radius: 0;
5223
5293
  }
5224
- .card-group > .card:not(:last-child) .card-img-bottom,
5225
- .card-group > .card:not(:last-child) .card-footer {
5294
+ .card-group > .card:not(:last-child) > .card-img-bottom,
5295
+ .card-group > .card:not(:last-child) > .card-footer {
5226
5296
  border-bottom-right-radius: 0;
5227
5297
  }
5228
5298
  .card-group > .card:not(:first-child) {
5229
5299
  border-start-start-radius: 0;
5230
5300
  border-end-start-radius: 0;
5231
5301
  }
5232
- .card-group > .card:not(:first-child) .card-img-top,
5233
- .card-group > .card:not(:first-child) .card-header {
5302
+ .card-group > .card:not(:first-child) > .card-img-top,
5303
+ .card-group > .card:not(:first-child) > .card-header {
5234
5304
  border-top-left-radius: 0;
5235
5305
  }
5236
- .card-group > .card:not(:first-child) .card-img-bottom,
5237
- .card-group > .card:not(:first-child) .card-footer {
5306
+ .card-group > .card:not(:first-child) > .card-img-bottom,
5307
+ .card-group > .card:not(:first-child) > card-footer {
5238
5308
  border-bottom-left-radius: 0;
5239
5309
  }
5240
5310
  }
@@ -8933,6 +9003,10 @@ textarea.form-control-lg {
8933
9003
  .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
8934
9004
  position: absolute !important;
8935
9005
  }
9006
+ .visually-hidden *,
9007
+ .visually-hidden-focusable:not(:focus):not(:focus-within) * {
9008
+ overflow: hidden !important;
9009
+ }
8936
9010
 
8937
9011
  .stretched-link::after {
8938
9012
  position: absolute;