@devslab/dds-css 0.18.0 → 0.20.0
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/dist/components/table.css +24 -0
- package/dist/components/textfield.css +1 -1
- package/dist/dds.css +25 -1
- package/package.json +1 -1
|
@@ -50,6 +50,30 @@
|
|
|
50
50
|
table-layout: fixed;
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
+
/* The header owns its resize handle; the handle stays separate from sorting. */
|
|
54
|
+
.dds-table thead th { position: relative; }
|
|
55
|
+
.dds-table__resize {
|
|
56
|
+
position: absolute;
|
|
57
|
+
inset-inline-end: 0;
|
|
58
|
+
inset-block: 0;
|
|
59
|
+
inline-size: 12px;
|
|
60
|
+
cursor: col-resize;
|
|
61
|
+
touch-action: none;
|
|
62
|
+
user-select: none;
|
|
63
|
+
}
|
|
64
|
+
.dds-table__resize::after {
|
|
65
|
+
content: "";
|
|
66
|
+
position: absolute;
|
|
67
|
+
inset-inline-start: 5px;
|
|
68
|
+
inset-block: 8px;
|
|
69
|
+
border-inline-start: 2px solid var(--dds-color-border-default);
|
|
70
|
+
}
|
|
71
|
+
.dds-table__resize:focus-visible { outline: 2px solid var(--dds-color-border-default); outline-offset: -2px; }
|
|
72
|
+
/* Row selection is opt-in and must remain perceptible without color alone. */
|
|
73
|
+
.dds-table tbody tr[aria-selected] { cursor: pointer; }
|
|
74
|
+
.dds-table tbody tr[aria-selected="true"] { outline: 2px solid var(--dds-color-border-default); outline-offset: -2px; }
|
|
75
|
+
.dds-table tbody tr[tabindex]:focus-visible { outline: 2px solid var(--dds-color-border-default); outline-offset: -2px; }
|
|
76
|
+
|
|
53
77
|
.dds-table [data-numeric] {
|
|
54
78
|
text-align: end;
|
|
55
79
|
font-variant-numeric: tabular-nums;
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
font-size: var(--dds-typo-caption-font-size);
|
|
52
52
|
line-height: var(--dds-typo-caption-line-height);
|
|
53
53
|
font-weight: var(--dds-typo-caption-font-weight);
|
|
54
|
-
color: var(--dds-color-text-
|
|
54
|
+
color: var(--dds-color-text-secondary);
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
.dds-field--error .dds-input,
|
package/dist/dds.css
CHANGED
|
@@ -291,7 +291,7 @@
|
|
|
291
291
|
font-size: var(--dds-typo-caption-font-size);
|
|
292
292
|
line-height: var(--dds-typo-caption-line-height);
|
|
293
293
|
font-weight: var(--dds-typo-caption-font-weight);
|
|
294
|
-
color: var(--dds-color-text-
|
|
294
|
+
color: var(--dds-color-text-secondary);
|
|
295
295
|
}
|
|
296
296
|
|
|
297
297
|
.dds-field--error .dds-input,
|
|
@@ -1275,6 +1275,30 @@ dialog.dds-dialog::backdrop {
|
|
|
1275
1275
|
table-layout: fixed;
|
|
1276
1276
|
}
|
|
1277
1277
|
|
|
1278
|
+
/* The header owns its resize handle; the handle stays separate from sorting. */
|
|
1279
|
+
.dds-table thead th { position: relative; }
|
|
1280
|
+
.dds-table__resize {
|
|
1281
|
+
position: absolute;
|
|
1282
|
+
inset-inline-end: 0;
|
|
1283
|
+
inset-block: 0;
|
|
1284
|
+
inline-size: 12px;
|
|
1285
|
+
cursor: col-resize;
|
|
1286
|
+
touch-action: none;
|
|
1287
|
+
user-select: none;
|
|
1288
|
+
}
|
|
1289
|
+
.dds-table__resize::after {
|
|
1290
|
+
content: "";
|
|
1291
|
+
position: absolute;
|
|
1292
|
+
inset-inline-start: 5px;
|
|
1293
|
+
inset-block: 8px;
|
|
1294
|
+
border-inline-start: 2px solid var(--dds-color-border-default);
|
|
1295
|
+
}
|
|
1296
|
+
.dds-table__resize:focus-visible { outline: 2px solid var(--dds-color-border-default); outline-offset: -2px; }
|
|
1297
|
+
/* Row selection is opt-in and must remain perceptible without color alone. */
|
|
1298
|
+
.dds-table tbody tr[aria-selected] { cursor: pointer; }
|
|
1299
|
+
.dds-table tbody tr[aria-selected="true"] { outline: 2px solid var(--dds-color-border-default); outline-offset: -2px; }
|
|
1300
|
+
.dds-table tbody tr[tabindex]:focus-visible { outline: 2px solid var(--dds-color-border-default); outline-offset: -2px; }
|
|
1301
|
+
|
|
1278
1302
|
.dds-table [data-numeric] {
|
|
1279
1303
|
text-align: end;
|
|
1280
1304
|
font-variant-numeric: tabular-nums;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@devslab/dds-css",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.20.0",
|
|
4
4
|
"description": "DDS CSS component layer — class-based, framework-neutral, semantic-token-only (spec §4.3 v1 inventory, 20 components)",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|