@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.rtl.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
  */
@@ -3042,6 +3042,34 @@ textarea.form-control-lg {
3042
3042
  opacity: var(--cui-btn-disabled-opacity);
3043
3043
  }
3044
3044
 
3045
+ .btn-ghost {
3046
+ --cui-btn-color: var(--cui-secondary-color);
3047
+ --cui-btn-border-color: transparent;
3048
+ --cui-btn-active-color: var(--cui-body-color);
3049
+ --cui-btn-active-bg: var(--cui-tertiary-bg);
3050
+ --cui-btn-active-border-color: var(--cui-tertiary-bg);
3051
+ --cui-btn-disabled-color: var(--cui-secondary-color);
3052
+ --cui-btn-disabled-border-color: transparent;
3053
+ --cui-btn-hover-color: var(--cui-body-color);
3054
+ --cui-btn-hover-bg: var(--cui-tertiary-bg);
3055
+ --cui-btn-hover-border-color: var(--cui-tertiary-bg);
3056
+ --cui-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--cui-tertiary-bg-rgb), .5);
3057
+ }
3058
+
3059
+ .btn-outline {
3060
+ --cui-btn-color: var(--cui-secondary-color);
3061
+ --cui-btn-border-color: var(--cui-border-color);
3062
+ --cui-btn-active-color: var(--cui-body-color);
3063
+ --cui-btn-active-bg: var(--cui-tertiary-bg);
3064
+ --cui-btn-active-border-color: var(--cui-border-color);
3065
+ --cui-btn-disabled-color: var(--cui-secondary-color);
3066
+ --cui-btn-disabled-border-color: var(--cui-border-color);
3067
+ --cui-btn-hover-color: var(--cui-body-color);
3068
+ --cui-btn-hover-bg: var(--cui-tertiary-bg);
3069
+ --cui-btn-hover-border-color: var(--cui-border-color);
3070
+ --cui-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--cui-tertiary-bg-rgb), .5);
3071
+ }
3072
+
3045
3073
  .btn-transparent {
3046
3074
  --cui-btn-active-border-color: transparent;
3047
3075
  --cui-btn-disabled-border-color: transparent;
@@ -4419,6 +4447,48 @@ textarea.form-control-lg {
4419
4447
  border-bottom-color: currentcolor;
4420
4448
  }
4421
4449
 
4450
+ .nav-enclosed {
4451
+ --cui-nav-enclosed-padding: 0.125rem;
4452
+ --cui-nav-enclosed-bg: var(--cui-tertiary-bg);
4453
+ --cui-nav-enclosed-border-radius: 0.5rem;
4454
+ --cui-nav-enclosed-link-padding-x: 0.875rem;
4455
+ --cui-nav-enclosed-link-padding-y: 0.375rem;
4456
+ --cui-nav-enclosed-link-color: var(--cui-body-color);
4457
+ --cui-nav-enclosed-link-border-width: 1px;
4458
+ --cui-nav-enclosed-link-active-color: var(--cui-body-color);
4459
+ --cui-nav-enclosed-link-active-bg: var(--cui-body-bg);
4460
+ --cui-nav-enclosed-link-active-border-color: var(--cui-border-color);
4461
+ --cui-nav-enclosed-link-hover-box-shadow: var(--cui-box-shadow-sm);
4462
+ --cui-nav-enclosed-link-disabled-color: var(--cui-secondary-color);
4463
+ display: inline-flex;
4464
+ padding: var(--cui-nav-enclosed-padding);
4465
+ background-color: var(--cui-nav-enclosed-bg);
4466
+ border-radius: var(--cui-nav-enclosed-border-radius);
4467
+ }
4468
+ .nav-enclosed .nav-link {
4469
+ 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));
4470
+ color: var(--cui-nav-enclosed-link-color);
4471
+ border: var(--cui-nav-enclosed-link-border-width) solid transparent;
4472
+ border-radius: calc(var(--cui-nav-enclosed-border-radius) - var(--cui-nav-enclosed-padding));
4473
+ }
4474
+ .nav-enclosed .nav-link.disabled {
4475
+ color: var(--cui-nav-enclosed-link-disabled-color);
4476
+ }
4477
+ .nav-enclosed .nav-link.active,
4478
+ .nav-enclosed .show > .nav-link {
4479
+ color: var(--cui-nav-enclosed-link-active-color);
4480
+ background-color: var(--cui-nav-enclosed-link-active-bg);
4481
+ border: 1px solid var(--cui-nav-enclosed-link-active-border-color);
4482
+ }
4483
+ .nav-enclosed .nav-link.active:not(:focus-visible),
4484
+ .nav-enclosed .show > .nav-link:not(:focus-visible) {
4485
+ box-shadow: var(--cui-nav-enclosed-link-hover-box-shadow);
4486
+ }
4487
+
4488
+ .nav-enclosed-pills {
4489
+ --cui-nav-enclosed-border-radius: 50rem;
4490
+ }
4491
+
4422
4492
  .nav-fill > .nav-link,
4423
4493
  .nav-fill .nav-item {
4424
4494
  flex: 1 1 auto;
@@ -5031,24 +5101,24 @@ textarea.form-control-lg {
5031
5101
  border-start-end-radius: 0;
5032
5102
  border-end-end-radius: 0;
5033
5103
  }
5034
- .card-group > .card:not(:last-child) .card-img-top,
5035
- .card-group > .card:not(:last-child) .card-header {
5104
+ .card-group > .card:not(:last-child) > .card-img-top,
5105
+ .card-group > .card:not(:last-child) > .card-header {
5036
5106
  border-top-right-radius: 0;
5037
5107
  }
5038
- .card-group > .card:not(:last-child) .card-img-bottom,
5039
- .card-group > .card:not(:last-child) .card-footer {
5108
+ .card-group > .card:not(:last-child) > .card-img-bottom,
5109
+ .card-group > .card:not(:last-child) > .card-footer {
5040
5110
  border-bottom-right-radius: 0;
5041
5111
  }
5042
5112
  .card-group > .card:not(:first-child) {
5043
5113
  border-start-start-radius: 0;
5044
5114
  border-end-start-radius: 0;
5045
5115
  }
5046
- .card-group > .card:not(:first-child) .card-img-top,
5047
- .card-group > .card:not(:first-child) .card-header {
5116
+ .card-group > .card:not(:first-child) > .card-img-top,
5117
+ .card-group > .card:not(:first-child) > .card-header {
5048
5118
  border-top-left-radius: 0;
5049
5119
  }
5050
- .card-group > .card:not(:first-child) .card-img-bottom,
5051
- .card-group > .card:not(:first-child) .card-footer {
5120
+ .card-group > .card:not(:first-child) > .card-img-bottom,
5121
+ .card-group > .card:not(:first-child) > card-footer {
5052
5122
  border-bottom-left-radius: 0;
5053
5123
  }
5054
5124
  }
@@ -8678,6 +8748,10 @@ textarea.form-control-lg {
8678
8748
  .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
8679
8749
  position: absolute !important;
8680
8750
  }
8751
+ .visually-hidden *,
8752
+ .visually-hidden-focusable:not(:focus):not(:focus-within) * {
8753
+ overflow: hidden !important;
8754
+ }
8681
8755
 
8682
8756
  .stretched-link::after {
8683
8757
  position: absolute;