@unlk/keymaster 1.4.7 → 1.4.8

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 
 All notable changes to this project will be documented in this file.
 
+## [1.4.8] - 2026-04-23
+
+### Update
+- Accordion Styles
+
 ## [1.4.7] - 2026-04-13
 
 ### Add

package/dist/css/keymaster.css

@@ -21866,7 +21866,7 @@
 }
 
 /*!
- * Keymaster  v1.4.7 (https://keymaster.unlock.com)
+ * Keymaster  v1.4.8 (https://keymaster.unlock.com)
  * Copyright 2022-2025 Unlk Developers
  * Licensed under MIT
  */
@@ -26636,26 +26636,26 @@ textarea.form-control-lg {
 
 .accordion {
   --bs-accordion-color: var(--bs-body-color);
-  --bs-accordion-bg: rgb(242.25, 243.95, 255);
+  --bs-accordion-bg: transparent;
   --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
   --bs-accordion-border-color: var(--bs-border-color);
-  --bs-accordion-border-width: var(--bs-border-width);
-  --bs-accordion-border-radius: var(--bs-border-radius-sm);
-  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius-sm) - (var(--bs-border-width)));
+  --bs-accordion-border-width: 0.0625rem;
+  --bs-accordion-border-radius: 0;
+  --bs-accordion-inner-border-radius: -0.0625rem;
   --bs-accordion-btn-padding-x: 1.25rem;
   --bs-accordion-btn-padding-y: 1rem;
   --bs-accordion-btn-color: var(--bs-body-color);
-  --bs-accordion-btn-bg: var(--bs-body-bg);
-  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24' fill='rgb%2827.6, 28.6, 30.4%29'%3e%3cpath d='M11.1,18.3c0.5,0.5,1.4,0.5,1.9,0L23.6,7.6c0.5-0.5,0.5-1.4,0-1.9c-0.5-0.5-1.4-0.5-1.9,0L12,15.5L2.3,5.7c-0.5-0.5-1.4-0.5-1.9,0s-0.5,1.4,0,1.9L11.1,18.3z'/%3e%3c/svg%3e");
-  --bs-accordion-btn-icon-width: 1.25rem;
+  --bs-accordion-btn-bg: transparent;
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='%2302f'%3e%3cpath d='M12.6923 1.69231C12.6923 0.75625 11.9361 0 11 0C10.0639 0 9.30769 0.75625 9.30769 1.69231V9.30769H1.69231C0.75625 9.30769 0 10.0639 0 11C0 11.9361 0.75625 12.6923 1.69231 12.6923H9.30769V20.3077C9.30769 21.2438 10.0639 22 11 22C11.9361 22 12.6923 21.2438 12.6923 20.3077V12.6923H20.3077C21.2438 12.6923 22 11.9361 22 11C22 10.0639 21.2438 9.30769 20.3077 9.30769H12.6923V1.69231Z'/%3e%3c/svg%3e");
+  --bs-accordion-btn-icon-width: 1rem;
   --bs-accordion-btn-icon-transform: rotate(-180deg);
   --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
-  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24' fill='%23fff'%3e%3cpath d='M11.1,18.3c0.5,0.5,1.4,0.5,1.9,0L23.6,7.6c0.5-0.5,0.5-1.4,0-1.9c-0.5-0.5-1.4-0.5-1.9,0L12,15.5L2.3,5.7c-0.5-0.5-1.4-0.5-1.9,0s-0.5,1.4,0,1.9L11.1,18.3z'/%3e%3c/svg%3e");
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 25' fill='%2302f'%3e%3cpath d='M21.2143 12.5C21.2143 13.3643 20.512 14.0625 19.6428 14.0625H2.35713C1.48794 14.0625 0.785706 13.3643 0.785706 12.5C0.785706 11.6357 1.48794 10.9375 2.35713 10.9375H19.6428C20.512 10.9375 21.2143 11.6357 21.2143 12.5Z'/%3e%3c/svg%3e");
   --bs-accordion-btn-focus-box-shadow: none;
   --bs-accordion-body-padding-x: 1.25rem;
   --bs-accordion-body-padding-y: 1rem;
-  --bs-accordion-active-color: var(--bs-light);
-  --bs-accordion-active-bg: var(--bs-foundation);
+  --bs-accordion-active-color: rgb(27.6, 28.6, 30.4);
+  --bs-accordion-active-bg: transparent;
 }
 
 .accordion-button {
@@ -30567,8 +30567,7 @@ textarea.form-control-lg {
   font-family: var(--bs-font-monospace) !important;
 }
 
-.fs-1, .form-check-tiled .form-check-label i, .accordion .accordion-button,
-.accordion .accordion-body {
+.fs-1, .form-check-tiled .form-check-label i {
   font-size: 1.25rem !important;
 }
 
@@ -30580,7 +30579,7 @@ textarea.form-control-lg {
   font-size: 1rem !important;
 }
 
-.fs-4 {
+.fs-4, .accordion .accordion-body {
   font-size: 0.875rem !important;
 }
 
@@ -36507,25 +36506,50 @@ textarea.form-control-lg {
 }
 
 .accordion {
-  --bs-accordion-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   border-radius: var(--bs-accordion-border-radius);
+  border: 0;
+}
+.accordion .accordion-button {
+  font-weight: 500;
+}
+.accordion .accordion-button:not(.collapsed) {
+  box-shadow: none;
+}
+.accordion .accordion-body {
+  padding-top: 0;
+}
+.accordion .accordion-item {
+  border-top: 0;
+  border-right: 0;
+  border-left: 0;
+}
+.accordion :not(.accordion-alt) .accordion-item:last-child {
+  border-bottom: 0;
+}
+
+.accordion-flush {
+  --bs-accordion-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   box-shadow: var(--bs-accordion-box-shadow);
+  padding: 0 1rem 0;
+  border-radius: 0.5rem;
 }
+
 .accordion-alt {
-  --bs-accordion-alt-bg: rgb(231.6, 232.6, 234.4);
-  --bs-accordion-alt-btn-bg: rgb(231.6, 232.6, 234.4);
-  --bs-accordion-alt-border-width: 0.125rem;
-  --bs-accordion-alt-border-color: rgb(208.2, 210.2, 213.8);
+  --bs-accordion-alt-bg: rgb(229.5, 232.9, 255);
+  --bs-accordion-alt-btn-bg: rgb(229.5, 232.9, 255);
+  --bs-accordion-alt-border-width: 0.09375rem;
+  --bs-accordion-alt-border-active-width: 0.125rem;
+  --bs-accordion-alt-border-color: #02f;
   --bs-accordion-alt-border-radius: var(--bs-border-radius-lg);
-  --bs-accordion-alt-btn-icon-width: 1.375rem;
-  --bs-accordion-alt-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='rgb%2827.6, 28.6, 30.4%29'%3e%3cpath d='M12.6923 1.69231C12.6923 0.75625 11.9361 0 11 0C10.0639 0 9.30769 0.75625 9.30769 1.69231V9.30769H1.69231C0.75625 9.30769 0 10.0639 0 11C0 11.9361 0.75625 12.6923 1.69231 12.6923H9.30769V20.3077C9.30769 21.2438 10.0639 22 11 22C11.9361 22 12.6923 21.2438 12.6923 20.3077V12.6923H20.3077C21.2438 12.6923 22 11.9361 22 11C22 10.0639 21.2438 9.30769 20.3077 9.30769H12.6923V1.69231Z'/%3e%3c/svg%3e");
-  --bs-accordion-alt-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 25' fill='rgb%2827.6, 28.6, 30.4%29'%3e%3cpath d='M21.2143 12.5C21.2143 13.3643 20.512 14.0625 19.6428 14.0625H2.35713C1.48794 14.0625 0.785706 13.3643 0.785706 12.5C0.785706 11.6357 1.48794 10.9375 2.35713 10.9375H19.6428C20.512 10.9375 21.2143 11.6357 21.2143 12.5Z'/%3e%3c/svg%3e");
-  --bs-accordion-alt-active-color: var(--bs-primary-text-emphasis);
+  --bs-accordion-alt-btn-icon-width: 1rem;
+  --bs-accordion-alt-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='%2302f'%3e%3cpath d='M12.6923 1.69231C12.6923 0.75625 11.9361 0 11 0C10.0639 0 9.30769 0.75625 9.30769 1.69231V9.30769H1.69231C0.75625 9.30769 0 10.0639 0 11C0 11.9361 0.75625 12.6923 1.69231 12.6923H9.30769V20.3077C9.30769 21.2438 10.0639 22 11 22C11.9361 22 12.6923 21.2438 12.6923 20.3077V12.6923H20.3077C21.2438 12.6923 22 11.9361 22 11C22 10.0639 21.2438 9.30769 20.3077 9.30769H12.6923V1.69231Z'/%3e%3c/svg%3e");
+  --bs-accordion-alt-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 25' fill='%2302f'%3e%3cpath d='M21.2143 12.5C21.2143 13.3643 20.512 14.0625 19.6428 14.0625H2.35713C1.48794 14.0625 0.785706 13.3643 0.785706 12.5C0.785706 11.6357 1.48794 10.9375 2.35713 10.9375H19.6428C20.512 10.9375 21.2143 11.6357 21.2143 12.5Z'/%3e%3c/svg%3e");
+  --bs-accordion-alt-active-color: var(--bs-action);
   box-shadow: none;
 }
 .accordion-alt .accordion-button {
   margin-bottom: 0;
-  background-color: var(--bs-accordion-alt-btn-bg);
+  background-color: transparent;
   box-shadow: none;
 }
 .accordion-alt .accordion-button i {
@@ -36535,7 +36559,6 @@ textarea.form-control-lg {
 }
 .accordion-alt .accordion-button:not(.collapsed) {
   box-shadow: none;
-  color: var(--bs-accordion-alt-active-color);
 }
 .accordion-alt .accordion-button:not(.collapsed)::after {
   background-image: var(--bs-accordion-alt-btn-active-icon);
@@ -36548,8 +36571,22 @@ textarea.form-control-lg {
 }
 .accordion-alt > .accordion-item {
   background-color: var(--bs-accordion-alt-bg);
-  border: var(--bs-accordion-alt-border-width) solid var(--bs-accordion-alt-border-color);
+  border: var(--bs-accordion-alt-border-width) solid transparent;
   border-radius: var(--bs-accordion-alt-border-radius);
+  transition: var(--bs-accordion-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+  .accordion-alt > .accordion-item {
+    transition: none;
+  }
+}
+.accordion-alt > .accordion-item:hover {
+  border-color: var(--bs-accordion-alt-border-color);
+}
+.accordion-alt > .accordion-item:has(.accordion-collapse.show), .accordion-alt > .accordion-item:has(.accordion-collapse.collapsing) {
+  background-color: #fff;
+  border-color: var(--bs-accordion-alt-border-color);
+  box-shadow: 0 0 0 calc(var(--bs-accordion-alt-border-active-width) - var(--bs-accordion-alt-border-width)) var(--bs-accordion-alt-border-color);
 }
 .accordion-alt > .accordion-item:not(:last-child) {
   margin-bottom: 1rem;