@ketvietlab/design-system 0.1.18 → 0.1.19
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.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": "ketjs.design-system-inventory.v1",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.19",
|
|
4
4
|
"generatedFrom": [
|
|
5
5
|
"packages/design-system/src/index.ts",
|
|
6
6
|
"packages/design-system/src/catalogue/inventory-policy.json",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"runtimeGaps": 5,
|
|
18
18
|
"typeGaps": 96,
|
|
19
19
|
"cssFiles": 72,
|
|
20
|
-
"cssLines":
|
|
20
|
+
"cssLines": 13722
|
|
21
21
|
},
|
|
22
22
|
"rows": [
|
|
23
23
|
{
|
|
@@ -10073,7 +10073,7 @@
|
|
|
10073
10073
|
{
|
|
10074
10074
|
"layer": "public",
|
|
10075
10075
|
"file": "packages/design-system/src/patterns/list-chrome/styles.css",
|
|
10076
|
-
"lines":
|
|
10076
|
+
"lines": 350,
|
|
10077
10077
|
"hooks": [
|
|
10078
10078
|
"bulk-action-list",
|
|
10079
10079
|
"bulk-actions",
|
|
@@ -266,10 +266,33 @@
|
|
|
266
266
|
flex-wrap: nowrap;
|
|
267
267
|
align-items: center;
|
|
268
268
|
gap: var(--kv-space-2);
|
|
269
|
-
min-width: 0;
|
|
270
269
|
white-space: nowrap;
|
|
271
270
|
}
|
|
272
271
|
|
|
272
|
+
:where([data-kv-design-system])
|
|
273
|
+
[data-ui="list-chrome"][data-pattern="list-chrome"]
|
|
274
|
+
[data-ui="bulk-summary"] {
|
|
275
|
+
min-width: 0;
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
/*
|
|
279
|
+
* A range summary changes length with every filter ("1–50 / 10.000+" becomes
|
|
280
|
+
* "1–2 / 2"). Reserving the widest common figure and aligning it to the paging
|
|
281
|
+
* buttons keeps those buttons from jumping sideways as the count changes.
|
|
282
|
+
*
|
|
283
|
+
* This carries the list-chrome scope on purpose: the shared summary rule above
|
|
284
|
+
* used to set `min-width: 0` with three attribute selectors, and an unscoped
|
|
285
|
+
* `[data-ui="pager-summary"]` rule lost to it despite coming later.
|
|
286
|
+
*/
|
|
287
|
+
:where([data-kv-design-system])
|
|
288
|
+
[data-ui="list-chrome"][data-pattern="list-chrome"]
|
|
289
|
+
[data-ui="pager-summary"] {
|
|
290
|
+
justify-content: flex-end;
|
|
291
|
+
min-width: 14ch;
|
|
292
|
+
font-variant-numeric: tabular-nums;
|
|
293
|
+
text-align: right;
|
|
294
|
+
}
|
|
295
|
+
|
|
273
296
|
:where([data-kv-design-system])
|
|
274
297
|
[data-ui="list-chrome"][data-pattern="list-chrome"]
|
|
275
298
|
[data-ui="bulk-action-list"],
|