@godxjp/ui 33.10.1 → 33.12.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/DESIGN.md +1 -0
- package/README.md +3 -3
- package/agent/DESIGN.md +1 -0
- package/agent/START-HERE.md +7 -7
- package/agent/components/Anchor.json +1 -1
- package/agent/components/AppShell.json +1 -1
- package/agent/components/Cascader.json +1 -0
- package/agent/components/DataTable.json +1 -1
- package/agent/components/DatePicker.json +1 -0
- package/agent/components/Input.json +1 -0
- package/agent/components/NumberInput.json +1 -0
- package/agent/components/Pagination.json +1 -1
- package/agent/components/PasswordInput.json +1 -0
- package/agent/components/ResizablePanel.json +1 -1
- package/agent/components/ScrollArea.json +1 -1
- package/agent/components/SearchInput.json +1 -0
- package/agent/components/Select.json +1 -0
- package/agent/components/Table.json +1 -1
- package/agent/components/TimePicker.json +1 -0
- package/agent/components/Topbar.json +8 -2
- package/agent/components/TopbarItem.json +7 -1
- package/agent/components/TreeSelect.json +1 -0
- package/agent/components-index.json +7 -7
- package/agent/components.json +31 -10
- package/agent/index.json +6 -6
- package/agent/llms.txt +6 -6
- package/agent/tokens.json +39 -3
- package/dist/components/data-display/data-table.js +2 -0
- package/dist/components/data-display/table.js +3 -0
- package/dist/components/data-entry/input.js +16 -1
- package/dist/components/data-entry/search-input.js +1 -1
- package/dist/components/layout/app-shell.js +16 -6
- package/dist/components/layout/topbar-item.d.ts +1 -0
- package/dist/components/layout/topbar-item.js +9 -4
- package/dist/components/layout/topbar.d.ts +1 -1
- package/dist/components/layout/topbar.js +32 -3
- package/dist/components/navigation/pagination.js +4 -0
- package/dist/contracts/measurement.json +1 -1
- package/dist/lab/anchor.js +11 -1
- package/dist/lib/focus-reveal.d.ts +5 -0
- package/dist/lib/focus-reveal.js +19 -0
- package/dist/lib/hooks.js +5 -2
- package/dist/props/components/layout.prop.d.ts +13 -0
- package/dist/props/registry.d.ts +9 -1
- package/dist/props/registry.js +10 -0
- package/dist/styles/control.css +131 -3
- package/dist/styles/focus-ring.css +79 -19
- package/dist/styles/layers.json +1 -1
- package/dist/styles/layout.css +4 -4
- package/dist/styles/shell-layout.css +48 -0
- package/dist/styles.css +1 -1
- package/dist/tokens/base.css +2 -0
- package/dist/tokens/components/control.css +4 -1
- package/dist/tokens/components/resizable.css +4 -0
- package/dist/tokens/components/shell.css +3 -0
- package/dist/tokens/foundation.css +4 -1
- package/docs/TOKENS.md +52 -23
- package/package.json +2 -2
- package/scripts/visual-audit.mjs +33 -3
|
@@ -753,6 +753,11 @@
|
|
|
753
753
|
gap: var(--space-3);
|
|
754
754
|
}
|
|
755
755
|
|
|
756
|
+
.app-topbar-rail:has(> .app-topbar-right) {
|
|
757
|
+
overflow-x: auto;
|
|
758
|
+
scrollbar-width: none;
|
|
759
|
+
}
|
|
760
|
+
|
|
756
761
|
.app-topbar-logo,
|
|
757
762
|
.app-topbar-logo > a {
|
|
758
763
|
display: flex;
|
|
@@ -2095,6 +2100,11 @@
|
|
|
2095
2100
|
justify-content: center;
|
|
2096
2101
|
}
|
|
2097
2102
|
|
|
2103
|
+
.ui-topbar[data-overflow="scroll"]
|
|
2104
|
+
> .ui-topbar-center:has(> :is(button, a, [role="button"]):not(.ui-topbar-search, .tb-search)) {
|
|
2105
|
+
min-inline-size: min-content;
|
|
2106
|
+
}
|
|
2107
|
+
|
|
2098
2108
|
.ui-topbar-search,
|
|
2099
2109
|
.ui-topbar-search-panel {
|
|
2100
2110
|
display: flex;
|
|
@@ -2272,6 +2282,44 @@
|
|
|
2272
2282
|
overflow: visible;
|
|
2273
2283
|
}
|
|
2274
2284
|
|
|
2285
|
+
.ui-topbar[data-identity="true"] {
|
|
2286
|
+
overflow: clip;
|
|
2287
|
+
}
|
|
2288
|
+
.ui-topbar-controls {
|
|
2289
|
+
padding-inline: 0;
|
|
2290
|
+
height: auto;
|
|
2291
|
+
background: none;
|
|
2292
|
+
backdrop-filter: none;
|
|
2293
|
+
}
|
|
2294
|
+
|
|
2295
|
+
.ui-topbar-controls > .ui-topbar-start {
|
|
2296
|
+
display: contents;
|
|
2297
|
+
}
|
|
2298
|
+
.ui-topbar-identity {
|
|
2299
|
+
display: flex;
|
|
2300
|
+
align-self: stretch;
|
|
2301
|
+
flex: 0 0 auto;
|
|
2302
|
+
min-inline-size: 0;
|
|
2303
|
+
max-inline-size: var(--topbar-identity-max-inline-size);
|
|
2304
|
+
margin-inline-start: auto;
|
|
2305
|
+
}
|
|
2306
|
+
.ui-topbar-item[data-truncate="true"] {
|
|
2307
|
+
flex: 0 1 auto;
|
|
2308
|
+
min-inline-size: var(--topbar-item-min-width);
|
|
2309
|
+
max-inline-size: 100%;
|
|
2310
|
+
}
|
|
2311
|
+
.ui-topbar-item[data-truncate="true"] > .ui-topbar-item-label {
|
|
2312
|
+
min-inline-size: 0;
|
|
2313
|
+
|
|
2314
|
+
line-height: var(--line-height-normal);
|
|
2315
|
+
overflow: hidden;
|
|
2316
|
+
text-overflow: ellipsis;
|
|
2317
|
+
white-space: nowrap;
|
|
2318
|
+
}
|
|
2319
|
+
.ui-topbar-identity .ui-topbar-item[data-truncate="true"] > .ui-topbar-item-label {
|
|
2320
|
+
min-inline-size: var(--topbar-identity-min-text-inline-size);
|
|
2321
|
+
}
|
|
2322
|
+
|
|
2275
2323
|
.ui-topbar-item {
|
|
2276
2324
|
display: inline-flex;
|
|
2277
2325
|
min-width: var(--topbar-item-min-width);
|