@sdata/web-vue 3.16.1 → 3.18.0

package/dist/sd.css

@@ -13118,6 +13118,76 @@ body.sd-tour-active .sd-tour-popover * {
   transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
 }
 
+.sd-kv-list {
+  box-sizing: border-box;
+  overflow: hidden;
+  background: var(--sd-color-bg-2);
+  border: 1px solid var(--sd-color-neutral-3);
+  border-radius: var(--sd-border-radius-medium);
+}
+.sd-kv-list-toolbar {
+  display: flex;
+  justify-content: flex-end;
+  padding: 8px;
+  border-bottom: 1px solid var(--sd-color-neutral-3);
+}
+.sd-kv-list-toolbar-actions, .sd-kv-list-row-actions {
+  display: flex;
+  flex-shrink: 0;
+  gap: 8px;
+  align-items: center;
+}
+.sd-kv-list-rows {
+  display: flex;
+  flex-direction: column;
+}
+.sd-kv-list-row {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) auto;
+  gap: 8px;
+  align-items: center;
+  padding: 8px;
+  border-bottom: 1px solid var(--sd-color-neutral-3);
+  transition: background-color 0.2s, opacity 0.2s;
+}
+.sd-kv-list-row:last-child {
+  border-bottom: 0;
+}
+.sd-kv-list-row--ghost {
+  background: var(--sd-color-primary-light-1);
+  opacity: 0.45;
+}
+.sd-kv-list-row--chosen {
+  background: var(--sd-color-primary-light-1);
+}
+.sd-kv-list-drag-handle {
+  color: var(--sd-color-text-3);
+  cursor: grab;
+}
+.sd-kv-list-drag-handle:active {
+  cursor: grabbing;
+}
+.sd-kv-list-key, .sd-kv-list-value {
+  min-width: 0;
+}
+.sd-kv-list-bulk {
+  display: block;
+  border: 0;
+  border-radius: 0;
+}
+@media screen and (width <= 640px) {
+  .sd-kv-list-row {
+    grid-template-columns: auto minmax(0, 1fr) auto;
+  }
+  .sd-kv-list-value {
+    grid-column: 2;
+  }
+  .sd-kv-list-row-actions {
+    grid-row: 1/span 2;
+    grid-column: 3;
+  }
+}
+
 .sd-row {
   display: flex;
   flex-flow: row wrap;
@@ -19832,6 +19902,17 @@ body.sd-tour-active .sd-tour-popover * {
   display: flex;
   justify-content: center;
 }
+.sd-btn-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  border: 0;
+  clip-path: inset(50%);
+}
 .sd-btn-loading {
   position: relative;
   cursor: default;