@godxjp/ui 32.9.0 → 32.11.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/DESIGN.md +5 -4
- package/README.md +3 -3
- package/agent/DESIGN.md +5 -4
- package/agent/START-HERE.md +3 -3
- package/agent/components/BlockEditor.json +1 -1
- package/agent/components/DataTable.json +1 -1
- package/agent/components/LegalDocumentShell.json +2 -1
- package/agent/components/Markdown.json +1 -0
- package/agent/components/Progress.json +3 -3
- package/agent/components/Prose.json +1 -0
- package/agent/components/SplitPane.json +1 -0
- package/agent/components/Table.json +1 -1
- package/agent/components/Tree.json +1 -0
- package/agent/components.json +12 -7
- package/agent/index.json +5 -5
- package/agent/llms.txt +6 -6
- package/agent/tokens.json +7 -1
- package/dist/components/data-display/progress.d.ts +12 -6
- package/dist/components/data-display/progress.js +1 -1
- package/dist/components/data-display/tree.js +39 -0
- package/dist/components/layout/breadcrumb.js +2 -2
- package/dist/components/layout/page-container.js +2 -2
- package/dist/contracts/measurement.json +1 -1
- package/dist/styles/data-display-layout.css +23 -2
- package/dist/styles/dialog-layout.css +2 -0
- package/dist/styles/layers.json +1 -1
- package/dist/styles/layout.css +11 -1
- package/dist/styles/navigation-layout.css +3 -0
- package/dist/styles/table-layout.css +5 -0
- package/dist/styles.css +1 -1
- package/dist/tokens/semantic/layout.css +2 -0
- package/package.json +2 -2
- package/scripts/cli.mjs +5 -2
- package/scripts/visual-audit.mjs +55 -12
|
@@ -26,8 +26,8 @@ function Breadcrumb({
|
|
|
26
26
|
className: "ui-breadcrumb-item",
|
|
27
27
|
"data-ellipsis": item.ellipsis ? "" : void 0,
|
|
28
28
|
children: [
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
index > 0 ? /* @__PURE__ */ jsx("span", { className: "ui-breadcrumb-separator", "aria-hidden": "true", children: separatorNode }) : null,
|
|
30
|
+
renderBreadcrumbSegment({ item, index, isLast, items, itemRender, LinkComponent })
|
|
31
31
|
]
|
|
32
32
|
},
|
|
33
33
|
item.to ?? index
|
|
@@ -123,6 +123,7 @@ function PageContainerRoot({
|
|
|
123
123
|
className: "ui-breadcrumb-item",
|
|
124
124
|
"data-ellipsis": item.ellipsis ? "" : void 0,
|
|
125
125
|
children: [
|
|
126
|
+
i > 0 ? /* @__PURE__ */ jsx("span", { className: "ui-breadcrumb-separator", "aria-hidden": "true", children: /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" }) }) : null,
|
|
126
127
|
item.to && !isLast ? /* @__PURE__ */ jsx(BreadcrumbCrumbText, { item, children: /* @__PURE__ */ jsx(
|
|
127
128
|
LinkComponent,
|
|
128
129
|
{
|
|
@@ -138,8 +139,7 @@ function PageContainerRoot({
|
|
|
138
139
|
"aria-current": isLast ? "page" : void 0,
|
|
139
140
|
children: item.label
|
|
140
141
|
}
|
|
141
|
-
) })
|
|
142
|
-
!isLast && /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" })
|
|
142
|
+
) })
|
|
143
143
|
]
|
|
144
144
|
},
|
|
145
145
|
i
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$comment": "AUTO-GENERATED by scripts/gen-measurement-contract.mjs — do not edit. Read this instead of guessing: docs/MEASUREMENT-CONTRACT.md.",
|
|
3
|
-
"version": "32.
|
|
3
|
+
"version": "32.11.0",
|
|
4
4
|
"targetSize": {
|
|
5
5
|
"standard": "WCAG 2.2 SC 2.5.8 Target Size (Minimum), level AA — 24×24 CSS px",
|
|
6
6
|
"min": 24,
|
|
@@ -189,7 +189,11 @@
|
|
|
189
189
|
.ui-progress-bar {
|
|
190
190
|
height: 100%;
|
|
191
191
|
border-radius: inherit;
|
|
192
|
-
background: var(--progress-fill-background, hsl(var(--mark-
|
|
192
|
+
background: var(--progress-fill-background, hsl(var(--mark-primary, var(--primary))));
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
.ui-progress[data-tone="success"] .ui-progress-bar {
|
|
196
|
+
background: hsl(var(--mark-success, var(--text-success)));
|
|
193
197
|
}
|
|
194
198
|
|
|
195
199
|
.ui-progress[data-tone="warning"] .ui-progress-bar {
|
|
@@ -291,11 +295,15 @@
|
|
|
291
295
|
}
|
|
292
296
|
|
|
293
297
|
.ui-progress-ring-indicator {
|
|
294
|
-
stroke: var(--progress-fill-background, hsl(var(--mark-
|
|
298
|
+
stroke: var(--progress-fill-background, hsl(var(--mark-primary, var(--primary))));
|
|
295
299
|
|
|
296
300
|
stroke-linecap: butt;
|
|
297
301
|
}
|
|
298
302
|
|
|
303
|
+
.ui-progress[data-tone="success"] .ui-progress-ring-indicator {
|
|
304
|
+
stroke: hsl(var(--mark-success, var(--text-success)));
|
|
305
|
+
}
|
|
306
|
+
|
|
299
307
|
.ui-progress[data-tone="warning"] .ui-progress-ring-indicator {
|
|
300
308
|
stroke: hsl(var(--mark-warning, var(--text-warning)));
|
|
301
309
|
}
|
|
@@ -1298,6 +1306,11 @@
|
|
|
1298
1306
|
font-size: var(--prose-font-size-sm);
|
|
1299
1307
|
}
|
|
1300
1308
|
|
|
1309
|
+
.ui-prose :is(p, li):lang(ja) {
|
|
1310
|
+
word-break: auto-phrase;
|
|
1311
|
+
line-break: strict;
|
|
1312
|
+
}
|
|
1313
|
+
|
|
1301
1314
|
.ui-prose[data-measure="narrow"] {
|
|
1302
1315
|
max-inline-size: var(--page-measure-narrow);
|
|
1303
1316
|
}
|
|
@@ -2943,6 +2956,14 @@
|
|
|
2943
2956
|
white-space: nowrap;
|
|
2944
2957
|
}
|
|
2945
2958
|
|
|
2959
|
+
.ui-tree:not([data-virtual])
|
|
2960
|
+
.ui-tree-node:focus-visible
|
|
2961
|
+
> .ui-tree-label[data-truncated]:not(:has([data-ellipsis])) {
|
|
2962
|
+
overflow: visible;
|
|
2963
|
+
white-space: normal;
|
|
2964
|
+
overflow-wrap: anywhere;
|
|
2965
|
+
}
|
|
2966
|
+
|
|
2946
2967
|
.ui-tree-group {
|
|
2947
2968
|
display: flex;
|
|
2948
2969
|
flex-direction: column;
|
package/dist/styles/layers.json
CHANGED
package/dist/styles/layout.css
CHANGED
|
@@ -600,7 +600,7 @@
|
|
|
600
600
|
|
|
601
601
|
.ui-split-pane {
|
|
602
602
|
display: grid;
|
|
603
|
-
gap: var(--space-stack-md);
|
|
603
|
+
gap: var(--split-pane-gap, var(--space-stack-md));
|
|
604
604
|
grid-template-columns: minmax(0, 1fr);
|
|
605
605
|
}
|
|
606
606
|
|
|
@@ -1658,6 +1658,11 @@
|
|
|
1658
1658
|
line-break: strict;
|
|
1659
1659
|
}
|
|
1660
1660
|
|
|
1661
|
+
.ui-legal-document-summary:lang(ja),
|
|
1662
|
+
.ui-legal-document-section-body:lang(ja) {
|
|
1663
|
+
word-break: auto-phrase;
|
|
1664
|
+
}
|
|
1665
|
+
|
|
1661
1666
|
.ui-legal-document-summary {
|
|
1662
1667
|
color: hsl(var(--legal-document-summary-foreground, var(--muted-foreground)));
|
|
1663
1668
|
}
|
|
@@ -1686,6 +1691,7 @@
|
|
|
1686
1691
|
.ui-legal-document-toc-list {
|
|
1687
1692
|
display: flex;
|
|
1688
1693
|
flex-direction: column;
|
|
1694
|
+
align-items: start;
|
|
1689
1695
|
gap: var(--legal-document-toc-gap);
|
|
1690
1696
|
margin: 0;
|
|
1691
1697
|
padding: 0;
|
|
@@ -1769,6 +1775,10 @@
|
|
|
1769
1775
|
overflow-y: auto;
|
|
1770
1776
|
}
|
|
1771
1777
|
|
|
1778
|
+
.ui-legal-document-toc-list {
|
|
1779
|
+
align-items: stretch;
|
|
1780
|
+
}
|
|
1781
|
+
|
|
1772
1782
|
.ui-legal-document-content {
|
|
1773
1783
|
grid-column: 2;
|
|
1774
1784
|
grid-row: 2;
|
|
@@ -1051,6 +1051,8 @@
|
|
|
1051
1051
|
padding-inline: var(--table-stacked-collection-cell-padding-x);
|
|
1052
1052
|
white-space: normal;
|
|
1053
1053
|
overflow-wrap: anywhere;
|
|
1054
|
+
|
|
1055
|
+
text-align: start;
|
|
1054
1056
|
}
|
|
1055
1057
|
|
|
1056
1058
|
[data-collapse-below="sm"] [data-slot="table-cell"]:empty,
|
|
@@ -1102,6 +1104,7 @@
|
|
|
1102
1104
|
padding-inline: var(--table-stacked-collection-cell-padding-x);
|
|
1103
1105
|
white-space: normal;
|
|
1104
1106
|
overflow-wrap: anywhere;
|
|
1107
|
+
text-align: start;
|
|
1105
1108
|
}
|
|
1106
1109
|
|
|
1107
1110
|
[data-collapse-below="md"] [data-slot="table-cell"]:empty,
|
|
@@ -1153,6 +1156,7 @@
|
|
|
1153
1156
|
padding-inline: var(--table-stacked-collection-cell-padding-x);
|
|
1154
1157
|
white-space: normal;
|
|
1155
1158
|
overflow-wrap: anywhere;
|
|
1159
|
+
text-align: start;
|
|
1156
1160
|
}
|
|
1157
1161
|
|
|
1158
1162
|
[data-collapse-below="lg"] [data-slot="table-cell"]:empty,
|
|
@@ -1204,6 +1208,7 @@
|
|
|
1204
1208
|
padding-inline: var(--table-stacked-collection-cell-padding-x);
|
|
1205
1209
|
white-space: normal;
|
|
1206
1210
|
overflow-wrap: anywhere;
|
|
1211
|
+
text-align: start;
|
|
1207
1212
|
}
|
|
1208
1213
|
|
|
1209
1214
|
[data-collapse-below="xl"] [data-slot="table-cell"]:empty,
|