@godxjp/ui 13.9.0 → 13.9.2

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.
Files changed (61) hide show
  1. package/dist/{chunk-3R3QVJCB.js → chunk-2RGPEFAW.js} +19 -1
  2. package/dist/{chunk-DBVZ73ML.js → chunk-7KN4I3ZG.js} +4 -4
  3. package/dist/{chunk-TRBD4RXJ.js → chunk-DIH7VPGN.js} +3 -3
  4. package/dist/{chunk-UT6DAJUL.js → chunk-EQUUIEKU.js} +1 -1
  5. package/dist/{chunk-3UTHNXKB.js → chunk-FISUA4FU.js} +1 -1
  6. package/dist/{chunk-KZ7ZDNUN.js → chunk-FQGGF7GQ.js} +3 -3
  7. package/dist/{chunk-6SZKFJYY.js → chunk-HDWTBX2Q.js} +1 -1
  8. package/dist/{chunk-IRBI2EZ2.js → chunk-KNXOBSUZ.js} +3 -3
  9. package/dist/{chunk-IAJOP2Z3.js → chunk-LBYSX3VM.js} +4 -1
  10. package/dist/components/admin/index.js +31 -31
  11. package/dist/components/data-display/index.js +8 -8
  12. package/dist/components/data-entry/cascader.js +4 -4
  13. package/dist/components/data-entry/command.js +1 -1
  14. package/dist/components/data-entry/date-picker.js +3 -3
  15. package/dist/components/data-entry/date-range-picker.js +1 -1
  16. package/dist/components/data-entry/index.js +23 -23
  17. package/dist/components/data-entry/select.js +3 -3
  18. package/dist/components/data-entry/time-picker.js +2 -2
  19. package/dist/components/data-entry/transfer.js +6 -6
  20. package/dist/components/data-entry/tree-select.js +5 -5
  21. package/dist/components/data-entry/upload.js +4 -4
  22. package/dist/components/data-grid/index.js +8 -8
  23. package/dist/components/feedback/alert.js +2 -2
  24. package/dist/components/feedback/dialog.js +2 -2
  25. package/dist/components/feedback/index.js +6 -6
  26. package/dist/components/layout/index.js +5 -5
  27. package/dist/components/navigation/index.js +8 -8
  28. package/dist/components/navigation/pagination.js +4 -4
  29. package/dist/components/query/index.js +2 -2
  30. package/dist/components/ui/index.js +27 -27
  31. package/dist/form/index.js +1 -1
  32. package/dist/index.js +39 -39
  33. package/dist/styles/alert-layout.css +3 -3
  34. package/dist/styles/badge-layout.css +1 -1
  35. package/dist/styles/card-layout.css +1 -1
  36. package/dist/styles/control.css +19 -19
  37. package/dist/styles/data-display-layout.css +7 -7
  38. package/dist/styles/data-entry-layout.css +5 -5
  39. package/dist/styles/dialog-layout.css +1 -1
  40. package/dist/styles/layout.css +3 -3
  41. package/dist/styles/navigation-layout.css +3 -3
  42. package/dist/styles/shell-layout.css +16 -16
  43. package/dist/styles/table-layout.css +2 -2
  44. package/dist/tokens/base.css +3 -0
  45. package/dist/tokens/components/badge.css +3 -0
  46. package/dist/tokens/components/card.css +1 -0
  47. package/dist/tokens/components/control.css +7 -0
  48. package/dist/tokens/components/data-display.css +8 -0
  49. package/dist/tokens/components/data-entry.css +6 -0
  50. package/dist/tokens/components/navigation.css +2 -0
  51. package/dist/tokens/components/shell.css +17 -0
  52. package/dist/tokens/components/table.css +1 -0
  53. package/package.json +4 -3
  54. package/dist/{chunk-76YSDJDP.js → chunk-3VFNWVR7.js} +2 -2
  55. package/dist/{chunk-7PBKPDBJ.js → chunk-57VDEN64.js} +1 -1
  56. package/dist/{chunk-2JOJYHG2.js → chunk-65RWSIZF.js} +1 -1
  57. package/dist/{chunk-E3Z3XCQR.js → chunk-7WKODMCZ.js} +2 -2
  58. package/dist/{chunk-N2WBUCVY.js → chunk-BF7J2U3E.js} +1 -1
  59. package/dist/{chunk-MSRJC3RT.js → chunk-D4JX6O2W.js} +1 -1
  60. package/dist/{chunk-HNL7CJFO.js → chunk-DQGTN6UJ.js} +2 -2
  61. package/dist/{chunk-IESBK6XZ.js → chunk-LVLPNKJP.js} +1 -1
@@ -99,7 +99,7 @@
99
99
  border-bottom: 1px solid hsl(var(--border));
100
100
  padding: var(--space-2) var(--space-4);
101
101
  color: hsl(var(--muted-foreground));
102
- font-size: var(--font-size-sm);
102
+ font-size: var(--font-size-base);
103
103
  }
104
104
 
105
105
  @media (max-width: 1023px) {
@@ -156,7 +156,7 @@
156
156
  place-items: center;
157
157
  border-radius: var(--radius);
158
158
  color: white;
159
- font-size: 0.75rem;
159
+ font-size: var(--sidebar-logo-mark-font-size);
160
160
  font-weight: 700;
161
161
  }
162
162
 
@@ -169,7 +169,7 @@
169
169
 
170
170
  .sb-product-name {
171
171
  overflow: hidden;
172
- font-size: var(--font-size-sm);
172
+ font-size: var(--font-size-base);
173
173
  font-weight: 700;
174
174
  line-height: 1.2;
175
175
  text-overflow: ellipsis;
@@ -183,7 +183,7 @@
183
183
 
184
184
  .sb-product-tenant {
185
185
  overflow: hidden;
186
- font-size: var(--font-size-2xs);
186
+ font-size: var(--sidebar-product-tenant-font-size);
187
187
  font-weight: 700;
188
188
  letter-spacing: 0.08em;
189
189
  line-height: 1.2;
@@ -213,7 +213,7 @@
213
213
  .sb-section-label {
214
214
  padding: 0 var(--space-2) var(--space-1);
215
215
  color: hsl(var(--muted-foreground));
216
- font-size: var(--font-size-2xs);
216
+ font-size: var(--sidebar-section-label-font-size);
217
217
  font-weight: 700;
218
218
  letter-spacing: 0.08em;
219
219
  line-height: 1.2;
@@ -240,7 +240,7 @@
240
240
  color: hsl(var(--muted-foreground));
241
241
  cursor: pointer;
242
242
  font-family: inherit;
243
- font-size: var(--font-size-sm);
243
+ font-size: var(--font-size-base);
244
244
  text-align: start;
245
245
  }
246
246
 
@@ -283,7 +283,7 @@
283
283
  border-radius: var(--radius-pill);
284
284
  background: hsl(var(--secondary));
285
285
  color: hsl(var(--muted-foreground));
286
- font-size: var(--font-size-2xs);
286
+ font-size: var(--sidebar-badge-font-size);
287
287
  font-weight: var(--font-weight-medium);
288
288
  line-height: 1.2;
289
289
  padding-inline: 0.375rem;
@@ -320,7 +320,7 @@
320
320
 
321
321
  .sb-nav-item--sub {
322
322
  height: 1.75rem;
323
- font-size: var(--font-size-xs);
323
+ font-size: var(--sidebar-nav-sub-font-size);
324
324
  color: hsl(var(--muted-foreground));
325
325
  }
326
326
 
@@ -364,7 +364,7 @@
364
364
  .sb-flyout-title {
365
365
  padding: var(--space-1) var(--space-2);
366
366
  color: hsl(var(--muted-foreground));
367
- font-size: var(--font-size-xs);
367
+ font-size: var(--sidebar-flyout-title-font-size);
368
368
  font-weight: var(--font-weight-medium);
369
369
  white-space: nowrap;
370
370
  }
@@ -410,7 +410,7 @@
410
410
  border-radius: var(--radius-pill);
411
411
  background: hsl(var(--secondary));
412
412
  color: hsl(var(--muted-foreground));
413
- font-size: 11px;
413
+ font-size: var(--sidebar-avatar-font-size);
414
414
  font-weight: 500;
415
415
  }
416
416
 
@@ -433,7 +433,7 @@
433
433
 
434
434
  .sb-user-name {
435
435
  overflow: hidden;
436
- font-size: 12px;
436
+ font-size: var(--sidebar-user-name-font-size);
437
437
  font-weight: 500;
438
438
  line-height: 1.3;
439
439
  text-overflow: ellipsis;
@@ -443,7 +443,7 @@
443
443
  .sb-user-role {
444
444
  overflow: hidden;
445
445
  color: hsl(var(--muted-foreground));
446
- font-size: var(--font-size-2xs);
446
+ font-size: var(--sidebar-user-role-font-size);
447
447
  line-height: 1.3;
448
448
  text-overflow: ellipsis;
449
449
  white-space: nowrap;
@@ -502,7 +502,7 @@
502
502
  color: hsl(var(--foreground));
503
503
  cursor: pointer;
504
504
  font: inherit;
505
- font-size: var(--font-size-sm);
505
+ font-size: var(--font-size-base);
506
506
  }
507
507
 
508
508
  .tb-chip:hover,
@@ -525,7 +525,7 @@
525
525
  place-items: center;
526
526
  border-radius: calc(var(--radius) - 2px);
527
527
  color: white;
528
- font-size: var(--font-size-2xs);
528
+ font-size: var(--topbar-chip-icon-font-size);
529
529
  font-weight: 700;
530
530
  }
531
531
 
@@ -560,7 +560,7 @@
560
560
  color: hsl(var(--muted-foreground));
561
561
  cursor: pointer;
562
562
  font: inherit;
563
- font-size: var(--font-size-sm);
563
+ font-size: var(--font-size-base);
564
564
  }
565
565
 
566
566
  .tb-search svg,
@@ -580,7 +580,7 @@
580
580
  background: hsl(var(--secondary));
581
581
  color: hsl(var(--muted-foreground));
582
582
  font-family: var(--font-family-mono);
583
- font-size: var(--font-size-2xs);
583
+ font-size: var(--kbd-font-size);
584
584
  line-height: 1.2;
585
585
  }
586
586
 
@@ -9,7 +9,7 @@
9
9
  text-align: start;
10
10
  vertical-align: middle;
11
11
  background: hsl(var(--secondary));
12
- font-size: var(--font-size-xs);
12
+ font-size: var(--table-head-font-size);
13
13
  font-weight: var(--font-weight-medium);
14
14
  color: hsl(var(--muted-foreground));
15
15
  white-space: nowrap;
@@ -65,7 +65,7 @@
65
65
  display: flex;
66
66
  align-items: center;
67
67
  gap: var(--space-inline-sm);
68
- font-size: var(--font-size-sm);
68
+ font-size: var(--font-size-base);
69
69
  }
70
70
 
71
71
  .ui-data-table-bulk-actions {
@@ -12,3 +12,6 @@
12
12
  @import "./components/feedback.css";
13
13
  @import "./components/badge.css";
14
14
  @import "./components/navigation.css";
15
+ @import "./components/data-display.css";
16
+ @import "./components/data-entry.css";
17
+ @import "./components/shell.css";
@@ -4,4 +4,7 @@
4
4
  --badge-space-gap: var(--space-inline-xs);
5
5
  --badge-space-x: var(--space-2);
6
6
  --badge-space-y: var(--space-1);
7
+ /* Small-by-design (badge/pill/counter). A knob (rule #45) so a service can
8
+ * re-tune badge text without touching the global --font-size-xs step. */
9
+ --badge-font-size: var(--font-size-xs);
7
10
  }
@@ -29,4 +29,5 @@
29
29
  --stat-card-hint-font-size: var(--font-size-xs);
30
30
  --stat-card-gap: var(--space-stack-xs);
31
31
  --stat-card-icon-size: 2.25rem;
32
+ --stat-card-delta-font-size: var(--font-size-xs);
32
33
  }
@@ -72,4 +72,11 @@
72
72
  --control-height-compact: 2.75rem;
73
73
  --control-height-default: 2.75rem;
74
74
  }
75
+ --choice-description-font-size: var(--font-size-xs);
76
+ --color-picker-hex-font-size: var(--font-size-xs);
77
+ --command-group-heading-font-size: var(--font-size-xs);
78
+ --search-input-label-font-size: var(--font-size-xs);
79
+ --tag-input-chip-font-size: var(--font-size-xs);
80
+ --toggle-sm-font-size: var(--font-size-xs);
81
+ --button-sm-font-size: var(--font-size-xs);
75
82
  }
@@ -0,0 +1,8 @@
1
+ /* Data-display component tokens — small-by-design text knobs (rule #45/#46). */
2
+
3
+ :root {
4
+ --progress-label-font-size: var(--font-size-xs);
5
+ --tree-item-title-font-size: var(--font-size-xs);
6
+ --tree-item-description-font-size: var(--font-size-xs);
7
+ --timeline-note-font-size: var(--font-size-xs);
8
+ }
@@ -0,0 +1,6 @@
1
+ /* Data-entry component tokens — small-by-design text knobs (rule #45/#46). */
2
+
3
+ :root {
4
+ --password-strength-score-font-size: var(--font-size-xs);
5
+ --password-strength-checklist-font-size: var(--font-size-xs);
6
+ }
@@ -10,4 +10,6 @@
10
10
  --filter-label-font-size: var(--font-size-xs);
11
11
  --filter-picker-width-sm: 11rem;
12
12
  --filter-picker-width-md: 14rem;
13
+ --breadcrumb-font-size: var(--font-size-xs);
14
+ --menubar-shortcut-font-size: var(--font-size-xs);
13
15
  }
@@ -0,0 +1,17 @@
1
+ /* Shell (sidebar / topbar / kbd) component tokens — small-by-design text
2
+ * knobs (rule #45/#46). A service re-tunes chrome text without moving the
3
+ * global scale. */
4
+
5
+ :root {
6
+ --sidebar-section-label-font-size: var(--font-size-2xs);
7
+ --sidebar-product-tenant-font-size: var(--font-size-2xs);
8
+ --sidebar-badge-font-size: var(--font-size-2xs);
9
+ --sidebar-user-role-font-size: var(--font-size-2xs);
10
+ --sidebar-nav-sub-font-size: var(--font-size-xs);
11
+ --sidebar-flyout-title-font-size: var(--font-size-xs);
12
+ --topbar-chip-icon-font-size: var(--font-size-2xs);
13
+ --kbd-font-size: var(--font-size-2xs);
14
+ --sidebar-logo-mark-font-size: var(--font-size-xs);
15
+ --sidebar-avatar-font-size: var(--font-size-2xs);
16
+ --sidebar-user-name-font-size: var(--font-size-xs);
17
+ }
@@ -7,4 +7,5 @@
7
7
  --table-row-height: var(--table-row-height-default);
8
8
  --table-cell-padding-y: var(--space-2);
9
9
  --table-cell-space-x: var(--control-padding-x);
10
+ --table-head-font-size: var(--font-size-xs);
10
11
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@godxjp/ui",
3
- "version": "13.9.0",
3
+ "version": "13.9.2",
4
4
  "type": "module",
5
5
  "packageManager": "pnpm@10.29.1",
6
6
  "sideEffects": false,
@@ -266,8 +266,8 @@
266
266
  "test:watch": "vitest",
267
267
  "test:coverage": "vitest run --coverage",
268
268
  "check:example-imports": "node scripts/check-example-imports.mjs",
269
- "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:rtl && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm test",
270
- "verify:release": "pnpm typecheck && pnpm lint && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:rtl && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm check:mcp-prop-sync && pnpm test",
269
+ "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm test",
270
+ "verify:release": "pnpm typecheck && pnpm lint && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm check:mcp-prop-sync && pnpm test",
271
271
  "check:mcp-sync": "node scripts/check-mcp-sync.mjs",
272
272
  "check:mcp-orphans": "node scripts/check-mcp-orphans.mjs",
273
273
  "check:mcp-prop-sync": "node scripts/check-mcp-prop-sync.mjs",
@@ -275,6 +275,7 @@
275
275
  "check:token-tiers": "node scripts/check-token-tiers.mjs",
276
276
  "check:control-sizing": "node scripts/check-control-sizing.mjs",
277
277
  "check:rtl": "node scripts/check-rtl.mjs",
278
+ "check:typography": "node scripts/check-typography.mjs",
278
279
  "check:core-isolation": "node scripts/check-core-isolation.mjs",
279
280
  "release": "node scripts/release.mjs",
280
281
  "preview": "node preview/scripts/kill-port.mjs && vite --config preview/vite.config.ts --port 6008 --strictPort",
@@ -1,7 +1,7 @@
1
- import { Input } from './chunk-K24AQV4R.js';
2
1
  import { Calendar } from './chunk-NU2SOVTU.js';
3
- import { Popover, PopoverAnchor, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
2
+ import { Input } from './chunk-K24AQV4R.js';
4
3
  import { Button } from './chunk-XBFUROAY.js';
4
+ import { Popover, PopoverAnchor, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
5
5
  import { useTranslation, usePickerLocales } from './chunk-B6S6LTWT.js';
6
6
  import { toIsoDate, parseDateInput } from './chunk-5732TWQF.js';
7
7
  import { cn } from './chunk-U7N2A7A3.js';
@@ -1,6 +1,6 @@
1
1
  import { Input } from './chunk-K24AQV4R.js';
2
- import { Popover, PopoverAnchor, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
3
2
  import { Button } from './chunk-XBFUROAY.js';
3
+ import { Popover, PopoverAnchor, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
4
4
  import { useTranslation, usePickerLocales } from './chunk-B6S6LTWT.js';
5
5
  import { cn } from './chunk-U7N2A7A3.js';
6
6
  import * as React from 'react';
@@ -1,6 +1,6 @@
1
1
  import { Input } from './chunk-K24AQV4R.js';
2
- import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
3
2
  import { Button } from './chunk-XBFUROAY.js';
3
+ import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
4
4
  import { useTranslation, usePickerLocales } from './chunk-B6S6LTWT.js';
5
5
  import { normalizeHhmm, isValidHhmm } from './chunk-5732TWQF.js';
6
6
  import { cn } from './chunk-U7N2A7A3.js';
@@ -1,6 +1,6 @@
1
- import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './chunk-DV52WNXO.js';
2
- import { DropdownMenu, DropdownMenuTrigger } from './chunk-LMKUKCTN.js';
3
1
  import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-32WO3YLB.js';
2
+ import { DropdownMenu, DropdownMenuTrigger } from './chunk-LMKUKCTN.js';
3
+ import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './chunk-DV52WNXO.js';
4
4
  import { densityClass, pageContainerVariantClass } from './chunk-INIIF7F7.js';
5
5
  import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
6
6
  import { useTranslation } from './chunk-B6S6LTWT.js';
@@ -1,8 +1,8 @@
1
1
  import { overlayHeaderToneClass } from './chunk-VU4GFGDG.js';
2
2
  import { Input } from './chunk-K24AQV4R.js';
3
3
  import { buttonVariants, Button } from './chunk-XBFUROAY.js';
4
- import { useTranslation } from './chunk-B6S6LTWT.js';
5
4
  import { Label } from './chunk-7PWBC4BY.js';
5
+ import { useTranslation } from './chunk-B6S6LTWT.js';
6
6
  import { cn } from './chunk-U7N2A7A3.js';
7
7
  import * as React from 'react';
8
8
  import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -1,5 +1,5 @@
1
- import { Flex } from './chunk-INIIF7F7.js';
2
1
  import { humanError } from './chunk-X6AJ5HEI.js';
2
+ import { Flex } from './chunk-INIIF7F7.js';
3
3
  import { Button } from './chunk-XBFUROAY.js';
4
4
  import { useTranslation } from './chunk-B6S6LTWT.js';
5
5
  import { cn } from './chunk-U7N2A7A3.js';
@@ -1,8 +1,8 @@
1
1
  import { EmptyState } from './chunk-YD7V2HGZ.js';
2
- import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-IJ5ALJGA.js';
3
2
  import { Flex, densityClass } from './chunk-INIIF7F7.js';
4
- import { Checkbox } from './chunk-BE6GJGKJ.js';
5
3
  import { Button } from './chunk-XBFUROAY.js';
4
+ import { Checkbox } from './chunk-BE6GJGKJ.js';
5
+ import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-IJ5ALJGA.js';
6
6
  import { tableCellPaddingClass, tableRowHeightClass, controlIconSmClass } from './chunk-B4K4BXEF.js';
7
7
  import { useTranslation } from './chunk-B6S6LTWT.js';
8
8
  import { cn } from './chunk-U7N2A7A3.js';
@@ -1,6 +1,6 @@
1
1
  import { Input } from './chunk-K24AQV4R.js';
2
- import { useTranslation } from './chunk-B6S6LTWT.js';
3
2
  import { Label } from './chunk-7PWBC4BY.js';
3
+ import { useTranslation } from './chunk-B6S6LTWT.js';
4
4
  import { useDebouncedValue } from './chunk-LFW37FGG.js';
5
5
  import { cn } from './chunk-U7N2A7A3.js';
6
6
  import * as React from 'react';