@sia.soul/sia-react-ui 0.1.52 → 0.1.54

package/dist/core.css

@@ -2190,14 +2190,24 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   overflow: var(--sia-scroll-overflow, auto);
   padding: 10vh 16px 32px;
   color: var(--sia-color-text);
+  isolation: isolate;
+}
+.sia-modal-root::before {
+  content: "";
+  position: fixed;
+  inset: 0;
+  z-index: 0;
   background: rgb(0 0 0 / 45%);
-  animation: sia-modal-mask-in 200ms ease both;
+  animation: sia-modal-mask-in 220ms ease both;
+  will-change: opacity;
 }
 .sia-modal-root--centered {
   align-items: center;
   padding-block: 24px;
 }
 .sia-modal {
+  position: relative;
+  z-index: 1;
   width: min(var(--sia-modal-width), calc(100vw - 32px));
   overflow: hidden;
   background: var(--sia-color-surface);
@@ -2210,6 +2220,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 .sia-modal-root[data-state=closing] {
   pointer-events: none;
+}
+.sia-modal-root[data-state=closing]::before {
   animation: sia-modal-mask-out 220ms ease both;
 }
 .sia-modal-root[data-state=closing] .sia-modal {
@@ -4164,6 +4176,56 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   align-items: center;
   min-width: 0;
 }
+.sia-table__cell--tree-lines {
+  padding-block: 0;
+}
+.sia-table__cell--tree-lines > .sia-table__cell-content {
+  position: absolute;
+  inset: 0 12px;
+}
+.sia-table__tree-cell--lines {
+  height: 100%;
+}
+.sia-table__tree-guide {
+  position: relative;
+  align-self: stretch;
+  flex: 0 0 18px;
+  width: 18px;
+}
+.sia-table__tree-guide--branch::before,
+.sia-table__tree-guide--continued::before {
+  position: absolute;
+  content: "";
+  left: 10px;
+  top: 0;
+  height: 50%;
+  border-left: 1px solid var(--sia-color-border);
+}
+.sia-table__tree-guide--continued::before {
+  height: 100%;
+}
+.sia-table__tree-guide--branch::after {
+  position: absolute;
+  content: "";
+  left: 10px;
+  right: 0;
+  top: 50%;
+  border-top: 1px solid var(--sia-color-border);
+}
+.sia-table__tree-node {
+  position: relative;
+  align-self: stretch;
+  display: inline-flex;
+  align-items: center;
+  flex: 0 0 20px;
+}
+.sia-table__tree-stem {
+  position: absolute;
+  left: 10px;
+  top: calc(50% + 10px);
+  bottom: 0;
+  border-left: 1px solid var(--sia-color-border);
+}
 .sia-table__tree-toggle,
 .sia-table__tree-placeholder {
   display: inline-grid;
@@ -4401,12 +4463,18 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 @keyframes sia-modal-mask-in {
   from {
-    background-color: rgb(0 0 0 / 0%);
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
   }
 }
 @keyframes sia-modal-mask-out {
+  from {
+    opacity: 1;
+  }
   to {
-    background-color: rgb(0 0 0 / 0%);
+    opacity: 0;
   }
 }
 @keyframes sia-modal-slide-in {
@@ -4554,7 +4622,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   .sia-button::after,
   .sia-icon--spin,
   .sia-icon--pulse,
-  .sia-modal-root,
+  .sia-modal-root::before,
   .sia-modal,
   .sia-drawer,
   .sia-drawer__mask,