@godxjp/ui 33.2.1 → 33.4.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/README.md +5 -5
- package/agent/START-HERE.md +6 -6
- package/agent/components/ResponsiveGrid.json +2 -2
- package/agent/components/SearchForm.json +115 -0
- package/agent/components/Toolbar.json +6 -3
- package/agent/components/TopbarItem.json +1 -1
- package/agent/components-index.json +10 -1
- package/agent/components.json +124 -6
- package/agent/index.json +7 -7
- package/agent/llms.txt +7 -7
- package/agent/patterns/condition-builder.json +31 -0
- package/agent/patterns/data-table-page.json +1 -1
- package/agent/patterns/filter-bar-layouts.json +30 -0
- package/agent/patterns/inertia-list-page.json +1 -1
- package/agent/patterns/list-filters.json +1 -1
- package/agent/patterns/search-form.json +27 -0
- package/agent/patterns-index.json +85 -0
- package/agent/patterns.json +91 -3
- package/agent/rules.json +1 -1
- package/agent/tokens.json +16 -4
- package/dist/components/data-display/popover.js +8 -6
- package/dist/components/feedback/overlay-close-focus.js +3 -2
- package/dist/components/feedback/tooltip.js +2 -1
- package/dist/components/layout/topbar-item.js +1 -1
- package/dist/components/navigation/index.d.ts +2 -0
- package/dist/components/navigation/index.js +2 -0
- package/dist/components/navigation/search-form.d.ts +31 -0
- package/dist/components/navigation/search-form.js +112 -0
- package/dist/contracts/measurement.json +1 -1
- package/dist/i18n/messages/en.json +9 -0
- package/dist/i18n/messages/ja.json +9 -0
- package/dist/i18n/messages/vi.json +9 -0
- package/dist/lab/mega-menu.js +3 -2
- package/dist/lib/active-element.d.ts +12 -0
- package/dist/lib/active-element.js +10 -0
- package/dist/lib/shortcut.js +3 -2
- package/dist/props/components/layout.prop.d.ts +6 -1
- package/dist/props/components/navigation.prop.d.ts +43 -3
- package/dist/props/registry.d.ts +5 -0
- package/dist/props/registry.js +12 -0
- package/dist/styles/layers.json +11 -1
- package/dist/styles/layout.css +41 -0
- package/dist/styles/shell-layout.css +19 -3
- package/dist/styles.css +1 -1
- package/dist/tokens/components/shell.css +4 -2
- package/docs/CONSUMER-RULES.md +1 -1
- package/package.json +2 -2
- package/scripts/ui-audit.mjs +148 -3
|
@@ -203,6 +203,14 @@
|
|
|
203
203
|
--control-height-sm: var(--app-shell-nav-rail-item-size);
|
|
204
204
|
}
|
|
205
205
|
|
|
206
|
+
.app-nav-rail {
|
|
207
|
+
--topbar-item-badge-ring-color: var(--app-shell-nav-rail-background, hsl(var(--muted)));
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
.app-mobile-nav-rail {
|
|
211
|
+
--topbar-item-badge-ring-color: var(--sheet-surface-background, hsl(var(--background)));
|
|
212
|
+
}
|
|
213
|
+
|
|
206
214
|
.app-nav-rail[data-edge="end"] {
|
|
207
215
|
border-inline-start: var(--stroke-hairline) solid hsl(var(--border));
|
|
208
216
|
border-inline-end: 0;
|
|
@@ -836,6 +844,8 @@
|
|
|
836
844
|
flex-direction: column;
|
|
837
845
|
border-inline-end: var(--stroke-hairline) solid hsl(var(--border));
|
|
838
846
|
inline-size: var(--app-shell-nav-rail-width);
|
|
847
|
+
|
|
848
|
+
padding-block: var(--app-shell-nav-rail-inset);
|
|
839
849
|
overflow-y: auto;
|
|
840
850
|
overscroll-behavior: contain;
|
|
841
851
|
}
|
|
@@ -2315,10 +2325,13 @@
|
|
|
2315
2325
|
position: absolute;
|
|
2316
2326
|
|
|
2317
2327
|
inset-block-start: calc(
|
|
2318
|
-
50% - var(--topbar-icon-size) / 2 -
|
|
2328
|
+
50% - var(--topbar-icon-size) / 2 -
|
|
2329
|
+
var(--topbar-item-badge-offset-block, var(--topbar-item-badge-size) * 3 / 4)
|
|
2319
2330
|
);
|
|
2320
|
-
inset-inline-end:
|
|
2321
|
-
|
|
2331
|
+
inset-inline-end: max(
|
|
2332
|
+
var(--topbar-item-badge-ring-width),
|
|
2333
|
+
50% - var(--topbar-icon-size) / 2 -
|
|
2334
|
+
var(--topbar-item-badge-offset-inline, var(--topbar-item-badge-size) / 2)
|
|
2322
2335
|
);
|
|
2323
2336
|
display: inline-flex;
|
|
2324
2337
|
min-inline-size: var(--topbar-item-badge-size);
|
|
@@ -2333,6 +2346,9 @@
|
|
|
2333
2346
|
font-weight: var(--font-weight-medium);
|
|
2334
2347
|
line-height: 1;
|
|
2335
2348
|
|
|
2349
|
+
box-shadow: 0 0 0 var(--topbar-item-badge-ring-width)
|
|
2350
|
+
var(--topbar-item-badge-ring-color, hsl(var(--card)));
|
|
2351
|
+
|
|
2336
2352
|
pointer-events: none;
|
|
2337
2353
|
}
|
|
2338
2354
|
|