@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/themes/bootstrap/bootstrap.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * CoreUI Bootstrap Theme v5.3.2 (https://coreui.io)
3
+ * CoreUI Bootstrap Theme 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
  */
@@ -3189,6 +3189,34 @@ textarea.form-control-lg {
3189
3189
  opacity: var(--bs-btn-disabled-opacity);
3190
3190
  }
3191
3191
 
3192
+ .btn-ghost {
3193
+ --bs-btn-color: var(--bs-secondary-color);
3194
+ --bs-btn-border-color: transparent;
3195
+ --bs-btn-active-color: var(--bs-body-color);
3196
+ --bs-btn-active-bg: var(--bs-tertiary-bg);
3197
+ --bs-btn-active-border-color: var(--bs-tertiary-bg);
3198
+ --bs-btn-disabled-color: var(--bs-secondary-color);
3199
+ --bs-btn-disabled-border-color: transparent;
3200
+ --bs-btn-hover-color: var(--bs-body-color);
3201
+ --bs-btn-hover-bg: var(--bs-tertiary-bg);
3202
+ --bs-btn-hover-border-color: var(--bs-tertiary-bg);
3203
+ --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-tertiary-bg-rgb), .5);
3204
+ }
3205
+
3206
+ .btn-outline {
3207
+ --bs-btn-color: var(--bs-secondary-color);
3208
+ --bs-btn-border-color: var(--bs-border-color);
3209
+ --bs-btn-active-color: var(--bs-body-color);
3210
+ --bs-btn-active-bg: var(--bs-tertiary-bg);
3211
+ --bs-btn-active-border-color: var(--bs-border-color);
3212
+ --bs-btn-disabled-color: var(--bs-secondary-color);
3213
+ --bs-btn-disabled-border-color: var(--bs-border-color);
3214
+ --bs-btn-hover-color: var(--bs-body-color);
3215
+ --bs-btn-hover-bg: var(--bs-tertiary-bg);
3216
+ --bs-btn-hover-border-color: var(--bs-border-color);
3217
+ --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-tertiary-bg-rgb), .5);
3218
+ }
3219
+
3192
3220
  .btn-transparent {
3193
3221
  --bs-btn-active-border-color: transparent;
3194
3222
  --bs-btn-disabled-border-color: transparent;
@@ -4214,6 +4242,48 @@ textarea.form-control-lg {
4214
4242
  border-bottom-color: currentcolor;
4215
4243
  }
4216
4244
 
4245
+ .nav-enclosed {
4246
+ --bs-nav-enclosed-padding: 0.125rem;
4247
+ --bs-nav-enclosed-bg: var(--bs-tertiary-bg);
4248
+ --bs-nav-enclosed-border-radius: 0.5rem;
4249
+ --bs-nav-enclosed-link-padding-x: 0.875rem;
4250
+ --bs-nav-enclosed-link-padding-y: 0.375rem;
4251
+ --bs-nav-enclosed-link-color: var(--bs-body-color);
4252
+ --bs-nav-enclosed-link-border-width: 1px;
4253
+ --bs-nav-enclosed-link-active-color: var(--bs-body-color);
4254
+ --bs-nav-enclosed-link-active-bg: var(--bs-body-bg);
4255
+ --bs-nav-enclosed-link-active-border-color: var(--bs-border-color);
4256
+ --bs-nav-enclosed-link-hover-box-shadow: var(--bs-box-shadow-sm);
4257
+ --bs-nav-enclosed-link-disabled-color: var(--bs-secondary-color);
4258
+ display: inline-flex;
4259
+ padding: var(--bs-nav-enclosed-padding);
4260
+ background-color: var(--bs-nav-enclosed-bg);
4261
+ border-radius: var(--bs-nav-enclosed-border-radius);
4262
+ }
4263
+ .nav-enclosed .nav-link {
4264
+ padding: calc(var(--bs-nav-enclosed-link-padding-y) - var(--bs-nav-enclosed-link-border-width)) calc(var(--bs-nav-enclosed-link-padding-x) - var(--bs-nav-enclosed-link-border-width));
4265
+ color: var(--bs-nav-enclosed-link-color);
4266
+ border: var(--bs-nav-enclosed-link-border-width) solid transparent;
4267
+ border-radius: calc(var(--bs-nav-enclosed-border-radius) - var(--bs-nav-enclosed-padding));
4268
+ }
4269
+ .nav-enclosed .nav-link.disabled {
4270
+ color: var(--bs-nav-enclosed-link-disabled-color);
4271
+ }
4272
+ .nav-enclosed .nav-link.active,
4273
+ .nav-enclosed .show > .nav-link {
4274
+ color: var(--bs-nav-enclosed-link-active-color);
4275
+ background-color: var(--bs-nav-enclosed-link-active-bg);
4276
+ border: 1px solid var(--bs-nav-enclosed-link-active-border-color);
4277
+ }
4278
+ .nav-enclosed .nav-link.active:not(:focus-visible),
4279
+ .nav-enclosed .show > .nav-link:not(:focus-visible) {
4280
+ box-shadow: var(--bs-nav-enclosed-link-hover-box-shadow);
4281
+ }
4282
+
4283
+ .nav-enclosed-pills {
4284
+ --bs-nav-enclosed-border-radius: 50rem;
4285
+ }
4286
+
4217
4287
  .nav-fill > .nav-link,
4218
4288
  .nav-fill .nav-item {
4219
4289
  flex: 1 1 auto;
@@ -4831,24 +4901,24 @@ textarea.form-control-lg {
4831
4901
  border-start-end-radius: 0;
4832
4902
  border-end-end-radius: 0;
4833
4903
  }
4834
- .card-group > .card:not(:last-child) .card-img-top,
4835
- .card-group > .card:not(:last-child) .card-header {
4904
+ .card-group > .card:not(:last-child) > .card-img-top,
4905
+ .card-group > .card:not(:last-child) > .card-header {
4836
4906
  border-top-right-radius: 0;
4837
4907
  }
4838
- .card-group > .card:not(:last-child) .card-img-bottom,
4839
- .card-group > .card:not(:last-child) .card-footer {
4908
+ .card-group > .card:not(:last-child) > .card-img-bottom,
4909
+ .card-group > .card:not(:last-child) > .card-footer {
4840
4910
  border-bottom-right-radius: 0;
4841
4911
  }
4842
4912
  .card-group > .card:not(:first-child) {
4843
4913
  border-start-start-radius: 0;
4844
4914
  border-end-start-radius: 0;
4845
4915
  }
4846
- .card-group > .card:not(:first-child) .card-img-top,
4847
- .card-group > .card:not(:first-child) .card-header {
4916
+ .card-group > .card:not(:first-child) > .card-img-top,
4917
+ .card-group > .card:not(:first-child) > .card-header {
4848
4918
  border-top-left-radius: 0;
4849
4919
  }
4850
- .card-group > .card:not(:first-child) .card-img-bottom,
4851
- .card-group > .card:not(:first-child) .card-footer {
4920
+ .card-group > .card:not(:first-child) > .card-img-bottom,
4921
+ .card-group > .card:not(:first-child) > card-footer {
4852
4922
  border-bottom-left-radius: 0;
4853
4923
  }
4854
4924
  }
@@ -8514,6 +8584,10 @@ textarea.form-control-lg {
8514
8584
  .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
8515
8585
  position: absolute !important;
8516
8586
  }
8587
+ .visually-hidden *,
8588
+ .visually-hidden-focusable:not(:focus):not(:focus-within) * {
8589
+ overflow: hidden !important;
8590
+ }
8517
8591
 
8518
8592
  .stretched-link::after {
8519
8593
  position: absolute;