@qrsln/lootstrap 22.1.31-beta.0 → 22.2.2-beta.0

package/dist/css/lootstrap.css

@@ -1,8 +1,8 @@
 @charset "UTF-8";
 /*!
- * CSS Compiled on: 2022-01-31
+ * CSS Compiled on: 2022-02-02
  *
- * Lootstrap v22.1.31-beta.0 (https://github.com/krsln/Lootstrap/)
+ * Lootstrap v22.2.2-beta.0 (https://github.com/krsln/Lootstrap/)
  * Copyright 2022 Qrsln.
  * Licensed under MIT (https://github.com/krsln/Lootstrap/blob/master/LICENSE)
 */
@@ -5131,6 +5131,21 @@ progress {
 .FST-normal {
   font-style: normal!important
 }
+.FW-light {
+  font-weight: 300!important
+}
+.FW-lighter {
+  font-weight: lighter!important
+}
+.FW-normal {
+  font-weight: 400!important
+}
+.FW-bold {
+  font-weight: 700!important
+}
+.FW-bolder {
+  font-weight: bolder!important
+}
 .Txt-left {
   text-align: left!important
 }
@@ -5843,6 +5858,33 @@ progress {
 .Hidden {
   visibility: hidden!important
 }
+.Themed-body {
+  color: var(--ls-fg-body,var(--ls-fg-body));
+  background-color: var(--ls-bg-body,var(--ls-bg-body));
+  padding: 1rem
+}
+.Themed {
+  color: var(--ls-fg-surface,var(--ls-fg-surface));
+  background-color: var(--ls-bg-surface,var(--ls-bg-surface));
+  border: 1px solid var(--ls-border-color,var(--ls-border-color));
+  box-shadow: 0 1px 1px -1px rgba(var(--ls-shadow-color-rgb,var(--ls-shadow-color-rgb)),.18),0 2px 2px 0 rgba(var(--ls-shadow-color-rgb,var(--ls-shadow-color-rgb)),.12),0 4px 6px 0 rgba(var(--ls-shadow-color-rgb,var(--ls-shadow-color-rgb)),.06);
+  padding: .5rem
+}
+.Themed.Themed-outline {
+  color: var(--ls-fg-lightest,var(--ls-fg-lightest));
+  background-color: var(--ls-bg-lightest,var(--ls-bg-lightest));
+  border-color: var(--ls-bg-darkest,var(--ls-bg-darkest))
+}
+.Themed .Themed-title {
+  color: var(--ls-fg-dark,var(--ls-fg-dark));
+  background-color: var(--ls-bg-dark,var(--ls-bg-dark));
+  padding: .5rem
+}
+.Themed .Themed-footer {
+  color: var(--ls-fg-lightest,var(--ls-fg-lightest));
+  background-color: var(--ls-bg-lightest,var(--ls-bg-lightest));
+  padding: .5rem
+}
 .Alert {
   display: flex;
   position: relative;
@@ -5851,7 +5893,7 @@ progress {
   background-color: var(--ls-alert-bg-darkest,var(--ls-bg-darkest));
   border: 1px solid var(--ls-alert-border-color,var(--ls-border-color));
   box-shadow: 0 1px 1px -1px rgba(var(--ls-alert-shadow-color-rgb,var(--ls-shadow-color-rgb)),.18),0 2px 2px 0 rgba(var(--ls-alert-shadow-color-rgb,var(--ls-shadow-color-rgb)),.12),0 4px 6px 0 rgba(var(--ls-alert-shadow-color-rgb,var(--ls-shadow-color-rgb)),.06);
-  min-width: 250px;
+  min-width: 200px;
   margin-bottom: .5rem;
   padding: .5rem;
   align-items: center
@@ -5926,7 +5968,8 @@ progress {
   color: inherit
 }
 .Breadcrumb .Breadcrumb-item .Breadcrumb-Link svg {
-  margin-right: .6rem
+  margin-right: .6rem;
+  color: var(--ls-bg-active)
 }
 .Breadcrumb .Breadcrumb-item.Active {
   font-weight: 700
@@ -5956,7 +5999,7 @@ progress {
           mask-repeat: no-repeat;
   -webkit-mask-position: center;
           mask-position: center;
-  background-color: currentColor
+  background-color: var(--ls-bg-active)
 }
 .Breadcrumb-chevron-larger {
   --ls-breadcrumb-divider: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1LjcgOS43Jz48cGF0aCBmaWxsPSdub25lJyBzdHJva2U9J3JnYmEoMCwgMCwgMCwgMC42KScgc3Ryb2tlLXdpZHRoPScxLjMnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLW1pdGVybGltaXQ9JzEwJyBkPSdNLjggOC44bDQtNC00LTQnLz48L3N2Zz4=")
@@ -5968,13 +6011,14 @@ progress {
   --ls-breadcrumb-divider: "/"
 }
 .Breadcrumb-divider .Breadcrumb-item:not(.Breadcrumb-divider .Breadcrumb-item:first-child):before {
-  color: var(--ls-fg-surface);
+  color: var(--ls-bg-active);
   margin-top: -4px;
   content: var(--ls-breadcrumb-divider, "/")
 }
 .Breadcrumb-divider-bar .Breadcrumb-item:not(.Breadcrumb-divider-bar .Breadcrumb-item:first-child):before {
-  border-left: 2px solid currentColor;
-  opacity: .15
+  border-left: 2px solid var(--ls-bg-active);
+  border-right: 2px solid var(--ls-bg-active);
+  opacity: .3
 }
 .Btn-close {
   --svg-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MC40ODcgNjAuNDg3Ij48cGF0aCBkPSJNNyw1OC43MDhjLTEuOTQ0LDEuOTQ0LTQuNzExLDIuMzYtNi4xNDcuOTIzcy0xLjAyMi00LjIuOTIzLTYuMTQ4bDUxLjctNTEuN2MxLjk0NS0xLjk0NSw0LjcxMS0yLjM2LDYuMTQ4LS45MjNzMS4wMjEsNC4yLS45MjMsNi4xNDdaIi8+PHBhdGggZD0iTTEuNzc5LDdDLS4xNjYsNS4wNTktLjU4MSwyLjI5Mi44NTYuODU2UzUuMDU5LS4xNjYsNywxLjc3OWw1MS43MDUsNTEuN2MxLjk0NCwxLjk0NSwyLjM2LDQuNzExLjkyMyw2LjE0OHMtNC4yLDEuMDIxLTYuMTQ4LS45MjNaIi8+PC9zdmc+");
@@ -6601,6 +6645,7 @@ progress {
   opacity: .5;
   transition: opacity .6s ease
 }
+.Carousel .Carousel-indicators li.Active,
 .Carousel .Carousel-indicators li.active {
   opacity: 1
 }
@@ -6619,6 +6664,7 @@ progress {
           backface-visibility: hidden;
   transition: transform .6s ease-in-out
 }
+.Carousel .Carousel-inner .Carousel-item.Active,
 .Carousel .Carousel-inner .Carousel-item.active {
   display: block
 }
@@ -7502,7 +7548,7 @@ progress {
   border-top-right-radius: var(--ls-border-radius);
   border: 1px solid var(--ls-toast-border-color,var(--ls-border-color));
   box-shadow: 0 1px 1px -1px rgba(var(--ls-toast-shadow-color-rgb,var(--ls-shadow-color-rgb)),.18),0 2px 2px 0 rgba(var(--ls-toast-shadow-color-rgb,var(--ls-shadow-color-rgb)),.12),0 4px 6px 0 rgba(var(--ls-toast-shadow-color-rgb,var(--ls-shadow-color-rgb)),.06);
-  min-width: 250px;
+  min-width: 200px;
   margin-bottom: .5rem
 }
 .Toast .Toast-header {