@coreui/coreui 4.2.2 → 4.2.3

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 (163) hide show
  1. package/README.md +1 -1
  2. package/dist/css/coreui-grid.css +61 -61
  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 +62 -62
  7. package/dist/css/coreui-grid.rtl.css.map +1 -1
  8. package/dist/css/coreui-grid.rtl.min.css +2 -2
  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 +2 -2
  15. package/dist/css/coreui-reboot.rtl.css.map +1 -1
  16. package/dist/css/coreui-reboot.rtl.min.css +2 -2
  17. package/dist/css/coreui-reboot.rtl.min.css.map +1 -1
  18. package/dist/css/coreui-utilities.css +72 -2
  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 +73 -3
  23. package/dist/css/coreui-utilities.rtl.css.map +1 -1
  24. package/dist/css/coreui-utilities.rtl.min.css +3 -3
  25. package/dist/css/coreui-utilities.rtl.min.css.map +1 -1
  26. package/dist/css/coreui.css +192 -208
  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 +193 -169
  31. package/dist/css/coreui.rtl.css.map +1 -1
  32. package/dist/css/coreui.rtl.min.css +3 -3
  33. package/dist/css/coreui.rtl.min.css.map +1 -1
  34. package/dist/js/coreui.bundle.js +704 -1534
  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 +641 -1482
  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 +642 -1483
  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 +15 -21
  47. package/js/dist/alert.js.map +1 -1
  48. package/js/dist/base-component.js +14 -25
  49. package/js/dist/base-component.js.map +1 -1
  50. package/js/dist/button.js +13 -12
  51. package/js/dist/button.js.map +1 -1
  52. package/js/dist/carousel.js +27 -103
  53. package/js/dist/carousel.js.map +1 -1
  54. package/js/dist/collapse.js +27 -84
  55. package/js/dist/collapse.js.map +1 -1
  56. package/js/dist/dom/data.js +8 -12
  57. package/js/dist/dom/data.js.map +1 -1
  58. package/js/dist/dom/event-handler.js +32 -69
  59. package/js/dist/dom/event-handler.js.map +1 -1
  60. package/js/dist/dom/manipulator.js +4 -17
  61. package/js/dist/dom/manipulator.js.map +1 -1
  62. package/js/dist/dom/selector-engine.js +41 -24
  63. package/js/dist/dom/selector-engine.js.map +1 -1
  64. package/js/dist/dropdown.js +55 -118
  65. package/js/dist/dropdown.js.map +1 -1
  66. package/js/dist/modal.js +42 -109
  67. package/js/dist/modal.js.map +1 -1
  68. package/js/dist/navigation.js +27 -59
  69. package/js/dist/navigation.js.map +1 -1
  70. package/js/dist/offcanvas.js +26 -70
  71. package/js/dist/offcanvas.js.map +1 -1
  72. package/js/dist/popover.js +18 -21
  73. package/js/dist/popover.js.map +1 -1
  74. package/js/dist/scrollspy.js +43 -71
  75. package/js/dist/scrollspy.js.map +1 -1
  76. package/js/dist/sidebar.js +21 -65
  77. package/js/dist/sidebar.js.map +1 -1
  78. package/js/dist/tab.js +41 -105
  79. package/js/dist/tab.js.map +1 -1
  80. package/js/dist/toast.js +26 -60
  81. package/js/dist/toast.js.map +1 -1
  82. package/js/dist/tooltip.js +88 -201
  83. package/js/dist/tooltip.js.map +1 -1
  84. package/js/dist/util/backdrop.js +24 -43
  85. package/js/dist/util/backdrop.js.map +1 -1
  86. package/js/dist/util/component-functions.js +14 -12
  87. package/js/dist/util/component-functions.js.map +1 -1
  88. package/js/dist/util/config.js +14 -20
  89. package/js/dist/util/config.js.map +1 -1
  90. package/js/dist/util/focustrap.js +15 -23
  91. package/js/dist/util/focustrap.js.map +1 -1
  92. package/js/dist/util/index.js +41 -110
  93. package/js/dist/util/index.js.map +1 -1
  94. package/js/dist/util/sanitizer.js +10 -20
  95. package/js/dist/util/sanitizer.js.map +1 -1
  96. package/js/dist/util/scrollbar.js +20 -39
  97. package/js/dist/util/scrollbar.js.map +1 -1
  98. package/js/dist/util/swipe.js +19 -33
  99. package/js/dist/util/swipe.js.map +1 -1
  100. package/js/dist/util/template-factory.js +22 -42
  101. package/js/dist/util/template-factory.js.map +1 -1
  102. package/js/src/alert.js +5 -5
  103. package/js/src/base-component.js +6 -6
  104. package/js/src/button.js +4 -6
  105. package/js/src/carousel.js +8 -9
  106. package/js/src/collapse.js +9 -14
  107. package/js/src/dom/data.js +2 -2
  108. package/js/src/dom/event-handler.js +19 -16
  109. package/js/src/dom/manipulator.js +2 -2
  110. package/js/src/dom/selector-engine.js +49 -6
  111. package/js/src/dropdown.js +19 -9
  112. package/js/src/modal.js +26 -22
  113. package/js/src/navigation.js +7 -7
  114. package/js/src/offcanvas.js +11 -12
  115. package/js/src/popover.js +3 -3
  116. package/js/src/scrollspy.js +14 -10
  117. package/js/src/sidebar.js +7 -7
  118. package/js/src/tab.js +13 -23
  119. package/js/src/toast.js +13 -8
  120. package/js/src/tooltip.js +53 -75
  121. package/js/src/util/backdrop.js +7 -4
  122. package/js/src/util/component-functions.js +8 -4
  123. package/js/src/util/config.js +7 -5
  124. package/js/src/util/focustrap.js +7 -4
  125. package/js/src/util/index.js +21 -51
  126. package/js/src/util/sanitizer.js +4 -4
  127. package/js/src/util/scrollbar.js +7 -4
  128. package/js/src/util/swipe.js +7 -4
  129. package/js/src/util/template-factory.js +9 -6
  130. package/package.json +31 -30
  131. package/scss/_accordion.scss +7 -3
  132. package/scss/_button-group.scss +1 -1
  133. package/scss/_buttons.scss +31 -6
  134. package/scss/_carousel.scss +0 -3
  135. package/scss/_dropdown.scss +2 -1
  136. package/scss/_functions.scss +2 -2
  137. package/scss/_icon.scss +1 -1
  138. package/scss/_list-group.scss +6 -5
  139. package/scss/_modal.scss +1 -1
  140. package/scss/_nav.scss +2 -2
  141. package/scss/_navbar.scss +3 -1
  142. package/scss/_offcanvas.scss +5 -4
  143. package/scss/_pagination.scss +1 -1
  144. package/scss/_placeholders.scss +1 -1
  145. package/scss/_popover.scss +5 -5
  146. package/scss/_spinners.scss +2 -2
  147. package/scss/_toasts.scss +5 -2
  148. package/scss/_variables.scss +18 -16
  149. package/scss/coreui-grid.rtl.scss +1 -1
  150. package/scss/coreui-grid.scss +1 -1
  151. package/scss/coreui-reboot.rtl.scss +1 -1
  152. package/scss/coreui-reboot.scss +1 -1
  153. package/scss/coreui-utilities.rtl.scss +1 -1
  154. package/scss/coreui-utilities.scss +4 -1
  155. package/scss/coreui.rtl.scss +1 -1
  156. package/scss/coreui.scss +1 -1
  157. package/scss/forms/_floating-labels.scss +1 -0
  158. package/scss/forms/_input-group.scss +19 -8
  159. package/scss/helpers/_vr.scss +1 -1
  160. package/scss/mixins/_forms.scss +10 -11
  161. package/scss/mixins/_table-variants.scss +2 -2
  162. package/scss/mixins/_utilities.scss +1 -1
  163. package/scss/sidebar/_sidebar-nav.scss +2 -2
@@ -1,14 +1,14 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
3
  * CoreUI - HTML, CSS, and JavaScript UI Components Library
4
- * @version v4.2.2
4
+ * @version v4.2.3
5
5
  * @link https://coreui.io/
6
6
  * Copyright (c) 2022 creativeLabs Łukasz Holeczek
7
7
  * License MIT (https://coreui.io/license/)
8
8
  */
9
9
  /*!
10
10
  * CoreUI - HTML, CSS, and JavaScript UI Components Library
11
- * @version v4.2.2
11
+ * @version v4.2.3
12
12
  * @link https://coreui.io/
13
13
  * Copyright (c) 2022 creativeLabs Łukasz Holeczek
14
14
  * License MIT (https://coreui.io/license/)
@@ -1012,51 +1012,51 @@ progress {
1012
1012
  margin-right: 91.66666667%;
1013
1013
  }
1014
1014
  .g-sm-0,
1015
- .gx-sm-0 {
1015
+ .gx-sm-0 {
1016
1016
  --cui-gutter-x: 0;
1017
1017
  }
1018
1018
  .g-sm-0,
1019
- .gy-sm-0 {
1019
+ .gy-sm-0 {
1020
1020
  --cui-gutter-y: 0;
1021
1021
  }
1022
1022
  .g-sm-1,
1023
- .gx-sm-1 {
1023
+ .gx-sm-1 {
1024
1024
  --cui-gutter-x: 0.25rem;
1025
1025
  }
1026
1026
  .g-sm-1,
1027
- .gy-sm-1 {
1027
+ .gy-sm-1 {
1028
1028
  --cui-gutter-y: 0.25rem;
1029
1029
  }
1030
1030
  .g-sm-2,
1031
- .gx-sm-2 {
1031
+ .gx-sm-2 {
1032
1032
  --cui-gutter-x: 0.5rem;
1033
1033
  }
1034
1034
  .g-sm-2,
1035
- .gy-sm-2 {
1035
+ .gy-sm-2 {
1036
1036
  --cui-gutter-y: 0.5rem;
1037
1037
  }
1038
1038
  .g-sm-3,
1039
- .gx-sm-3 {
1039
+ .gx-sm-3 {
1040
1040
  --cui-gutter-x: 1rem;
1041
1041
  }
1042
1042
  .g-sm-3,
1043
- .gy-sm-3 {
1043
+ .gy-sm-3 {
1044
1044
  --cui-gutter-y: 1rem;
1045
1045
  }
1046
1046
  .g-sm-4,
1047
- .gx-sm-4 {
1047
+ .gx-sm-4 {
1048
1048
  --cui-gutter-x: 1.5rem;
1049
1049
  }
1050
1050
  .g-sm-4,
1051
- .gy-sm-4 {
1051
+ .gy-sm-4 {
1052
1052
  --cui-gutter-y: 1.5rem;
1053
1053
  }
1054
1054
  .g-sm-5,
1055
- .gx-sm-5 {
1055
+ .gx-sm-5 {
1056
1056
  --cui-gutter-x: 3rem;
1057
1057
  }
1058
1058
  .g-sm-5,
1059
- .gy-sm-5 {
1059
+ .gy-sm-5 {
1060
1060
  --cui-gutter-y: 3rem;
1061
1061
  }
1062
1062
  }
@@ -1181,51 +1181,51 @@ progress {
1181
1181
  margin-right: 91.66666667%;
1182
1182
  }
1183
1183
  .g-md-0,
1184
- .gx-md-0 {
1184
+ .gx-md-0 {
1185
1185
  --cui-gutter-x: 0;
1186
1186
  }
1187
1187
  .g-md-0,
1188
- .gy-md-0 {
1188
+ .gy-md-0 {
1189
1189
  --cui-gutter-y: 0;
1190
1190
  }
1191
1191
  .g-md-1,
1192
- .gx-md-1 {
1192
+ .gx-md-1 {
1193
1193
  --cui-gutter-x: 0.25rem;
1194
1194
  }
1195
1195
  .g-md-1,
1196
- .gy-md-1 {
1196
+ .gy-md-1 {
1197
1197
  --cui-gutter-y: 0.25rem;
1198
1198
  }
1199
1199
  .g-md-2,
1200
- .gx-md-2 {
1200
+ .gx-md-2 {
1201
1201
  --cui-gutter-x: 0.5rem;
1202
1202
  }
1203
1203
  .g-md-2,
1204
- .gy-md-2 {
1204
+ .gy-md-2 {
1205
1205
  --cui-gutter-y: 0.5rem;
1206
1206
  }
1207
1207
  .g-md-3,
1208
- .gx-md-3 {
1208
+ .gx-md-3 {
1209
1209
  --cui-gutter-x: 1rem;
1210
1210
  }
1211
1211
  .g-md-3,
1212
- .gy-md-3 {
1212
+ .gy-md-3 {
1213
1213
  --cui-gutter-y: 1rem;
1214
1214
  }
1215
1215
  .g-md-4,
1216
- .gx-md-4 {
1216
+ .gx-md-4 {
1217
1217
  --cui-gutter-x: 1.5rem;
1218
1218
  }
1219
1219
  .g-md-4,
1220
- .gy-md-4 {
1220
+ .gy-md-4 {
1221
1221
  --cui-gutter-y: 1.5rem;
1222
1222
  }
1223
1223
  .g-md-5,
1224
- .gx-md-5 {
1224
+ .gx-md-5 {
1225
1225
  --cui-gutter-x: 3rem;
1226
1226
  }
1227
1227
  .g-md-5,
1228
- .gy-md-5 {
1228
+ .gy-md-5 {
1229
1229
  --cui-gutter-y: 3rem;
1230
1230
  }
1231
1231
  }
@@ -1350,51 +1350,51 @@ progress {
1350
1350
  margin-right: 91.66666667%;
1351
1351
  }
1352
1352
  .g-lg-0,
1353
- .gx-lg-0 {
1353
+ .gx-lg-0 {
1354
1354
  --cui-gutter-x: 0;
1355
1355
  }
1356
1356
  .g-lg-0,
1357
- .gy-lg-0 {
1357
+ .gy-lg-0 {
1358
1358
  --cui-gutter-y: 0;
1359
1359
  }
1360
1360
  .g-lg-1,
1361
- .gx-lg-1 {
1361
+ .gx-lg-1 {
1362
1362
  --cui-gutter-x: 0.25rem;
1363
1363
  }
1364
1364
  .g-lg-1,
1365
- .gy-lg-1 {
1365
+ .gy-lg-1 {
1366
1366
  --cui-gutter-y: 0.25rem;
1367
1367
  }
1368
1368
  .g-lg-2,
1369
- .gx-lg-2 {
1369
+ .gx-lg-2 {
1370
1370
  --cui-gutter-x: 0.5rem;
1371
1371
  }
1372
1372
  .g-lg-2,
1373
- .gy-lg-2 {
1373
+ .gy-lg-2 {
1374
1374
  --cui-gutter-y: 0.5rem;
1375
1375
  }
1376
1376
  .g-lg-3,
1377
- .gx-lg-3 {
1377
+ .gx-lg-3 {
1378
1378
  --cui-gutter-x: 1rem;
1379
1379
  }
1380
1380
  .g-lg-3,
1381
- .gy-lg-3 {
1381
+ .gy-lg-3 {
1382
1382
  --cui-gutter-y: 1rem;
1383
1383
  }
1384
1384
  .g-lg-4,
1385
- .gx-lg-4 {
1385
+ .gx-lg-4 {
1386
1386
  --cui-gutter-x: 1.5rem;
1387
1387
  }
1388
1388
  .g-lg-4,
1389
- .gy-lg-4 {
1389
+ .gy-lg-4 {
1390
1390
  --cui-gutter-y: 1.5rem;
1391
1391
  }
1392
1392
  .g-lg-5,
1393
- .gx-lg-5 {
1393
+ .gx-lg-5 {
1394
1394
  --cui-gutter-x: 3rem;
1395
1395
  }
1396
1396
  .g-lg-5,
1397
- .gy-lg-5 {
1397
+ .gy-lg-5 {
1398
1398
  --cui-gutter-y: 3rem;
1399
1399
  }
1400
1400
  }
@@ -1519,51 +1519,51 @@ progress {
1519
1519
  margin-right: 91.66666667%;
1520
1520
  }
1521
1521
  .g-xl-0,
1522
- .gx-xl-0 {
1522
+ .gx-xl-0 {
1523
1523
  --cui-gutter-x: 0;
1524
1524
  }
1525
1525
  .g-xl-0,
1526
- .gy-xl-0 {
1526
+ .gy-xl-0 {
1527
1527
  --cui-gutter-y: 0;
1528
1528
  }
1529
1529
  .g-xl-1,
1530
- .gx-xl-1 {
1530
+ .gx-xl-1 {
1531
1531
  --cui-gutter-x: 0.25rem;
1532
1532
  }
1533
1533
  .g-xl-1,
1534
- .gy-xl-1 {
1534
+ .gy-xl-1 {
1535
1535
  --cui-gutter-y: 0.25rem;
1536
1536
  }
1537
1537
  .g-xl-2,
1538
- .gx-xl-2 {
1538
+ .gx-xl-2 {
1539
1539
  --cui-gutter-x: 0.5rem;
1540
1540
  }
1541
1541
  .g-xl-2,
1542
- .gy-xl-2 {
1542
+ .gy-xl-2 {
1543
1543
  --cui-gutter-y: 0.5rem;
1544
1544
  }
1545
1545
  .g-xl-3,
1546
- .gx-xl-3 {
1546
+ .gx-xl-3 {
1547
1547
  --cui-gutter-x: 1rem;
1548
1548
  }
1549
1549
  .g-xl-3,
1550
- .gy-xl-3 {
1550
+ .gy-xl-3 {
1551
1551
  --cui-gutter-y: 1rem;
1552
1552
  }
1553
1553
  .g-xl-4,
1554
- .gx-xl-4 {
1554
+ .gx-xl-4 {
1555
1555
  --cui-gutter-x: 1.5rem;
1556
1556
  }
1557
1557
  .g-xl-4,
1558
- .gy-xl-4 {
1558
+ .gy-xl-4 {
1559
1559
  --cui-gutter-y: 1.5rem;
1560
1560
  }
1561
1561
  .g-xl-5,
1562
- .gx-xl-5 {
1562
+ .gx-xl-5 {
1563
1563
  --cui-gutter-x: 3rem;
1564
1564
  }
1565
1565
  .g-xl-5,
1566
- .gy-xl-5 {
1566
+ .gy-xl-5 {
1567
1567
  --cui-gutter-y: 3rem;
1568
1568
  }
1569
1569
  }
@@ -1688,51 +1688,51 @@ progress {
1688
1688
  margin-right: 91.66666667%;
1689
1689
  }
1690
1690
  .g-xxl-0,
1691
- .gx-xxl-0 {
1691
+ .gx-xxl-0 {
1692
1692
  --cui-gutter-x: 0;
1693
1693
  }
1694
1694
  .g-xxl-0,
1695
- .gy-xxl-0 {
1695
+ .gy-xxl-0 {
1696
1696
  --cui-gutter-y: 0;
1697
1697
  }
1698
1698
  .g-xxl-1,
1699
- .gx-xxl-1 {
1699
+ .gx-xxl-1 {
1700
1700
  --cui-gutter-x: 0.25rem;
1701
1701
  }
1702
1702
  .g-xxl-1,
1703
- .gy-xxl-1 {
1703
+ .gy-xxl-1 {
1704
1704
  --cui-gutter-y: 0.25rem;
1705
1705
  }
1706
1706
  .g-xxl-2,
1707
- .gx-xxl-2 {
1707
+ .gx-xxl-2 {
1708
1708
  --cui-gutter-x: 0.5rem;
1709
1709
  }
1710
1710
  .g-xxl-2,
1711
- .gy-xxl-2 {
1711
+ .gy-xxl-2 {
1712
1712
  --cui-gutter-y: 0.5rem;
1713
1713
  }
1714
1714
  .g-xxl-3,
1715
- .gx-xxl-3 {
1715
+ .gx-xxl-3 {
1716
1716
  --cui-gutter-x: 1rem;
1717
1717
  }
1718
1718
  .g-xxl-3,
1719
- .gy-xxl-3 {
1719
+ .gy-xxl-3 {
1720
1720
  --cui-gutter-y: 1rem;
1721
1721
  }
1722
1722
  .g-xxl-4,
1723
- .gx-xxl-4 {
1723
+ .gx-xxl-4 {
1724
1724
  --cui-gutter-x: 1.5rem;
1725
1725
  }
1726
1726
  .g-xxl-4,
1727
- .gy-xxl-4 {
1727
+ .gy-xxl-4 {
1728
1728
  --cui-gutter-y: 1.5rem;
1729
1729
  }
1730
1730
  .g-xxl-5,
1731
- .gx-xxl-5 {
1731
+ .gx-xxl-5 {
1732
1732
  --cui-gutter-x: 3rem;
1733
1733
  }
1734
1734
  .g-xxl-5,
1735
- .gy-xxl-5 {
1735
+ .gy-xxl-5 {
1736
1736
  --cui-gutter-y: 3rem;
1737
1737
  }
1738
1738
  }
@@ -1767,7 +1767,7 @@ progress {
1767
1767
  }
1768
1768
 
1769
1769
  .table-group-divider {
1770
- border-top: 2px solid currentColor;
1770
+ border-top: 2px solid currentcolor;
1771
1771
  }
1772
1772
 
1773
1773
  .caption-top {
@@ -2500,6 +2500,7 @@ textarea.form-control-lg {
2500
2500
  height: 100%;
2501
2501
  padding: 1rem 0.75rem;
2502
2502
  overflow: hidden;
2503
+ text-align: start;
2503
2504
  text-overflow: ellipsis;
2504
2505
  white-space: nowrap;
2505
2506
  pointer-events: none;
@@ -2558,22 +2559,24 @@ textarea.form-control-lg {
2558
2559
  width: 100%;
2559
2560
  }
2560
2561
  .input-group > .form-control,
2561
- .input-group > .form-select {
2562
+ .input-group > .form-select,
2563
+ .input-group > .form-floating {
2562
2564
  position: relative;
2563
2565
  flex: 1 1 auto;
2564
2566
  width: 1%;
2565
2567
  min-width: 0;
2566
2568
  }
2567
2569
  .input-group > .form-control:focus,
2568
- .input-group > .form-select:focus {
2569
- z-index: 3;
2570
+ .input-group > .form-select:focus,
2571
+ .input-group > .form-floating:focus-within {
2572
+ z-index: 5;
2570
2573
  }
2571
2574
  .input-group .btn {
2572
2575
  position: relative;
2573
2576
  z-index: 2;
2574
2577
  }
2575
2578
  .input-group .btn:focus {
2576
- z-index: 3;
2579
+ z-index: 5;
2577
2580
  }
2578
2581
 
2579
2582
  .input-group-text {
@@ -2614,13 +2617,17 @@ textarea.form-control-lg {
2614
2617
  padding-left: 3rem;
2615
2618
  }
2616
2619
 
2617
- .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
2618
- .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
2620
+ .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
2621
+ .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
2622
+ .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
2623
+ .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
2619
2624
  border-top-left-radius: 0;
2620
2625
  border-bottom-left-radius: 0;
2621
2626
  }
2622
- .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
2623
- .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
2627
+ .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
2628
+ .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
2629
+ .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
2630
+ .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
2624
2631
  border-top-left-radius: 0;
2625
2632
  border-bottom-left-radius: 0;
2626
2633
  }
@@ -2629,6 +2636,11 @@ textarea.form-control-lg {
2629
2636
  border-top-right-radius: 0;
2630
2637
  border-bottom-right-radius: 0;
2631
2638
  }
2639
+ .input-group > .form-floating:not(:first-child) > .form-control,
2640
+ .input-group > .form-floating:not(:first-child) > .form-select {
2641
+ border-top-right-radius: 0;
2642
+ border-bottom-right-radius: 0;
2643
+ }
2632
2644
 
2633
2645
  .valid-feedback {
2634
2646
  display: none;
@@ -2712,14 +2724,11 @@ textarea.form-control-lg {
2712
2724
  margin-right: 0.5em;
2713
2725
  }
2714
2726
 
2715
- .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
2716
- .was-validated .input-group .form-select:valid,
2717
- .input-group .form-select.is-valid {
2718
- z-index: 1;
2719
- }
2720
- .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
2721
- .was-validated .input-group .form-select:valid:focus,
2722
- .input-group .form-select.is-valid:focus {
2727
+ .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
2728
+ .was-validated .input-group > .form-select:not(:focus):valid,
2729
+ .input-group > .form-select:not(:focus).is-valid,
2730
+ .was-validated .input-group > .form-floating:not(:focus-within):valid,
2731
+ .input-group > .form-floating:not(:focus-within).is-valid {
2723
2732
  z-index: 3;
2724
2733
  }
2725
2734
 
@@ -2805,15 +2814,12 @@ textarea.form-control-lg {
2805
2814
  margin-right: 0.5em;
2806
2815
  }
2807
2816
 
2808
- .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
2809
- .was-validated .input-group .form-select:invalid,
2810
- .input-group .form-select.is-invalid {
2811
- z-index: 2;
2812
- }
2813
- .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
2814
- .was-validated .input-group .form-select:invalid:focus,
2815
- .input-group .form-select.is-invalid:focus {
2816
- z-index: 3;
2817
+ .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
2818
+ .was-validated .input-group > .form-select:not(:focus):invalid,
2819
+ .input-group > .form-select:not(:focus).is-invalid,
2820
+ .was-validated .input-group > .form-floating:not(:focus-within):invalid,
2821
+ .input-group > .form-floating:not(:focus-within).is-invalid {
2822
+ z-index: 4;
2817
2823
  }
2818
2824
 
2819
2825
  .btn {
@@ -2828,6 +2834,7 @@ textarea.form-control-lg {
2828
2834
  --cui-btn-border-width: 1px;
2829
2835
  --cui-btn-border-color: transparent;
2830
2836
  --cui-btn-border-radius: 0.375rem;
2837
+ --cui-btn-hover-border-color: transparent;
2831
2838
  --cui-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 21, 0.075);
2832
2839
  --cui-btn-disabled-opacity: 0.65;
2833
2840
  --cui-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--cui-btn-focus-shadow-rgb), .5);
@@ -2858,19 +2865,29 @@ textarea.form-control-lg {
2858
2865
  background-color: var(--cui-btn-hover-bg);
2859
2866
  border-color: var(--cui-btn-hover-border-color);
2860
2867
  }
2861
- .btn-check:focus + .btn, .btn:focus {
2868
+ .btn-check + .btn:hover {
2869
+ color: var(--cui-btn-color);
2870
+ background-color: var(--cui-btn-bg);
2871
+ border-color: var(--cui-btn-border-color);
2872
+ }
2873
+ .btn:focus-visible {
2862
2874
  color: var(--cui-btn-hover-color);
2863
2875
  background-color: var(--cui-btn-hover-bg);
2864
2876
  border-color: var(--cui-btn-hover-border-color);
2865
2877
  outline: 0;
2866
2878
  box-shadow: var(--cui-btn-focus-box-shadow);
2867
2879
  }
2868
- .btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active, .btn.show {
2880
+ .btn-check:focus-visible + .btn {
2881
+ border-color: var(--cui-btn-hover-border-color);
2882
+ outline: 0;
2883
+ box-shadow: var(--cui-btn-focus-box-shadow);
2884
+ }
2885
+ .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
2869
2886
  color: var(--cui-btn-active-color);
2870
2887
  background-color: var(--cui-btn-active-bg);
2871
2888
  border-color: var(--cui-btn-active-border-color);
2872
2889
  }
2873
- .btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus, .btn.show:focus {
2890
+ .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
2874
2891
  box-shadow: var(--cui-btn-focus-box-shadow);
2875
2892
  }
2876
2893
  .btn:disabled, .btn.disabled, fieldset:disabled .btn {
@@ -3261,6 +3278,10 @@ textarea.form-control-lg {
3261
3278
  --cui-btn-focus-shadow-rgb: 75, 58, 223;
3262
3279
  text-decoration: underline;
3263
3280
  }
3281
+ .btn-link:focus-visible {
3282
+ color: var(--cui-btn-color);
3283
+ }
3284
+
3264
3285
  .btn-lg, .btn-group-lg > .btn {
3265
3286
  --cui-btn-padding-y: 0.5rem;
3266
3287
  --cui-btn-padding-x: 1rem;
@@ -3339,6 +3360,7 @@ textarea.form-control-lg {
3339
3360
  }
3340
3361
 
3341
3362
  .dropdown-menu {
3363
+ --cui-dropdown-zindex: 1000;
3342
3364
  --cui-dropdown-min-width: 10rem;
3343
3365
  --cui-dropdown-padding-x: 0;
3344
3366
  --cui-dropdown-padding-y: 0.5rem;
@@ -3365,7 +3387,7 @@ textarea.form-control-lg {
3365
3387
  --cui-dropdown-header-padding-x: 1rem;
3366
3388
  --cui-dropdown-header-padding-y: 0.5rem;
3367
3389
  position: absolute;
3368
- z-index: 1000;
3390
+ z-index: var(--cui-dropdown-zindex);
3369
3391
  display: none;
3370
3392
  min-width: var(--cui-dropdown-min-width);
3371
3393
  padding: var(--cui-dropdown-padding-y) var(--cui-dropdown-padding-x);
@@ -3665,7 +3687,7 @@ textarea.form-control-lg {
3665
3687
  .btn-group {
3666
3688
  border-radius: 0.375rem;
3667
3689
  }
3668
- .btn-group > .btn:not(:first-child),
3690
+ .btn-group > :not(.btn-check:first-child) + .btn,
3669
3691
  .btn-group > .btn-group:not(:first-child) {
3670
3692
  margin-right: -1px;
3671
3693
  }
@@ -3775,7 +3797,7 @@ textarea.form-control-lg {
3775
3797
  border-bottom: var(--cui-nav-tabs-border-width) solid var(--cui-nav-tabs-border-color);
3776
3798
  }
3777
3799
  .nav-tabs .nav-link {
3778
- margin-bottom: calc(var(--cui-nav-tabs-border-width) * -1);
3800
+ margin-bottom: calc(-1 * var(--cui-nav-tabs-border-width));
3779
3801
  background: none;
3780
3802
  border: var(--cui-nav-tabs-border-width) solid transparent;
3781
3803
  border-top-left-radius: var(--cui-nav-tabs-border-radius);
@@ -3797,7 +3819,7 @@ textarea.form-control-lg {
3797
3819
  border-color: var(--cui-nav-tabs-link-active-border-color);
3798
3820
  }
3799
3821
  .nav-tabs .dropdown-menu {
3800
- margin-top: calc(var(--cui-nav-tabs-border-width) * -1);
3822
+ margin-top: calc(-1 * var(--cui-nav-tabs-border-width));
3801
3823
  border-top-left-radius: 0;
3802
3824
  border-top-right-radius: 0;
3803
3825
  }
@@ -4437,11 +4459,11 @@ textarea.form-control-lg {
4437
4459
  border-bottom-left-radius: 0;
4438
4460
  }
4439
4461
  .card-group > .card:not(:last-child) .card-img-top,
4440
- .card-group > .card:not(:last-child) .card-header {
4462
+ .card-group > .card:not(:last-child) .card-header {
4441
4463
  border-top-right-radius: 0;
4442
4464
  }
4443
4465
  .card-group > .card:not(:last-child) .card-img-bottom,
4444
- .card-group > .card:not(:last-child) .card-footer {
4466
+ .card-group > .card:not(:last-child) .card-footer {
4445
4467
  border-bottom-right-radius: 0;
4446
4468
  }
4447
4469
  .card-group > .card:not(:first-child) {
@@ -4449,11 +4471,11 @@ textarea.form-control-lg {
4449
4471
  border-bottom-right-radius: 0;
4450
4472
  }
4451
4473
  .card-group > .card:not(:first-child) .card-img-top,
4452
- .card-group > .card:not(:first-child) .card-header {
4474
+ .card-group > .card:not(:first-child) .card-header {
4453
4475
  border-top-left-radius: 0;
4454
4476
  }
4455
4477
  .card-group > .card:not(:first-child) .card-img-bottom,
4456
- .card-group > .card:not(:first-child) .card-footer {
4478
+ .card-group > .card:not(:first-child) .card-footer {
4457
4479
  border-bottom-left-radius: 0;
4458
4480
  }
4459
4481
  }
@@ -4468,9 +4490,10 @@ textarea.form-control-lg {
4468
4490
  --cui-accordion-inner-border-radius: calc(0.375rem - 1px);
4469
4491
  --cui-accordion-btn-padding-x: 1.25rem;
4470
4492
  --cui-accordion-btn-padding-y: 1rem;
4471
- --cui-accordion-btn-color: var(--cui-body-color);
4493
+ --cui-accordion-btn-color: rgba(44, 56, 74, 0.95);
4494
+ --cui-accordion-btn-color: rgba(44, 56, 74, 0.95);
4472
4495
  --cui-accordion-btn-bg: var(--cui-accordion-bg);
4473
- --cui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--cui-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4496
+ --cui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%2844, 56, 74, 0.95%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4474
4497
  --cui-accordion-btn-icon-width: 1.25rem;
4475
4498
  --cui-accordion-btn-icon-transform: rotate(-180deg);
4476
4499
  --cui-accordion-btn-icon-transition: transform 0.2s ease-in-out;
@@ -4506,7 +4529,7 @@ textarea.form-control-lg {
4506
4529
  .accordion-button:not(.collapsed) {
4507
4530
  color: var(--cui-accordion-active-color);
4508
4531
  background-color: var(--cui-accordion-active-bg);
4509
- box-shadow: inset 0 calc(var(--cui-accordion-border-width) * -1) 0 var(--cui-accordion-border-color);
4532
+ box-shadow: inset 0 calc(-1 * var(--cui-accordion-border-width)) 0 var(--cui-accordion-border-color);
4510
4533
  }
4511
4534
  .accordion-button:not(.collapsed)::after {
4512
4535
  background-image: var(--cui-accordion-btn-active-icon);
@@ -4589,7 +4612,7 @@ textarea.form-control-lg {
4589
4612
  .accordion-flush .accordion-item:last-child {
4590
4613
  border-bottom: 0;
4591
4614
  }
4592
- .accordion-flush .accordion-item .accordion-button {
4615
+ .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
4593
4616
  border-radius: 0;
4594
4617
  }
4595
4618
 
@@ -5037,18 +5060,18 @@ textarea.form-control-lg {
5037
5060
  border-top-width: 0;
5038
5061
  }
5039
5062
  .list-group-item + .list-group-item.active {
5040
- margin-top: calc(var(--cui-list-group-border-width) * -1);
5063
+ margin-top: calc(-1 * var(--cui-list-group-border-width));
5041
5064
  border-top-width: var(--cui-list-group-border-width);
5042
5065
  }
5043
5066
 
5044
5067
  .list-group-horizontal {
5045
5068
  flex-direction: row;
5046
5069
  }
5047
- .list-group-horizontal > .list-group-item:first-child {
5070
+ .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
5048
5071
  border-bottom-right-radius: var(--cui-list-group-border-radius);
5049
5072
  border-top-left-radius: 0;
5050
5073
  }
5051
- .list-group-horizontal > .list-group-item:last-child {
5074
+ .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
5052
5075
  border-top-left-radius: var(--cui-list-group-border-radius);
5053
5076
  border-bottom-right-radius: 0;
5054
5077
  }
@@ -5060,7 +5083,7 @@ textarea.form-control-lg {
5060
5083
  border-right-width: 0;
5061
5084
  }
5062
5085
  .list-group-horizontal > .list-group-item + .list-group-item.active {
5063
- margin-right: calc(var(--cui-list-group-border-width) * -1);
5086
+ margin-right: calc(-1 * var(--cui-list-group-border-width));
5064
5087
  border-right-width: var(--cui-list-group-border-width);
5065
5088
  }
5066
5089
 
@@ -5068,11 +5091,11 @@ textarea.form-control-lg {
5068
5091
  .list-group-horizontal-sm {
5069
5092
  flex-direction: row;
5070
5093
  }
5071
- .list-group-horizontal-sm > .list-group-item:first-child {
5094
+ .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
5072
5095
  border-bottom-right-radius: var(--cui-list-group-border-radius);
5073
5096
  border-top-left-radius: 0;
5074
5097
  }
5075
- .list-group-horizontal-sm > .list-group-item:last-child {
5098
+ .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
5076
5099
  border-top-left-radius: var(--cui-list-group-border-radius);
5077
5100
  border-bottom-right-radius: 0;
5078
5101
  }
@@ -5084,7 +5107,7 @@ textarea.form-control-lg {
5084
5107
  border-right-width: 0;
5085
5108
  }
5086
5109
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
5087
- margin-right: calc(var(--cui-list-group-border-width) * -1);
5110
+ margin-right: calc(-1 * var(--cui-list-group-border-width));
5088
5111
  border-right-width: var(--cui-list-group-border-width);
5089
5112
  }
5090
5113
  }
@@ -5092,11 +5115,11 @@ textarea.form-control-lg {
5092
5115
  .list-group-horizontal-md {
5093
5116
  flex-direction: row;
5094
5117
  }
5095
- .list-group-horizontal-md > .list-group-item:first-child {
5118
+ .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
5096
5119
  border-bottom-right-radius: var(--cui-list-group-border-radius);
5097
5120
  border-top-left-radius: 0;
5098
5121
  }
5099
- .list-group-horizontal-md > .list-group-item:last-child {
5122
+ .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
5100
5123
  border-top-left-radius: var(--cui-list-group-border-radius);
5101
5124
  border-bottom-right-radius: 0;
5102
5125
  }
@@ -5108,7 +5131,7 @@ textarea.form-control-lg {
5108
5131
  border-right-width: 0;
5109
5132
  }
5110
5133
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
5111
- margin-right: calc(var(--cui-list-group-border-width) * -1);
5134
+ margin-right: calc(-1 * var(--cui-list-group-border-width));
5112
5135
  border-right-width: var(--cui-list-group-border-width);
5113
5136
  }
5114
5137
  }
@@ -5116,11 +5139,11 @@ textarea.form-control-lg {
5116
5139
  .list-group-horizontal-lg {
5117
5140
  flex-direction: row;
5118
5141
  }
5119
- .list-group-horizontal-lg > .list-group-item:first-child {
5142
+ .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
5120
5143
  border-bottom-right-radius: var(--cui-list-group-border-radius);
5121
5144
  border-top-left-radius: 0;
5122
5145
  }
5123
- .list-group-horizontal-lg > .list-group-item:last-child {
5146
+ .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
5124
5147
  border-top-left-radius: var(--cui-list-group-border-radius);
5125
5148
  border-bottom-right-radius: 0;
5126
5149
  }
@@ -5132,7 +5155,7 @@ textarea.form-control-lg {
5132
5155
  border-right-width: 0;
5133
5156
  }
5134
5157
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
5135
- margin-right: calc(var(--cui-list-group-border-width) * -1);
5158
+ margin-right: calc(-1 * var(--cui-list-group-border-width));
5136
5159
  border-right-width: var(--cui-list-group-border-width);
5137
5160
  }
5138
5161
  }
@@ -5140,11 +5163,11 @@ textarea.form-control-lg {
5140
5163
  .list-group-horizontal-xl {
5141
5164
  flex-direction: row;
5142
5165
  }
5143
- .list-group-horizontal-xl > .list-group-item:first-child {
5166
+ .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
5144
5167
  border-bottom-right-radius: var(--cui-list-group-border-radius);
5145
5168
  border-top-left-radius: 0;
5146
5169
  }
5147
- .list-group-horizontal-xl > .list-group-item:last-child {
5170
+ .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
5148
5171
  border-top-left-radius: var(--cui-list-group-border-radius);
5149
5172
  border-bottom-right-radius: 0;
5150
5173
  }
@@ -5156,7 +5179,7 @@ textarea.form-control-lg {
5156
5179
  border-right-width: 0;
5157
5180
  }
5158
5181
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
5159
- margin-right: calc(var(--cui-list-group-border-width) * -1);
5182
+ margin-right: calc(-1 * var(--cui-list-group-border-width));
5160
5183
  border-right-width: var(--cui-list-group-border-width);
5161
5184
  }
5162
5185
  }
@@ -5164,11 +5187,11 @@ textarea.form-control-lg {
5164
5187
  .list-group-horizontal-xxl {
5165
5188
  flex-direction: row;
5166
5189
  }
5167
- .list-group-horizontal-xxl > .list-group-item:first-child {
5190
+ .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
5168
5191
  border-bottom-right-radius: var(--cui-list-group-border-radius);
5169
5192
  border-top-left-radius: 0;
5170
5193
  }
5171
- .list-group-horizontal-xxl > .list-group-item:last-child {
5194
+ .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
5172
5195
  border-top-left-radius: var(--cui-list-group-border-radius);
5173
5196
  border-bottom-right-radius: 0;
5174
5197
  }
@@ -5180,7 +5203,7 @@ textarea.form-control-lg {
5180
5203
  border-right-width: 0;
5181
5204
  }
5182
5205
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
5183
- margin-right: calc(var(--cui-list-group-border-width) * -1);
5206
+ margin-right: calc(-1 * var(--cui-list-group-border-width));
5184
5207
  border-right-width: var(--cui-list-group-border-width);
5185
5208
  }
5186
5209
  }
@@ -5306,6 +5329,7 @@ textarea.form-control-lg {
5306
5329
  }
5307
5330
 
5308
5331
  .toast {
5332
+ --cui-toast-zindex: 1090;
5309
5333
  --cui-toast-padding-x: 0.75rem;
5310
5334
  --cui-toast-padding-y: 0.5rem;
5311
5335
  --cui-toast-spacing: 1.5rem;
@@ -5339,8 +5363,9 @@ textarea.form-control-lg {
5339
5363
  }
5340
5364
 
5341
5365
  .toast-container {
5366
+ --cui-toast-zindex: 1090;
5342
5367
  position: absolute;
5343
- z-index: 1090;
5368
+ z-index: var(--cui-toast-zindex);
5344
5369
  width: max-content;
5345
5370
  max-width: 100%;
5346
5371
  pointer-events: none;
@@ -5361,7 +5386,7 @@ textarea.form-control-lg {
5361
5386
  border-top-right-radius: calc(var(--cui-toast-border-radius) - var(--cui-toast-border-width));
5362
5387
  }
5363
5388
  .toast-header .btn-close {
5364
- margin-left: calc(var(--cui-toast-padding-x) * -0.5);
5389
+ margin-left: calc(-0.5 * var(--cui-toast-padding-x));
5365
5390
  margin-right: var(--cui-toast-padding-x);
5366
5391
  }
5367
5392
 
@@ -5488,7 +5513,7 @@ textarea.form-control-lg {
5488
5513
  }
5489
5514
  .modal-header .btn-close {
5490
5515
  padding: calc(var(--cui-modal-header-padding-y) * 0.5) calc(var(--cui-modal-header-padding-x) * 0.5);
5491
- margin: calc(var(--cui-modal-header-padding-y) * -0.5) auto calc(var(--cui-modal-header-padding-y) * -0.5) calc(var(--cui-modal-header-padding-x) * -0.5);
5516
+ margin: calc(-0.5 * var(--cui-modal-header-padding-y)) auto calc(-0.5 * var(--cui-modal-header-padding-y)) calc(-0.5 * var(--cui-modal-header-padding-x));
5492
5517
  }
5493
5518
 
5494
5519
  .modal-title {
@@ -5534,7 +5559,7 @@ textarea.form-control-lg {
5534
5559
  }
5535
5560
  @media (min-width: 992px) {
5536
5561
  .modal-lg,
5537
- .modal-xl {
5562
+ .modal-xl {
5538
5563
  --cui-modal-width: 800px;
5539
5564
  }
5540
5565
  }
@@ -5575,7 +5600,7 @@ textarea.form-control-lg {
5575
5600
  border-radius: 0;
5576
5601
  }
5577
5602
  .modal-fullscreen-sm-down .modal-header,
5578
- .modal-fullscreen-sm-down .modal-footer {
5603
+ .modal-fullscreen-sm-down .modal-footer {
5579
5604
  border-radius: 0;
5580
5605
  }
5581
5606
  .modal-fullscreen-sm-down .modal-body {
@@ -5595,7 +5620,7 @@ textarea.form-control-lg {
5595
5620
  border-radius: 0;
5596
5621
  }
5597
5622
  .modal-fullscreen-md-down .modal-header,
5598
- .modal-fullscreen-md-down .modal-footer {
5623
+ .modal-fullscreen-md-down .modal-footer {
5599
5624
  border-radius: 0;
5600
5625
  }
5601
5626
  .modal-fullscreen-md-down .modal-body {
@@ -5615,7 +5640,7 @@ textarea.form-control-lg {
5615
5640
  border-radius: 0;
5616
5641
  }
5617
5642
  .modal-fullscreen-lg-down .modal-header,
5618
- .modal-fullscreen-lg-down .modal-footer {
5643
+ .modal-fullscreen-lg-down .modal-footer {
5619
5644
  border-radius: 0;
5620
5645
  }
5621
5646
  .modal-fullscreen-lg-down .modal-body {
@@ -5635,7 +5660,7 @@ textarea.form-control-lg {
5635
5660
  border-radius: 0;
5636
5661
  }
5637
5662
  .modal-fullscreen-xl-down .modal-header,
5638
- .modal-fullscreen-xl-down .modal-footer {
5663
+ .modal-fullscreen-xl-down .modal-footer {
5639
5664
  border-radius: 0;
5640
5665
  }
5641
5666
  .modal-fullscreen-xl-down .modal-body {
@@ -5655,7 +5680,7 @@ textarea.form-control-lg {
5655
5680
  border-radius: 0;
5656
5681
  }
5657
5682
  .modal-fullscreen-xxl-down .modal-header,
5658
- .modal-fullscreen-xxl-down .modal-footer {
5683
+ .modal-fullscreen-xxl-down .modal-footer {
5659
5684
  border-radius: 0;
5660
5685
  }
5661
5686
  .modal-fullscreen-xxl-down .modal-body {
@@ -5778,7 +5803,7 @@ textarea.form-control-lg {
5778
5803
  --cui-popover-header-padding-x: 1rem;
5779
5804
  --cui-popover-header-padding-y: 0.5rem;
5780
5805
  --cui-popover-header-font-size: 1rem;
5781
- --cui-popover-header-color: var(--cui-heading-color);
5806
+ --cui-popover-header-color: unset;
5782
5807
  --cui-popover-header-bg: #f0f0f0;
5783
5808
  --cui-popover-body-padding-x: 1rem;
5784
5809
  --cui-popover-body-padding-y: 1rem;
@@ -5825,7 +5850,7 @@ textarea.form-control-lg {
5825
5850
  }
5826
5851
 
5827
5852
  .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
5828
- bottom: calc(var(--cui-popover-arrow-height) * -1 - var(--cui-popover-border-width));
5853
+ bottom: calc(-1 * (var(--cui-popover-arrow-height)) - var(--cui-popover-border-width));
5829
5854
  }
5830
5855
  .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
5831
5856
  border-width: var(--cui-popover-arrow-height) calc(var(--cui-popover-arrow-width) * 0.5) 0;
@@ -5841,7 +5866,7 @@ textarea.form-control-lg {
5841
5866
 
5842
5867
  /* rtl:begin:ignore */
5843
5868
  .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
5844
- left: calc(var(--cui-popover-arrow-height) * -1 - var(--cui-popover-border-width));
5869
+ left: calc(-1 * (var(--cui-popover-arrow-height)) - var(--cui-popover-border-width));
5845
5870
  width: var(--cui-popover-arrow-height);
5846
5871
  height: var(--cui-popover-arrow-width);
5847
5872
  }
@@ -5859,7 +5884,7 @@ textarea.form-control-lg {
5859
5884
 
5860
5885
  /* rtl:end:ignore */
5861
5886
  .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
5862
- top: calc(var(--cui-popover-arrow-height) * -1 - var(--cui-popover-border-width));
5887
+ top: calc(-1 * (var(--cui-popover-arrow-height)) - var(--cui-popover-border-width));
5863
5888
  }
5864
5889
  .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
5865
5890
  border-width: 0 calc(var(--cui-popover-arrow-width) * 0.5) var(--cui-popover-arrow-height);
@@ -5878,14 +5903,14 @@ textarea.form-control-lg {
5878
5903
  left: 50%;
5879
5904
  display: block;
5880
5905
  width: var(--cui-popover-arrow-width);
5881
- margin-left: calc(var(--cui-popover-arrow-width) * -0.5);
5906
+ margin-left: calc(-0.5 * var(--cui-popover-arrow-width));
5882
5907
  content: "";
5883
5908
  border-bottom: var(--cui-popover-border-width) solid var(--cui-popover-header-bg);
5884
5909
  }
5885
5910
 
5886
5911
  /* rtl:begin:ignore */
5887
5912
  .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
5888
- right: calc(var(--cui-popover-arrow-height) * -1 - var(--cui-popover-border-width));
5913
+ right: calc(-1 * (var(--cui-popover-arrow-height)) - var(--cui-popover-border-width));
5889
5914
  width: var(--cui-popover-arrow-height);
5890
5915
  height: var(--cui-popover-arrow-width);
5891
5916
  }
@@ -5961,7 +5986,6 @@ textarea.form-control-lg {
5961
5986
  display: block;
5962
5987
  }
5963
5988
 
5964
- /* rtl:begin:ignore */
5965
5989
  .carousel-item-next:not(.carousel-item-start),
5966
5990
  .active.carousel-item-end {
5967
5991
  transform: translateX(100%);
@@ -5972,7 +5996,6 @@ textarea.form-control-lg {
5972
5996
  transform: translateX(-100%);
5973
5997
  }
5974
5998
 
5975
- /* rtl:end:ignore */
5976
5999
  .carousel-fade .carousel-item {
5977
6000
  opacity: 0;
5978
6001
  transition-property: opacity;
@@ -5992,7 +6015,7 @@ textarea.form-control-lg {
5992
6015
  }
5993
6016
  @media (prefers-reduced-motion: reduce) {
5994
6017
  .carousel-fade .active.carousel-item-start,
5995
- .carousel-fade .active.carousel-item-end {
6018
+ .carousel-fade .active.carousel-item-end {
5996
6019
  transition: none;
5997
6020
  }
5998
6021
  }
@@ -6017,7 +6040,7 @@ textarea.form-control-lg {
6017
6040
  }
6018
6041
  @media (prefers-reduced-motion: reduce) {
6019
6042
  .carousel-control-prev,
6020
- .carousel-control-next {
6043
+ .carousel-control-next {
6021
6044
  transition: none;
6022
6045
  }
6023
6046
  }
@@ -6153,7 +6176,7 @@ textarea.form-control-lg {
6153
6176
  --cui-spinner-border-width: 0.25em;
6154
6177
  --cui-spinner-animation-speed: 0.75s;
6155
6178
  --cui-spinner-animation-name: spinner-border;
6156
- border: var(--cui-spinner-border-width) solid currentColor;
6179
+ border: var(--cui-spinner-border-width) solid currentcolor;
6157
6180
  border-right-color: transparent;
6158
6181
  }
6159
6182
 
@@ -6178,7 +6201,7 @@ textarea.form-control-lg {
6178
6201
  --cui-spinner-vertical-align: -0.125em;
6179
6202
  --cui-spinner-animation-speed: 0.75s;
6180
6203
  --cui-spinner-animation-name: spinner-grow;
6181
- background-color: currentColor;
6204
+ background-color: currentcolor;
6182
6205
  opacity: 0;
6183
6206
  }
6184
6207
 
@@ -6189,11 +6212,12 @@ textarea.form-control-lg {
6189
6212
 
6190
6213
  @media (prefers-reduced-motion: reduce) {
6191
6214
  .spinner-border,
6192
- .spinner-grow {
6215
+ .spinner-grow {
6193
6216
  --cui-spinner-animation-speed: 1.5s;
6194
6217
  }
6195
6218
  }
6196
6219
  .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
6220
+ --cui-offcanvas-zindex: 1045;
6197
6221
  --cui-offcanvas-width: 400px;
6198
6222
  --cui-offcanvas-height: 30vh;
6199
6223
  --cui-offcanvas-padding-x: 1rem;
@@ -6209,7 +6233,7 @@ textarea.form-control-lg {
6209
6233
  .offcanvas-sm {
6210
6234
  position: fixed;
6211
6235
  bottom: 0;
6212
- z-index: 1045;
6236
+ z-index: var(--cui-offcanvas-zindex);
6213
6237
  display: flex;
6214
6238
  flex-direction: column;
6215
6239
  max-width: 100%;
@@ -6297,7 +6321,7 @@ textarea.form-control-lg {
6297
6321
  .offcanvas-md {
6298
6322
  position: fixed;
6299
6323
  bottom: 0;
6300
- z-index: 1045;
6324
+ z-index: var(--cui-offcanvas-zindex);
6301
6325
  display: flex;
6302
6326
  flex-direction: column;
6303
6327
  max-width: 100%;
@@ -6385,7 +6409,7 @@ textarea.form-control-lg {
6385
6409
  .offcanvas-lg {
6386
6410
  position: fixed;
6387
6411
  bottom: 0;
6388
- z-index: 1045;
6412
+ z-index: var(--cui-offcanvas-zindex);
6389
6413
  display: flex;
6390
6414
  flex-direction: column;
6391
6415
  max-width: 100%;
@@ -6473,7 +6497,7 @@ textarea.form-control-lg {
6473
6497
  .offcanvas-xl {
6474
6498
  position: fixed;
6475
6499
  bottom: 0;
6476
- z-index: 1045;
6500
+ z-index: var(--cui-offcanvas-zindex);
6477
6501
  display: flex;
6478
6502
  flex-direction: column;
6479
6503
  max-width: 100%;
@@ -6561,7 +6585,7 @@ textarea.form-control-lg {
6561
6585
  .offcanvas-xxl {
6562
6586
  position: fixed;
6563
6587
  bottom: 0;
6564
- z-index: 1045;
6588
+ z-index: var(--cui-offcanvas-zindex);
6565
6589
  display: flex;
6566
6590
  flex-direction: column;
6567
6591
  max-width: 100%;
@@ -6648,7 +6672,7 @@ textarea.form-control-lg {
6648
6672
  .offcanvas {
6649
6673
  position: fixed;
6650
6674
  bottom: 0;
6651
- z-index: 1045;
6675
+ z-index: var(--cui-offcanvas-zindex);
6652
6676
  display: flex;
6653
6677
  flex-direction: column;
6654
6678
  max-width: 100%;
@@ -6726,9 +6750,9 @@ textarea.form-control-lg {
6726
6750
  }
6727
6751
  .offcanvas-header .btn-close {
6728
6752
  padding: calc(var(--cui-offcanvas-padding-y) * 0.5) calc(var(--cui-offcanvas-padding-x) * 0.5);
6729
- margin-top: calc(var(--cui-offcanvas-padding-y) * -0.5);
6730
- margin-left: calc(var(--cui-offcanvas-padding-x) * -0.5);
6731
- margin-bottom: calc(var(--cui-offcanvas-padding-y) * -0.5);
6753
+ margin-top: calc(-0.5 * var(--cui-offcanvas-padding-y));
6754
+ margin-left: calc(-0.5 * var(--cui-offcanvas-padding-x));
6755
+ margin-bottom: calc(-0.5 * var(--cui-offcanvas-padding-y));
6732
6756
  }
6733
6757
 
6734
6758
  .offcanvas-title {
@@ -6747,7 +6771,7 @@ textarea.form-control-lg {
6747
6771
  min-height: 1em;
6748
6772
  vertical-align: middle;
6749
6773
  cursor: wait;
6750
- background-color: currentColor;
6774
+ background-color: currentcolor;
6751
6775
  opacity: 0.5;
6752
6776
  }
6753
6777
  .placeholder.btn::before {
@@ -7140,7 +7164,7 @@ textarea.form-control-lg {
7140
7164
  color: inherit;
7141
7165
  text-align: center;
7142
7166
  vertical-align: -0.125rem;
7143
- fill: currentColor;
7167
+ fill: currentcolor;
7144
7168
  }
7145
7169
  .icon:not(.icon-c-s):not(.icon-custom-size) {
7146
7170
  width: 1rem;
@@ -7626,7 +7650,7 @@ textarea.form-control-lg {
7626
7650
  font-size: var(--cui-sidebar-nav-icon-font-size);
7627
7651
  color: var(--cui-sidebar-nav-link-icon-color);
7628
7652
  text-align: center;
7629
- fill: currentColor;
7653
+ fill: currentcolor;
7630
7654
  transition: inherit;
7631
7655
  }
7632
7656
  @media (prefers-reduced-motion: reduce) {
@@ -7728,18 +7752,18 @@ textarea.form-control-lg {
7728
7752
  display: block;
7729
7753
  }
7730
7754
  .sidebar-narrow-unfoldable:not(:hover) .d-narrow-none, .sidebar-narrow .d-narrow-none,
7731
- .sidebar-narrow-unfoldable:not(:hover) .nav-label,
7732
- .sidebar-narrow .nav-label,
7733
- .sidebar-narrow-unfoldable:not(:hover) .nav-title,
7734
- .sidebar-narrow .nav-title,
7735
- .sidebar-narrow-unfoldable:not(:hover) .nav-group-items,
7736
- .sidebar-narrow .nav-group-items,
7737
- .sidebar-narrow-unfoldable:not(:hover) .sidebar-footer,
7738
- .sidebar-narrow .sidebar-footer,
7739
- .sidebar-narrow-unfoldable:not(:hover) .sidebar-form,
7740
- .sidebar-narrow .sidebar-form,
7741
- .sidebar-narrow-unfoldable:not(:hover) .sidebar-header,
7742
- .sidebar-narrow .sidebar-header {
7755
+ .sidebar-narrow-unfoldable:not(:hover) .nav-label,
7756
+ .sidebar-narrow .nav-label,
7757
+ .sidebar-narrow-unfoldable:not(:hover) .nav-title,
7758
+ .sidebar-narrow .nav-title,
7759
+ .sidebar-narrow-unfoldable:not(:hover) .nav-group-items,
7760
+ .sidebar-narrow .nav-group-items,
7761
+ .sidebar-narrow-unfoldable:not(:hover) .sidebar-footer,
7762
+ .sidebar-narrow .sidebar-footer,
7763
+ .sidebar-narrow-unfoldable:not(:hover) .sidebar-form,
7764
+ .sidebar-narrow .sidebar-form,
7765
+ .sidebar-narrow-unfoldable:not(:hover) .sidebar-header,
7766
+ .sidebar-narrow .sidebar-header {
7743
7767
  height: 0 !important;
7744
7768
  padding: 0;
7745
7769
  margin: 0;
@@ -8157,7 +8181,7 @@ textarea.form-control-lg {
8157
8181
  width: 1px;
8158
8182
  min-height: 1em;
8159
8183
  padding: 0;
8160
- background-color: currentColor;
8184
+ background-color: currentcolor;
8161
8185
  opacity: 0.25;
8162
8186
  }
8163
8187