@apliteni/apliteni-ui 0.58.0 → 0.58.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/react/dist/index.css +6 -3
- package/react/dist/index.js +1 -1
- package/src/styles/drawer.css +2 -1
package/package.json
CHANGED
package/react/dist/index.css
CHANGED
|
@@ -185,10 +185,13 @@
|
|
|
185
185
|
}
|
|
186
186
|
|
|
187
187
|
/* src/KeyValueList.css */
|
|
188
|
-
.ui-
|
|
188
|
+
.ui-kv {
|
|
189
|
+
display: grid;
|
|
190
|
+
column-gap: var(--space-4);
|
|
191
|
+
margin: 0;
|
|
189
192
|
grid-template-columns: calc(var(--space-6) * 5) minmax(0, 1fr);
|
|
190
193
|
}
|
|
191
|
-
.ui-
|
|
194
|
+
.ui-kv--two-columns {
|
|
192
195
|
grid-template-columns: repeat(2, calc(var(--space-6) * 5) minmax(0, 1fr));
|
|
193
196
|
}
|
|
194
197
|
.ui-kv__hidden {
|
|
@@ -203,7 +206,7 @@
|
|
|
203
206
|
stroke-width: 2.25;
|
|
204
207
|
}
|
|
205
208
|
@media (max-width: 560px) {
|
|
206
|
-
.ui-
|
|
209
|
+
.ui-kv {
|
|
207
210
|
grid-template-columns: minmax(0, 1fr);
|
|
208
211
|
row-gap: var(--space-3);
|
|
209
212
|
}
|
package/react/dist/index.js
CHANGED
|
@@ -1897,7 +1897,7 @@ function detail({ value, redacted }) {
|
|
|
1897
1897
|
return typeof value === "boolean" ? String(value) : value;
|
|
1898
1898
|
}
|
|
1899
1899
|
function KeyValueList({ rows, columns = 1, className, ...rest }) {
|
|
1900
|
-
return /* @__PURE__ */ jsx20("dl", { ...rest, className: ["ui-
|
|
1900
|
+
return /* @__PURE__ */ jsx20("dl", { ...rest, className: ["ui-kv", columns === 2 && "ui-kv--two-columns", className].filter(Boolean).join(" "), children: rows.map((row, index) => /* @__PURE__ */ jsxs16("div", { className: "ui-drawer__row", children: [
|
|
1901
1901
|
/* @__PURE__ */ jsx20("dt", { children: row.label }),
|
|
1902
1902
|
/* @__PURE__ */ jsx20("dd", { children: detail(row) })
|
|
1903
1903
|
] }, index)) });
|
package/src/styles/drawer.css
CHANGED
|
@@ -229,7 +229,8 @@
|
|
|
229
229
|
}
|
|
230
230
|
.ui-drawer__row dt { color: var(--text); }
|
|
231
231
|
.ui-drawer__row dd { color: var(--text); font-variant-numeric: tabular-nums; }
|
|
232
|
-
.ui-drawer__rows +
|
|
232
|
+
.ui-drawer .ui-drawer__rows + *,
|
|
233
|
+
.ui-drawer .ui-kv + * { margin-top: var(--space-3); }
|
|
233
234
|
|
|
234
235
|
/* Under reduced motion the net gives every element a 0.01ms transition, so a
|
|
235
236
|
child inherits `visible` one tick after the root: the control openDrawer()
|