@coreui/coreui 5.0.0-alpha.3 → 5.0.0-beta.1

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 (84) hide show
  1. package/README.md +1 -1
  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 +1 -1
  19. package/dist/css/coreui-utilities.css.map +1 -1
  20. package/dist/css/coreui-utilities.min.css +1 -1
  21. package/dist/css/coreui-utilities.min.css.map +1 -1
  22. package/dist/css/coreui-utilities.rtl.css +1 -1
  23. package/dist/css/coreui-utilities.rtl.css.map +1 -1
  24. package/dist/css/coreui-utilities.rtl.min.css +1 -1
  25. package/dist/css/coreui-utilities.rtl.min.css.map +1 -1
  26. package/dist/css/coreui.css +22 -14
  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 +22 -14
  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/js/coreui.bundle.js +7 -3
  35. package/dist/js/coreui.bundle.js.map +1 -1
  36. package/dist/js/coreui.bundle.min.js +2 -2
  37. package/dist/js/coreui.bundle.min.js.map +1 -1
  38. package/dist/js/coreui.esm.js +7 -3
  39. package/dist/js/coreui.esm.js.map +1 -1
  40. package/dist/js/coreui.esm.min.js +2 -2
  41. package/dist/js/coreui.esm.min.js.map +1 -1
  42. package/dist/js/coreui.js +7 -3
  43. package/dist/js/coreui.js.map +1 -1
  44. package/dist/js/coreui.min.js +2 -2
  45. package/dist/js/coreui.min.js.map +1 -1
  46. package/js/dist/alert.js +1 -1
  47. package/js/dist/base-component.js +2 -2
  48. package/js/dist/base-component.js.map +1 -1
  49. package/js/dist/button.js +1 -1
  50. package/js/dist/carousel.js +1 -1
  51. package/js/dist/collapse.js +1 -1
  52. package/js/dist/dom/data.js +1 -1
  53. package/js/dist/dom/event-handler.js +1 -1
  54. package/js/dist/dom/manipulator.js +1 -1
  55. package/js/dist/dom/selector-engine.js +1 -1
  56. package/js/dist/dropdown.js +1 -1
  57. package/js/dist/modal.js +1 -1
  58. package/js/dist/navigation.js +1 -1
  59. package/js/dist/offcanvas.js +1 -1
  60. package/js/dist/popover.js +1 -1
  61. package/js/dist/scrollspy.js +1 -1
  62. package/js/dist/sidebar.js +6 -2
  63. package/js/dist/sidebar.js.map +1 -1
  64. package/js/dist/tab.js +1 -1
  65. package/js/dist/toast.js +1 -1
  66. package/js/dist/tooltip.js +1 -1
  67. package/js/dist/util/backdrop.js +1 -1
  68. package/js/dist/util/component-functions.js +1 -1
  69. package/js/dist/util/config.js +1 -1
  70. package/js/dist/util/focustrap.js +1 -1
  71. package/js/dist/util/index.js +1 -1
  72. package/js/dist/util/sanitizer.js +1 -1
  73. package/js/dist/util/scrollbar.js +1 -1
  74. package/js/dist/util/swipe.js +1 -1
  75. package/js/dist/util/template-factory.js +1 -1
  76. package/js/src/base-component.js +1 -1
  77. package/js/src/sidebar.js +7 -1
  78. package/package.json +15 -15
  79. package/scss/_header.scss +1 -1
  80. package/scss/_variables.scss +6 -3
  81. package/scss/mixins/_banner.scss +1 -1
  82. package/scss/sidebar/_sidebar-narrow.scss +2 -5
  83. package/scss/sidebar/_sidebar-nav.scss +1 -1
  84. package/scss/sidebar/_sidebar.scss +29 -8
package/dist/css/coreui.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * CoreUI v5.0.0-alpha.3 (https://coreui.io)
3
+ * CoreUI v5.0.0-beta.1 (https://coreui.io)
4
4
  * Copyright (c) 2023 creativeLabs Łukasz Holeczek
5
5
  * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
6
6
  */
@@ -7586,7 +7586,7 @@ textarea.form-control-lg {
7586
7586
  position: -webkit-sticky;
7587
7587
  position: sticky;
7588
7588
  top: 0;
7589
- z-index: 1029;
7589
+ z-index: 1020;
7590
7590
  }
7591
7591
 
7592
7592
  .header-divider {
@@ -7746,6 +7746,7 @@ textarea.form-control-lg {
7746
7746
  }
7747
7747
 
7748
7748
  .sidebar {
7749
+ --cui-sidebar-zindex: 1035;
7749
7750
  --cui-sidebar-width: 16rem;
7750
7751
  --cui-sidebar-bg: var(--cui-body-bg);
7751
7752
  --cui-sidebar-padding-x: 1rem;
@@ -7753,7 +7754,6 @@ textarea.form-control-lg {
7753
7754
  --cui-sidebar-color: var(--cui-body-color);
7754
7755
  --cui-sidebar-brand-color: var(--cui-body-color);
7755
7756
  --cui-sidebar-brand-bg: rgba(8, 10, 12, 0.2);
7756
- --cui-sidebar-overlaid-zindex: 1045;
7757
7757
  position: relative;
7758
7758
  display: flex;
7759
7759
  flex: 0 0 var(--cui-sidebar-width);
@@ -7770,6 +7770,9 @@ textarea.form-control-lg {
7770
7770
  transition: none;
7771
7771
  }
7772
7772
  }
7773
+ .sidebar.sidebar-fixed, .sidebar.sidebar-narrow, .sidebar.sidebar-narrow-unfoldable, .sidebar.sidebar-overlaid {
7774
+ z-index: var(--cui-sidebar-zindex);
7775
+ }
7773
7776
  .sidebar:not(.sidebar-end) {
7774
7777
  margin-left: 0;
7775
7778
  }
@@ -7852,33 +7855,41 @@ textarea.form-control-lg {
7852
7855
  }
7853
7856
  }
7854
7857
  .sidebar.sidebar-overlaid {
7858
+ --cui-sidebar-overlaid-box-shadow: var(--cui-box-shadow);
7855
7859
  position: fixed;
7856
7860
  top: 0;
7857
7861
  bottom: 0;
7858
- z-index: var(--cui-sidebar-overlaid-zindex);
7859
- }
7860
- .sidebar.sidebar-overlaid:not(.hide) {
7861
- box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
7862
7862
  }
7863
7863
  .sidebar.sidebar-overlaid:not(.sidebar-end) {
7864
7864
  left: 0;
7865
+ margin-left: calc(-1 * var(--cui-sidebar-width));
7865
7866
  }
7866
7867
  .sidebar.sidebar-overlaid:not(.sidebar-end) ~ * {
7867
7868
  --cui-sidebar-occupy-start: 0 !important;
7868
7869
  }
7869
7870
  .sidebar.sidebar-overlaid.sidebar-end {
7870
7871
  right: 0;
7872
+ margin-right: calc(-1 * var(--cui-sidebar-width));
7871
7873
  }
7872
7874
  .sidebar.sidebar-overlaid.sidebar-end ~ * {
7873
7875
  --cui-sidebar-occupy-end: 0 !important;
7874
7876
  }
7877
+ .sidebar.sidebar-overlaid.show {
7878
+ box-shadow: var(--cui-sidebar-overlaid-box-shadow);
7879
+ }
7880
+ .sidebar.sidebar-overlaid.show:not(.sidebar-end) {
7881
+ margin-left: 0;
7882
+ }
7883
+ .sidebar.sidebar-overlaid.show.sidebar-end {
7884
+ margin-right: 0;
7885
+ }
7875
7886
  @media (max-width: 767.98px) {
7876
7887
  .sidebar {
7877
7888
  --cui-is-mobile: true;
7878
7889
  position: fixed;
7879
7890
  top: 0;
7880
7891
  bottom: 0;
7881
- z-index: var(--cui-sidebar-overlaid-zindex);
7892
+ z-index: var(--cui-sidebar-zindex);
7882
7893
  }
7883
7894
  .sidebar:not(.sidebar-end) {
7884
7895
  left: 0;
@@ -7988,7 +7999,7 @@ textarea.form-control-lg {
7988
7999
  }
7989
8000
 
7990
8001
  .sidebar-backdrop {
7991
- --cui-backdrop-zindex: 1040;
8002
+ --cui-backdrop-zindex: 1034;
7992
8003
  --cui-backdrop-bg: #080a0c;
7993
8004
  --cui-backdrop-opacity: 0.5;
7994
8005
  }
@@ -8287,14 +8298,12 @@ textarea.form-control-lg {
8287
8298
  }
8288
8299
  @media (min-width: 768px) {
8289
8300
  .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
8290
- z-index: 1031;
8291
8301
  flex: 0 0 var(--cui-sidebar-narrow-width);
8292
8302
  width: var(--cui-sidebar-narrow-width);
8293
8303
  padding-bottom: var(--cui-sidebar-toggler-height);
8294
8304
  overflow: visible;
8295
8305
  }
8296
8306
  .sidebar-fixed.sidebar-narrow-unfoldable:not(:hover), .sidebar-fixed.sidebar-narrow {
8297
- z-index: 1031;
8298
8307
  width: var(--cui-sidebar-narrow-width);
8299
8308
  }
8300
8309
  .sidebar-narrow-unfoldable:not(:hover) .sidebar-brand-full, .sidebar-narrow .sidebar-brand-full {
@@ -8321,8 +8330,8 @@ textarea.form-control-lg {
8321
8330
  .sidebar-narrow-unfoldable:not(:hover) .sidebar-form,
8322
8331
  .sidebar-narrow .sidebar-form {
8323
8332
  height: 0 !important;
8324
- padding: 0;
8325
- margin: 0;
8333
+ padding: 0 !important;
8334
+ margin: 0 !important;
8326
8335
  visibility: hidden;
8327
8336
  opacity: 0;
8328
8337
  }
@@ -8346,7 +8355,6 @@ textarea.form-control-lg {
8346
8355
 
8347
8356
  .sidebar-narrow-unfoldable {
8348
8357
  position: fixed;
8349
- z-index: 1031;
8350
8358
  }
8351
8359
  .sidebar-narrow-unfoldable:not(.sidebar-end) ~ * {
8352
8360
  --cui-sidebar-occupy-start: 4rem;