@unlk/keymaster 1.6.3 → 1.6.5

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 All notable changes to this project will be documented in this file.
 
+## [1.6.5] - 2026-06-24
+
+### Update
+- Button icon styles for sm and lg
+
+## [1.6.4] - 2026-06-12
+
+### Update
+- Button Disabled State
+
 ## [1.6.3] - 2026-05-28
 
 ### Update

package/dist/css/keymaster.css

@@ -20848,7 +20848,7 @@ textarea.form-control-lg {
 .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
   pointer-events: none;
   filter: none;
-  opacity: .65;
+  opacity: 1;
 }
 
 [data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) {
@@ -21270,7 +21270,7 @@ textarea.form-control-lg {
   --bs-btn-border-radius: var(--bs-border-radius);
   --bs-btn-hover-border-color: transparent;
   --bs-btn-box-shadow: inset 0 1px 0 #ffffff26, 0 1px 1px #00000013;
-  --bs-btn-disabled-opacity: .65;
+  --bs-btn-disabled-opacity: 1;
   --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
   padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
   font-family: var(--bs-btn-font-family);
@@ -21344,142 +21344,6 @@ textarea.form-control-lg {
   box-shadow: none;
 }
 
-.btn-outline-primary {
-  --bs-btn-color: #1f1f4f;
-  --bs-btn-border-color: #1f1f4f;
-  --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #1f1f4f;
-  --bs-btn-hover-border-color: #1f1f4f;
-  --bs-btn-focus-shadow-rgb: 31, 31, 79;
-  --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #1f1f4f;
-  --bs-btn-active-border-color: #1f1f4f;
-  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
-  --bs-btn-disabled-color: #1f1f4f;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #1f1f4f;
-  --bs-gradient: none;
-}
-
-.btn-outline-secondary {
-  --bs-btn-color: #fbcd18;
-  --bs-btn-border-color: #fbcd18;
-  --bs-btn-hover-color: #000;
-  --bs-btn-hover-bg: #fbcd18;
-  --bs-btn-hover-border-color: #fbcd18;
-  --bs-btn-focus-shadow-rgb: 251, 205, 24;
-  --bs-btn-active-color: #000;
-  --bs-btn-active-bg: #fbcd18;
-  --bs-btn-active-border-color: #fbcd18;
-  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
-  --bs-btn-disabled-color: #fbcd18;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #fbcd18;
-  --bs-gradient: none;
-}
-
-.btn-outline-success {
-  --bs-btn-color: #09cc8b;
-  --bs-btn-border-color: #09cc8b;
-  --bs-btn-hover-color: #000;
-  --bs-btn-hover-bg: #09cc8b;
-  --bs-btn-hover-border-color: #09cc8b;
-  --bs-btn-focus-shadow-rgb: 9, 204, 139;
-  --bs-btn-active-color: #000;
-  --bs-btn-active-bg: #09cc8b;
-  --bs-btn-active-border-color: #09cc8b;
-  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
-  --bs-btn-disabled-color: #09cc8b;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #09cc8b;
-  --bs-gradient: none;
-}
-
-.btn-outline-action {
-  --bs-btn-color: #02f;
-  --bs-btn-border-color: #02f;
-  --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #02f;
-  --bs-btn-hover-border-color: #02f;
-  --bs-btn-focus-shadow-rgb: 0, 34, 255;
-  --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #02f;
-  --bs-btn-active-border-color: #02f;
-  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
-  --bs-btn-disabled-color: #02f;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #02f;
-  --bs-gradient: none;
-}
-
-.btn-outline-warning {
-  --bs-btn-color: #ff6a1a;
-  --bs-btn-border-color: #ff6a1a;
-  --bs-btn-hover-color: #000;
-  --bs-btn-hover-bg: #ff6a1a;
-  --bs-btn-hover-border-color: #ff6a1a;
-  --bs-btn-focus-shadow-rgb: 255, 106, 26;
-  --bs-btn-active-color: #000;
-  --bs-btn-active-bg: #ff6a1a;
-  --bs-btn-active-border-color: #ff6a1a;
-  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
-  --bs-btn-disabled-color: #ff6a1a;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #ff6a1a;
-  --bs-gradient: none;
-}
-
-.btn-outline-danger {
-  --bs-btn-color: #e4263e;
-  --bs-btn-border-color: #e4263e;
-  --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #e4263e;
-  --bs-btn-hover-border-color: #e4263e;
-  --bs-btn-focus-shadow-rgb: 228, 38, 62;
-  --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #e4263e;
-  --bs-btn-active-border-color: #e4263e;
-  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
-  --bs-btn-disabled-color: #e4263e;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #e4263e;
-  --bs-gradient: none;
-}
-
-.btn-outline-light {
-  --bs-btn-color: #fff;
-  --bs-btn-border-color: #fff;
-  --bs-btn-hover-color: #000;
-  --bs-btn-hover-bg: #fff;
-  --bs-btn-hover-border-color: #fff;
-  --bs-btn-focus-shadow-rgb: 255, 255, 255;
-  --bs-btn-active-color: #000;
-  --bs-btn-active-bg: #fff;
-  --bs-btn-active-border-color: #fff;
-  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #fff;
-  --bs-gradient: none;
-}
-
-.btn-outline-dark {
-  --bs-btn-color: #1c1d1e;
-  --bs-btn-border-color: #1c1d1e;
-  --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #1c1d1e;
-  --bs-btn-hover-border-color: #1c1d1e;
-  --bs-btn-focus-shadow-rgb: 28, 29, 30;
-  --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #1c1d1e;
-  --bs-btn-active-border-color: #1c1d1e;
-  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
-  --bs-btn-disabled-color: #1c1d1e;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #1c1d1e;
-  --bs-gradient: none;
-}
-
 .btn-link {
   --bs-btn-font-weight: 400;
   --bs-btn-color: var(--bs-link-color);
@@ -33355,12 +33219,12 @@ textarea.form-control-lg {
   display: inline-flex;
 }
 
-.btn > i:first-child, .btn > .icon:first-child {
+.btn > i:first-child:not(:only-child), .btn > .icon:first-child:not(:only-child) {
   width: fit-content;
   margin-right: .5rem;
 }
 
-.btn > i:last-child, .btn > .icon:last-child {
+.btn > i:last-child:not(:only-child), .btn > .icon:last-child:not(:only-child) {
   width: fit-content;
   margin-left: .5rem;
 }
@@ -33377,9 +33241,26 @@ textarea.form-control-lg {
   --bs-btn-active-bg: #13132f;
   --bs-btn-active-border-color: #13132f;
   --bs-btn-active-shadow: inset 0 3px 5px #00000020;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #1f1f4f;
-  --bs-btn-disabled-border-color: #1f1f4f;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-bg: #d0d2d6;
+  --bs-btn-disabled-border-color: #d0d2d6;
+}
+
+.btn-outline-primary {
+  --bs-btn-color: #1f1f4f;
+  --bs-btn-border-color: #1f1f4f;
+  --bs-btn-hover-color: #1f1f4f;
+  --bs-btn-hover-bg: #e9e9ed;
+  --bs-btn-hover-border-color: #1f1f4f;
+  --bs-btn-focus-shadow-rgb: 31, 31, 79;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #19193f;
+  --bs-btn-active-border-color: #19193f;
+  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #d0d2d6;
+  --bs-gradient: none;
 }
 
 .btn-icon-primary {
@@ -33396,9 +33277,9 @@ textarea.form-control-lg {
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: #13132f;
   --bs-btn-active-border-color: #13132f;
-  --bs-btn-disabled-bg: #1f1f4f;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-border-color: #1f1f4f;
+  --bs-btn-disabled-bg: #d0d2d6;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-border-color: #d0d2d6;
   width: 2.5rem;
   height: 2.5rem;
   line-height: 1;
@@ -33418,8 +33299,8 @@ textarea.form-control-lg {
   --bs-btn-active-bg: #13132f;
   --bs-btn-active-border-color: #13132f;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-color: #1f1f4f;
-  --bs-btn-disabled-border-color: #1f1f4f;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-border-color: #d0d2d6;
   width: 2.5rem;
   height: 2.5rem;
   line-height: 1;
@@ -33437,9 +33318,26 @@ textarea.form-control-lg {
   --bs-btn-active-bg: #fde174;
   --bs-btn-active-border-color: #fde174;
   --bs-btn-active-shadow: inset 0 3px 5px #00000020;
-  --bs-btn-disabled-color: #1c1d1e;
-  --bs-btn-disabled-bg: #fbcd18;
-  --bs-btn-disabled-border-color: #fbcd18;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-bg: #d0d2d6;
+  --bs-btn-disabled-border-color: #d0d2d6;
+}
+
+.btn-outline-secondary {
+  --bs-btn-color: #fbcd18;
+  --bs-btn-border-color: #fbcd18;
+  --bs-btn-hover-color: #fbcd18;
+  --bs-btn-hover-bg: #fffae8;
+  --bs-btn-hover-border-color: #fbcd18;
+  --bs-btn-focus-shadow-rgb: 251, 205, 24;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: #c9a413;
+  --bs-btn-active-border-color: #c9a413;
+  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #d0d2d6;
+  --bs-gradient: none;
 }
 
 .btn-icon-secondary {
@@ -33456,9 +33354,9 @@ textarea.form-control-lg {
   --bs-btn-active-color: #000;
   --bs-btn-active-bg: #fde174;
   --bs-btn-active-border-color: #fde174;
-  --bs-btn-disabled-bg: #fbcd18;
-  --bs-btn-disabled-color: #000;
-  --bs-btn-disabled-border-color: #fbcd18;
+  --bs-btn-disabled-bg: #d0d2d6;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-border-color: #d0d2d6;
   width: 2.5rem;
   height: 2.5rem;
   line-height: 1;
@@ -33478,8 +33376,8 @@ textarea.form-control-lg {
   --bs-btn-active-bg: #977b0e;
   --bs-btn-active-border-color: #977b0e;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-color: #fbcd18;
-  --bs-btn-disabled-border-color: #fbcd18;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-border-color: #d0d2d6;
   width: 2.5rem;
   height: 2.5rem;
   line-height: 1;
@@ -33497,9 +33395,26 @@ textarea.form-control-lg {
   --bs-btn-active-bg: #057a53;
   --bs-btn-active-border-color: #057a53;
   --bs-btn-active-shadow: inset 0 3px 5px #00000020;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #09cc8b;
-  --bs-btn-disabled-border-color: #09cc8b;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-bg: #d0d2d6;
+  --bs-btn-disabled-border-color: #d0d2d6;
+}
+
+.btn-outline-success {
+  --bs-btn-color: #09cc8b;
+  --bs-btn-border-color: #09cc8b;
+  --bs-btn-hover-color: #09cc8b;
+  --bs-btn-hover-bg: #e6faf3;
+  --bs-btn-hover-border-color: #09cc8b;
+  --bs-btn-focus-shadow-rgb: 9, 204, 139;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: #07a36f;
+  --bs-btn-active-border-color: #07a36f;
+  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #d0d2d6;
+  --bs-gradient: none;
 }
 
 .btn-icon-success {
@@ -33516,9 +33431,9 @@ textarea.form-control-lg {
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: #057a53;
   --bs-btn-active-border-color: #057a53;
-  --bs-btn-disabled-bg: #09cc8b;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-border-color: #09cc8b;
+  --bs-btn-disabled-bg: #d0d2d6;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-border-color: #d0d2d6;
   width: 2.5rem;
   height: 2.5rem;
   line-height: 1;
@@ -33538,8 +33453,8 @@ textarea.form-control-lg {
   --bs-btn-active-bg: #057a53;
   --bs-btn-active-border-color: #057a53;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-color: #09cc8b;
-  --bs-btn-disabled-border-color: #09cc8b;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-border-color: #d0d2d6;
   width: 2.5rem;
   height: 2.5rem;
   line-height: 1;
@@ -33556,7 +33471,7 @@ textarea.form-control-lg {
   --bs-btn-active-color: #fff;
   --bs-btn-active-border-color: transparent;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-color: #b9bcc1;
+  --bs-btn-disabled-color: #a1a5ad;
   --bs-btn-disabled-border-color: transparent;
   --bs-btn-focus-shadow-rgb: 65, 65, 105;
   text-decoration: none;
@@ -33574,9 +33489,26 @@ textarea.form-control-lg {
   --bs-btn-active-bg: #001499;
   --bs-btn-active-border-color: #001499;
   --bs-btn-active-shadow: inset 0 3px 5px #00000020;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #02f;
-  --bs-btn-disabled-border-color: #02f;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-bg: #d0d2d6;
+  --bs-btn-disabled-border-color: #d0d2d6;
+}
+
+.btn-outline-action {
+  --bs-btn-color: #02f;
+  --bs-btn-border-color: #02f;
+  --bs-btn-hover-color: #02f;
+  --bs-btn-hover-bg: #e6e9ff;
+  --bs-btn-hover-border-color: #02f;
+  --bs-btn-focus-shadow-rgb: 0, 34, 255;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #001bcc;
+  --bs-btn-active-border-color: #001bcc;
+  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #d0d2d6;
+  --bs-gradient: none;
 }
 
 .btn-icon-action {
@@ -33593,9 +33525,9 @@ textarea.form-control-lg {
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: #001499;
   --bs-btn-active-border-color: #001499;
-  --bs-btn-disabled-bg: #02f;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-border-color: #02f;
+  --bs-btn-disabled-bg: #d0d2d6;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-border-color: #d0d2d6;
   width: 2.5rem;
   height: 2.5rem;
   line-height: 1;
@@ -33615,8 +33547,8 @@ textarea.form-control-lg {
   --bs-btn-active-bg: #001499;
   --bs-btn-active-border-color: #001499;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-color: #02f;
-  --bs-btn-disabled-border-color: #02f;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-border-color: #d0d2d6;
   width: 2.5rem;
   height: 2.5rem;
   line-height: 1;
@@ -33634,9 +33566,26 @@ textarea.form-control-lg {
   --bs-btn-active-bg: #994010;
   --bs-btn-active-border-color: #994010;
   --bs-btn-active-shadow: inset 0 3px 5px #00000020;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #ff6a1a;
-  --bs-btn-disabled-border-color: #ff6a1a;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-bg: #d0d2d6;
+  --bs-btn-disabled-border-color: #d0d2d6;
+}
+
+.btn-outline-warning {
+  --bs-btn-color: #ff6a1a;
+  --bs-btn-border-color: #ff6a1a;
+  --bs-btn-hover-color: #ff6a1a;
+  --bs-btn-hover-bg: #fff0e8;
+  --bs-btn-hover-border-color: #ff6a1a;
+  --bs-btn-focus-shadow-rgb: 255, 106, 26;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: #cc5515;
+  --bs-btn-active-border-color: #cc5515;
+  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #d0d2d6;
+  --bs-gradient: none;
 }
 
 .btn-icon-warning {
@@ -33653,9 +33602,9 @@ textarea.form-control-lg {
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: #994010;
   --bs-btn-active-border-color: #994010;
-  --bs-btn-disabled-bg: #ff6a1a;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-border-color: #ff6a1a;
+  --bs-btn-disabled-bg: #d0d2d6;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-border-color: #d0d2d6;
   width: 2.5rem;
   height: 2.5rem;
   line-height: 1;
@@ -33675,8 +33624,8 @@ textarea.form-control-lg {
   --bs-btn-active-bg: #994010;
   --bs-btn-active-border-color: #994010;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-color: #ff6a1a;
-  --bs-btn-disabled-border-color: #ff6a1a;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-border-color: #d0d2d6;
   width: 2.5rem;
   height: 2.5rem;
   line-height: 1;
@@ -33694,9 +33643,26 @@ textarea.form-control-lg {
   --bs-btn-active-bg: #891725;
   --bs-btn-active-border-color: #891725;
   --bs-btn-active-shadow: inset 0 3px 5px #00000020;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #e4263e;
-  --bs-btn-disabled-border-color: #e4263e;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-bg: #d0d2d6;
+  --bs-btn-disabled-border-color: #d0d2d6;
+}
+
+.btn-outline-danger {
+  --bs-btn-color: #e4263e;
+  --bs-btn-border-color: #e4263e;
+  --bs-btn-hover-color: #e4263e;
+  --bs-btn-hover-bg: #fce9ec;
+  --bs-btn-hover-border-color: #e4263e;
+  --bs-btn-focus-shadow-rgb: 228, 38, 62;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #b61e32;
+  --bs-btn-active-border-color: #b61e32;
+  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #d0d2d6;
+  --bs-gradient: none;
 }
 
 .btn-icon-danger {
@@ -33713,9 +33679,9 @@ textarea.form-control-lg {
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: #891725;
   --bs-btn-active-border-color: #891725;
-  --bs-btn-disabled-bg: #e4263e;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-border-color: #e4263e;
+  --bs-btn-disabled-bg: #d0d2d6;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-border-color: #d0d2d6;
   width: 2.5rem;
   height: 2.5rem;
   line-height: 1;
@@ -33735,8 +33701,8 @@ textarea.form-control-lg {
   --bs-btn-active-bg: #891725;
   --bs-btn-active-border-color: #891725;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-color: #e4263e;
-  --bs-btn-disabled-border-color: #e4263e;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-border-color: #d0d2d6;
   width: 2.5rem;
   height: 2.5rem;
   line-height: 1;
@@ -33754,9 +33720,26 @@ textarea.form-control-lg {
   --bs-btn-active-bg: #999;
   --bs-btn-active-border-color: #999;
   --bs-btn-active-shadow: inset 0 3px 5px #00000020;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: white;
-  --bs-btn-disabled-border-color: white;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-bg: #d0d2d6;
+  --bs-btn-disabled-border-color: #d0d2d6;
+}
+
+.btn-outline-light {
+  --bs-btn-color: #fff;
+  --bs-btn-border-color: #fff;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: white;
+  --bs-btn-hover-border-color: #fff;
+  --bs-btn-focus-shadow-rgb: 255, 255, 255;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: #ccc;
+  --bs-btn-active-border-color: #ccc;
+  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #d0d2d6;
+  --bs-gradient: none;
 }
 
 .btn-icon-light {
@@ -33773,9 +33756,9 @@ textarea.form-control-lg {
   --bs-btn-active-color: #000;
   --bs-btn-active-bg: #999;
   --bs-btn-active-border-color: #999;
-  --bs-btn-disabled-bg: white;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-border-color: white;
+  --bs-btn-disabled-bg: #d0d2d6;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-border-color: #d0d2d6;
   width: 2.5rem;
   height: 2.5rem;
   line-height: 1;
@@ -33795,8 +33778,8 @@ textarea.form-control-lg {
   --bs-btn-active-bg: #999;
   --bs-btn-active-border-color: #999;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-color: white;
-  --bs-btn-disabled-border-color: white;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-border-color: #d0d2d6;
   width: 2.5rem;
   height: 2.5rem;
   line-height: 1;
@@ -33814,9 +33797,26 @@ textarea.form-control-lg {
   --bs-btn-active-bg: #111112;
   --bs-btn-active-border-color: #111112;
   --bs-btn-active-shadow: inset 0 3px 5px #00000020;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #1c1d1e;
-  --bs-btn-disabled-border-color: #1c1d1e;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-bg: #d0d2d6;
+  --bs-btn-disabled-border-color: #d0d2d6;
+}
+
+.btn-outline-dark {
+  --bs-btn-color: #1c1d1e;
+  --bs-btn-border-color: #1c1d1e;
+  --bs-btn-hover-color: #1c1d1e;
+  --bs-btn-hover-bg: #e8e8e9;
+  --bs-btn-hover-border-color: #1c1d1e;
+  --bs-btn-focus-shadow-rgb: 28, 29, 30;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #161718;
+  --bs-btn-active-border-color: #161718;
+  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #d0d2d6;
+  --bs-gradient: none;
 }
 
 .btn-icon-dark {
@@ -33833,9 +33833,9 @@ textarea.form-control-lg {
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: #111112;
   --bs-btn-active-border-color: #111112;
-  --bs-btn-disabled-bg: #1c1d1e;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-border-color: #1c1d1e;
+  --bs-btn-disabled-bg: #d0d2d6;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-border-color: #d0d2d6;
   width: 2.5rem;
   height: 2.5rem;
   line-height: 1;
@@ -33855,8 +33855,8 @@ textarea.form-control-lg {
   --bs-btn-active-bg: #111112;
   --bs-btn-active-border-color: #111112;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-color: #1c1d1e;
-  --bs-btn-disabled-border-color: #1c1d1e;
+  --bs-btn-disabled-color: #a1a5ad;
+  --bs-btn-disabled-border-color: #d0d2d6;
   width: 2.5rem;
   height: 2.5rem;
   line-height: 1;
@@ -33874,19 +33874,19 @@ textarea.form-control-lg {
   height: 3rem;
 }
 
-.btn-sm > i:first-child, .btn-group-sm > .btn > i:first-child, .btn-sm > .icon:first-child, .btn-group-sm > .btn > .icon:first-child {
+.btn-sm > i:first-child:not(:only-child), .btn-group-sm > .btn > i:first-child:not(:only-child), .btn-sm > .icon:first-child:not(:only-child), .btn-group-sm > .btn > .icon:first-child:not(:only-child) {
   margin-right: .375rem;
 }
 
-.btn-sm > i:last-child, .btn-group-sm > .btn > i:last-child, .btn-sm > .icon:last-child, .btn-group-sm > .btn > .icon:last-child {
+.btn-sm > i:last-child:not(:only-child), .btn-group-sm > .btn > i:last-child:not(:only-child), .btn-sm > .icon:last-child:not(:only-child), .btn-group-sm > .btn > .icon:last-child:not(:only-child) {
   margin-left: .375rem;
 }
 
-.btn-lg > i:first-child, .btn-group-lg > .btn > i:first-child, .btn-lg > .icon:first-child, .btn-group-lg > .btn > .icon:first-child {
+.btn-lg > i:first-child:not(:only-child), .btn-group-lg > .btn > i:first-child:not(:only-child), .btn-lg > .icon:first-child:not(:only-child), .btn-group-lg > .btn > .icon:first-child:not(:only-child) {
   margin-right: .625rem;
 }
 
-.btn-lg > i:last-child, .btn-group-lg > .btn > i:last-child, .btn-lg > .icon:last-child, .btn-group-lg > .btn > .icon:last-child {
+.btn-lg > i:last-child:not(:only-child), .btn-group-lg > .btn > i:last-child:not(:only-child), .btn-lg > .icon:last-child:not(:only-child), .btn-group-lg > .btn > .icon:last-child:not(:only-child) {
   margin-left: .625rem;
 }