@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.rtl.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
  */
@@ -3017,6 +3017,34 @@ textarea.form-control-lg {
3017
3017
  opacity: var(--bs-btn-disabled-opacity);
3018
3018
  }
3019
3019
 
3020
+ .btn-ghost {
3021
+ --bs-btn-color: var(--bs-secondary-color);
3022
+ --bs-btn-border-color: transparent;
3023
+ --bs-btn-active-color: var(--bs-body-color);
3024
+ --bs-btn-active-bg: var(--bs-tertiary-bg);
3025
+ --bs-btn-active-border-color: var(--bs-tertiary-bg);
3026
+ --bs-btn-disabled-color: var(--bs-secondary-color);
3027
+ --bs-btn-disabled-border-color: transparent;
3028
+ --bs-btn-hover-color: var(--bs-body-color);
3029
+ --bs-btn-hover-bg: var(--bs-tertiary-bg);
3030
+ --bs-btn-hover-border-color: var(--bs-tertiary-bg);
3031
+ --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-tertiary-bg-rgb), .5);
3032
+ }
3033
+
3034
+ .btn-outline {
3035
+ --bs-btn-color: var(--bs-secondary-color);
3036
+ --bs-btn-border-color: var(--bs-border-color);
3037
+ --bs-btn-active-color: var(--bs-body-color);
3038
+ --bs-btn-active-bg: var(--bs-tertiary-bg);
3039
+ --bs-btn-active-border-color: var(--bs-border-color);
3040
+ --bs-btn-disabled-color: var(--bs-secondary-color);
3041
+ --bs-btn-disabled-border-color: var(--bs-border-color);
3042
+ --bs-btn-hover-color: var(--bs-body-color);
3043
+ --bs-btn-hover-bg: var(--bs-tertiary-bg);
3044
+ --bs-btn-hover-border-color: var(--bs-border-color);
3045
+ --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-tertiary-bg-rgb), .5);
3046
+ }
3047
+
3020
3048
  .btn-transparent {
3021
3049
  --bs-btn-active-border-color: transparent;
3022
3050
  --bs-btn-disabled-border-color: transparent;
@@ -4033,6 +4061,48 @@ textarea.form-control-lg {
4033
4061
  border-bottom-color: currentcolor;
4034
4062
  }
4035
4063
 
4064
+ .nav-enclosed {
4065
+ --bs-nav-enclosed-padding: 0.125rem;
4066
+ --bs-nav-enclosed-bg: var(--bs-tertiary-bg);
4067
+ --bs-nav-enclosed-border-radius: 0.5rem;
4068
+ --bs-nav-enclosed-link-padding-x: 0.875rem;
4069
+ --bs-nav-enclosed-link-padding-y: 0.375rem;
4070
+ --bs-nav-enclosed-link-color: var(--bs-body-color);
4071
+ --bs-nav-enclosed-link-border-width: 1px;
4072
+ --bs-nav-enclosed-link-active-color: var(--bs-body-color);
4073
+ --bs-nav-enclosed-link-active-bg: var(--bs-body-bg);
4074
+ --bs-nav-enclosed-link-active-border-color: var(--bs-border-color);
4075
+ --bs-nav-enclosed-link-hover-box-shadow: var(--bs-box-shadow-sm);
4076
+ --bs-nav-enclosed-link-disabled-color: var(--bs-secondary-color);
4077
+ display: inline-flex;
4078
+ padding: var(--bs-nav-enclosed-padding);
4079
+ background-color: var(--bs-nav-enclosed-bg);
4080
+ border-radius: var(--bs-nav-enclosed-border-radius);
4081
+ }
4082
+ .nav-enclosed .nav-link {
4083
+ 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));
4084
+ color: var(--bs-nav-enclosed-link-color);
4085
+ border: var(--bs-nav-enclosed-link-border-width) solid transparent;
4086
+ border-radius: calc(var(--bs-nav-enclosed-border-radius) - var(--bs-nav-enclosed-padding));
4087
+ }
4088
+ .nav-enclosed .nav-link.disabled {
4089
+ color: var(--bs-nav-enclosed-link-disabled-color);
4090
+ }
4091
+ .nav-enclosed .nav-link.active,
4092
+ .nav-enclosed .show > .nav-link {
4093
+ color: var(--bs-nav-enclosed-link-active-color);
4094
+ background-color: var(--bs-nav-enclosed-link-active-bg);
4095
+ border: 1px solid var(--bs-nav-enclosed-link-active-border-color);
4096
+ }
4097
+ .nav-enclosed .nav-link.active:not(:focus-visible),
4098
+ .nav-enclosed .show > .nav-link:not(:focus-visible) {
4099
+ box-shadow: var(--bs-nav-enclosed-link-hover-box-shadow);
4100
+ }
4101
+
4102
+ .nav-enclosed-pills {
4103
+ --bs-nav-enclosed-border-radius: 50rem;
4104
+ }
4105
+
4036
4106
  .nav-fill > .nav-link,
4037
4107
  .nav-fill .nav-item {
4038
4108
  flex: 1 1 auto;
@@ -4645,24 +4715,24 @@ textarea.form-control-lg {
4645
4715
  border-start-end-radius: 0;
4646
4716
  border-end-end-radius: 0;
4647
4717
  }
4648
- .card-group > .card:not(:last-child) .card-img-top,
4649
- .card-group > .card:not(:last-child) .card-header {
4718
+ .card-group > .card:not(:last-child) > .card-img-top,
4719
+ .card-group > .card:not(:last-child) > .card-header {
4650
4720
  border-top-right-radius: 0;
4651
4721
  }
4652
- .card-group > .card:not(:last-child) .card-img-bottom,
4653
- .card-group > .card:not(:last-child) .card-footer {
4722
+ .card-group > .card:not(:last-child) > .card-img-bottom,
4723
+ .card-group > .card:not(:last-child) > .card-footer {
4654
4724
  border-bottom-right-radius: 0;
4655
4725
  }
4656
4726
  .card-group > .card:not(:first-child) {
4657
4727
  border-start-start-radius: 0;
4658
4728
  border-end-start-radius: 0;
4659
4729
  }
4660
- .card-group > .card:not(:first-child) .card-img-top,
4661
- .card-group > .card:not(:first-child) .card-header {
4730
+ .card-group > .card:not(:first-child) > .card-img-top,
4731
+ .card-group > .card:not(:first-child) > .card-header {
4662
4732
  border-top-left-radius: 0;
4663
4733
  }
4664
- .card-group > .card:not(:first-child) .card-img-bottom,
4665
- .card-group > .card:not(:first-child) .card-footer {
4734
+ .card-group > .card:not(:first-child) > .card-img-bottom,
4735
+ .card-group > .card:not(:first-child) > card-footer {
4666
4736
  border-bottom-left-radius: 0;
4667
4737
  }
4668
4738
  }
@@ -8259,6 +8329,10 @@ textarea.form-control-lg {
8259
8329
  .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
8260
8330
  position: absolute !important;
8261
8331
  }
8332
+ .visually-hidden *,
8333
+ .visually-hidden-focusable:not(:focus):not(:focus-within) * {
8334
+ overflow: hidden !important;
8335
+ }
8262
8336
 
8263
8337
  .stretched-link::after {
8264
8338
  position: absolute;