@qrsln/lootstrap 22.1.25-beta.0 → 22.1.29-beta.0

package/dist/css/lootstrap.css

@@ -1,8 +1,8 @@
 @charset "UTF-8";
 /*!
- * CSS Compiled on: 2022-01-25
+ * CSS Compiled on: 2022-01-29
  *
- * Lootstrap v22.1.25-beta.0 (https://github.com/krsln/Lootstrap/)
+ * Lootstrap v22.1.29-beta.0 (https://github.com/krsln/Lootstrap/)
  * Copyright 2022 Qrsln.
  * Licensed under MIT (https://github.com/krsln/Lootstrap/blob/master/LICENSE)
 */
@@ -6101,16 +6101,16 @@ progress {
   box-shadow: none;
   padding: 0
 }
-.Btn-sm {
-  padding: .25rem .5rem;
-  font-size: .875rem;
-  border-radius: .2rem
-}
 .Btn {
   padding: .375rem .75rem;
   font-size: 1rem;
   border-radius: .25rem
 }
+.Btn-sm {
+  padding: .25rem .5rem;
+  font-size: .875rem;
+  border-radius: .2rem
+}
 .Btn-lg {
   padding: .5rem 1rem;
   font-size: 1.25rem;
@@ -7350,7 +7350,6 @@ progress {
   overflow: visible;
   color: var(--ls-fg-surface);
   background-color: var(--ls-bg-surface);
-  border: 1px solid var(--ls-border-color);
   box-shadow: 0 0 1px 0 rgba(var(--ls-shadow-color-rgb),.18) inset,0 0 2px 0 rgba(var(--ls-shadow-color-rgb),.12) inset,0 0 6px 0 rgba(var(--ls-shadow-color-rgb),.06) inset;
   background-clip: border-box;
   padding: 0;
@@ -7389,8 +7388,8 @@ progress {
   display: flex;
   width: 32px;
   height: 32px;
-  color: var(--ls-fg-darkest);
-  background-color: var(--ls-bg-darkest);
+  color: var(--ls-fg-active);
+  background-color: var(--ls-bg-active);
   border-radius: 50%;
   box-shadow: 0 0 1px 0 rgba(var(--ls-shadow-color-rgb),.18) inset,0 0 2px 0 rgba(var(--ls-shadow-color-rgb),.12) inset,0 0 6px 0 rgba(var(--ls-shadow-color-rgb),.06) inset;
   margin-bottom: 1rem
@@ -7539,6 +7538,99 @@ progress {
 .Toast .Progress .Progress-bar {
   background-color: var(--ls-toast-bg-active,var(--ls-bg-active))
 }
+.TreeView {
+  position: relative;
+  padding: 5px 0;
+  margin-bottom: .5rem
+}
+.TreeView .TreeViewItem {
+  position: relative;
+  display: block;
+  margin-bottom: 5px
+}
+.TreeView .TreeViewItem.TreeViewItem-single .TreeView-leaf:hover {
+  color: var(--ls-fg-light);
+  background-color: var(--ls-bg-light)
+}
+.TreeView .TreeViewItem.TreeViewItem-single .TreeView-leaf:hover.Active .FaIcon {
+  color: var(--ls-bg-active)
+}
+.TreeView .TreeViewItem.TreeViewItem-root > .TreeView-toggle {
+  margin-left: 0
+}
+.TreeView .TreeViewItem.TreeViewItem-root > .TreeView-children {
+  padding: 0 0 0 35px
+}
+.TreeView .TreeViewItem.Disabled {
+  cursor: not-allowed;
+  color: var(--ls-fg-muted);
+  background-color: var(--ls-bg-light)
+}
+.TreeView .TreeViewItem .TreeView-toggle {
+  margin: 4px 4px 4px -18px;
+  color: var(--ls-bg-active)
+}
+.TreeView .TreeViewItem .TreeView-toggle svg {
+  width: 14px!important
+}
+.TreeView .TreeViewItem .TreeView-checkbox,
+.TreeView .TreeViewItem .TreeView-leaf,
+.TreeView .TreeViewItem .TreeView-toggle {
+  display: inline
+}
+.TreeView .TreeViewItem .TreeView-checkbox:hover + .TreeView-leaf {
+  border: 1px solid var(--ls-border-color)
+}
+.TreeView .TreeViewItem .TreeView-leaf {
+  display: inline;
+  border: 1px solid transparent;
+  padding: 2px 6px
+}
+.TreeView .TreeViewItem .TreeView-leaf.Active {
+  color: var(--ls-fg-active);
+  background-color: var(--ls-bg-active);
+  border-color: var(--ls-bg-active);
+  border-radius: .25rem
+}
+.TreeView .TreeViewItem .TreeView-leaf.Active .FaIcon {
+  color: var(--ls-fg-active)
+}
+.TreeView .TreeViewItem .TreeView-leaf .FaIcon {
+  margin-right: .25rem;
+  color: var(--ls-bg-active)
+}
+.TreeView .TreeViewItem .TreeView-children {
+  position: relative;
+  display: block;
+  margin-top: 5px;
+  padding-left: 18px;
+  border-left: 1px solid var(--ls-border-color);
+  border-bottom: 1px solid var(--ls-border-color)
+}
+.TreeView .TreeViewItem .TreeView-children.Expanded {
+  transition: all .3s ease;
+  -webkit-animation: fade-in .3s ease-in-out;
+          animation: fade-in .3s ease-in-out
+}
+.TreeView .TreeViewItem .TreeView-children.Collapsed {
+  display: none
+}
+@-webkit-keyframes fade-in {
+  from {
+    opacity: 0
+  }
+  to {
+    opacity: 1
+  }
+}
+@keyframes fade-in {
+  from {
+    opacity: 0
+  }
+  to {
+    opacity: 1
+  }
+}
 .Alert,
 .Breadcrumb,
 .Btn,