@godxjp/ui 13.8.0 → 13.9.1

package/dist/styles/navigation-layout.css

@@ -30,7 +30,7 @@
     display: flex;
     align-items: center;
     gap: var(--space-2);
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
   }
 
   .ui-context-menu-item,
@@ -101,7 +101,7 @@
   .ui-context-menu-shortcut,
   .ui-menubar-shortcut {
     margin-inline-start: auto;
-    text-align: right;
+    text-align: end;
     color: hsl(var(--muted-foreground));
     font-size: var(--font-size-xs);
   }
@@ -154,7 +154,7 @@
   .ui-menubar-sub-trigger-icon {
     width: 1rem;
     height: 1rem;
-    margin-left: auto;
+    margin-inline-start: auto;
     opacity: 0.75;
   }
 
@@ -208,7 +208,7 @@
     padding-inline: var(--space-2);
     padding-block: var(--space-2);
     height: var(--control-height);
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
     display: inline-flex;
     align-items: center;
     gap: var(--space-1);
@@ -218,14 +218,14 @@
   .ui-navigation-menu-trigger-icon {
     width: 0.9rem;
     height: 0.9rem;
-    margin-left: var(--space-2);
+    margin-inline-start: var(--space-2);
     opacity: 0.7;
   }
 
   .ui-navigation-menu-content {
     position: absolute;
     top: 100%;
-    left: 0;
+    inset-inline-start: 0;
     min-width: 14rem;
     z-index: 50;
     overflow: hidden;
@@ -244,7 +244,7 @@
 
   .ui-navigation-menu-viewport {
     position: absolute;
-    left: 0;
+    inset-inline-start: 0;
     top: 100%;
     width: 100%;
     overflow: hidden;

package/dist/styles/shell-layout.css

@@ -28,7 +28,7 @@
     min-width: 0;
     flex-direction: column;
     overflow: hidden;
-    border-right: 1px solid hsl(var(--border));
+    border-inline-end: 1px solid hsl(var(--border));
     background: hsl(var(--card));
     color: hsl(var(--foreground));
   }
@@ -99,7 +99,7 @@
     border-bottom: 1px solid hsl(var(--border));
     padding: var(--space-2) var(--space-4);
     color: hsl(var(--muted-foreground));
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
   }
 
   @media (max-width: 1023px) {
@@ -137,7 +137,7 @@
     background: transparent;
     color: inherit;
     font-family: inherit;
-    text-align: left;
+    text-align: start;
   }
 
   .sb-product {
@@ -156,7 +156,7 @@
     place-items: center;
     border-radius: var(--radius);
     color: white;
-    font-size: 0.75rem;
+    font-size: var(--font-size-xs);
     font-weight: 700;
   }
 
@@ -169,7 +169,7 @@
 
   .sb-product-name {
     overflow: hidden;
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
     font-weight: 700;
     line-height: 1.2;
     text-overflow: ellipsis;
@@ -240,8 +240,8 @@
     color: hsl(var(--muted-foreground));
     cursor: pointer;
     font-family: inherit;
-    font-size: var(--font-size-sm);
-    text-align: left;
+    font-size: var(--font-size-base);
+    text-align: start;
   }
 
   .sb-nav-item:hover,
@@ -297,7 +297,7 @@
 
   /* Collapsible group trigger chevron (rotates when open). */
   .sb-nav-group-trigger .sb-chevron {
-    margin-left: auto;
+    margin-inline-start: auto;
     flex: 0 0 auto;
     opacity: 0.6;
     transition: transform 150ms ease;
@@ -314,8 +314,8 @@
     flex-direction: column;
     gap: 2px;
     margin: 2px 0 var(--space-1) calc(var(--space-2) + 0.6875rem);
-    padding-left: var(--space-3);
-    border-left: 1px solid hsl(var(--border));
+    padding-inline-start: var(--space-3);
+    border-inline-start: 1px solid hsl(var(--border));
   }
 
   .sb-nav-item--sub {
@@ -383,7 +383,7 @@
     color: inherit;
     cursor: pointer;
     font-family: inherit;
-    text-align: left;
+    text-align: start;
   }
 
   .sb-user:hover,
@@ -410,13 +410,13 @@
     border-radius: var(--radius-pill);
     background: hsl(var(--secondary));
     color: hsl(var(--muted-foreground));
-    font-size: 11px;
+    font-size: var(--font-size-2xs);
     font-weight: 500;
   }
 
   .sb-user-live {
     position: absolute;
-    right: -1px;
+    inset-inline-end: -1px;
     bottom: -1px;
     width: 0.5625rem;
     height: 0.5625rem;
@@ -433,7 +433,7 @@
 
   .sb-user-name {
     overflow: hidden;
-    font-size: 12px;
+    font-size: var(--font-size-xs);
     font-weight: 500;
     line-height: 1.3;
     text-overflow: ellipsis;
@@ -502,7 +502,7 @@
     color: hsl(var(--foreground));
     cursor: pointer;
     font: inherit;
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
   }
 
   .tb-chip:hover,
@@ -560,7 +560,7 @@
     color: hsl(var(--muted-foreground));
     cursor: pointer;
     font: inherit;
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
   }
 
   .tb-search svg,
@@ -572,7 +572,7 @@
   .kbd {
     display: inline-flex;
     align-items: center;
-    margin-left: auto;
+    margin-inline-start: auto;
     padding: 1px 5px;
     border: 1px solid hsl(var(--border));
     border-bottom-width: 2px;
@@ -617,7 +617,7 @@
   .tb-bell-dot {
     position: absolute;
     top: 0.35rem;
-    right: 0.35rem;
+    inset-inline-end: 0.35rem;
     width: 0.375rem;
     height: 0.375rem;
     border-radius: var(--radius-pill);

package/dist/styles/table-layout.css

@@ -6,7 +6,7 @@
   [data-slot="table-head"] {
     height: var(--table-row-height);
     padding: var(--table-cell-padding-y) var(--table-cell-space-x);
-    text-align: left;
+    text-align: start;
     vertical-align: middle;
     background: hsl(var(--secondary));
     font-size: var(--font-size-xs);
@@ -16,7 +16,7 @@
   }
 
   [data-slot="table-head"]:has([role="checkbox"]) {
-    padding-right: 0;
+    padding-inline-end: 0;
   }
 
   /* A column with an empty header (icon / action column) shouldn't paint the
@@ -37,7 +37,7 @@
   }
 
   [data-slot="table-cell"]:has([role="checkbox"]) {
-    padding-right: 0;
+    padding-inline-end: 0;
   }
 
   .ui-data-table-toolbar {
@@ -65,7 +65,7 @@
     display: flex;
     align-items: center;
     gap: var(--space-inline-sm);
-    font-size: var(--font-size-sm);
+    font-size: var(--font-size-base);
   }
 
   .ui-data-table-bulk-actions {
@@ -125,7 +125,7 @@
     content: "";
     position: absolute;
     top: 0;
-    right: var(--space-page-active-x);
+    inset-inline-end: var(--space-page-active-x);
     bottom: 0;
     z-index: 20;
     width: 1.75rem;
@@ -139,7 +139,7 @@
   }
 
   [data-slot="card-content"][data-flush] .ui-data-table-scroll::after {
-    right: 0;
+    inset-inline-end: 0;
   }
 
   [data-slot="card-content"][data-flush] .ui-data-table-surface {
@@ -154,7 +154,7 @@
     }
 
     .ui-data-table-scroll::after {
-      right: 0;
+      inset-inline-end: 0;
     }
   }
 }

package/dist/tokens/components/badge.css

@@ -4,4 +4,7 @@
   --badge-space-gap: var(--space-inline-xs);
   --badge-space-x: var(--space-2);
   --badge-space-y: var(--space-1);
+  /* Small-by-design (badge/pill/counter). A knob (rule #45) so a service can
+   * re-tune badge text without touching the global --font-size-xs step. */
+  --badge-font-size: var(--font-size-xs);
 }

package/dist/tokens/components/card.css

@@ -15,6 +15,10 @@
   --card-border: var(--border);
   --card-header-background: var(--muted);
   --card-header-background-alpha: 0.55;
+  /* Banded-header divider — tokenised (rule #44) so a service theme can make it
+   * dashed / heavier / none without forking CSS. Pair with
+   * --card-header-background-alpha: 0 for a quiet borderless-band header. */
+  --card-header-border-bottom: 1px solid hsl(var(--card-border));
   --card-radius: var(--radius);
   --stat-card-label-font-size: var(--font-size-xs);
   --stat-card-label-font-weight: var(--font-weight-medium);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godxjp/ui",
-  "version": "13.8.0",
+  "version": "13.9.1",
   "type": "module",
   "packageManager": "pnpm@10.29.1",
   "sideEffects": false,
@@ -266,14 +266,16 @@
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
     "check:example-imports": "node scripts/check-example-imports.mjs",
-    "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:mcp-sync && pnpm check:mcp-orphans && pnpm test",
-    "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:mcp-sync && pnpm check:mcp-orphans && pnpm check:mcp-prop-sync && pnpm test",
+    "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",
+    "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",
     "check:mcp-sync": "node scripts/check-mcp-sync.mjs",
     "check:mcp-orphans": "node scripts/check-mcp-orphans.mjs",
     "check:mcp-prop-sync": "node scripts/check-mcp-prop-sync.mjs",
     "check:prop-vocabulary": "node scripts/check-prop-vocabulary.mjs",
     "check:token-tiers": "node scripts/check-token-tiers.mjs",
     "check:control-sizing": "node scripts/check-control-sizing.mjs",
+    "check:rtl": "node scripts/check-rtl.mjs",
+    "check:typography": "node scripts/check-typography.mjs",
     "check:core-isolation": "node scripts/check-core-isolation.mjs",
     "release": "node scripts/release.mjs",
     "preview": "node preview/scripts/kill-port.mjs && vite --config preview/vite.config.ts --port 6008 --strictPort",

package/dist/{chunk-LVLPNKJP.js → chunk-IESBK6XZ.js}

@@ -1,6 +1,6 @@
 import { Input } from './chunk-K24AQV4R.js';
-import { Label } from './chunk-7PWBC4BY.js';
 import { useTranslation } from './chunk-B6S6LTWT.js';
+import { Label } from './chunk-7PWBC4BY.js';
 import { useDebouncedValue } from './chunk-LFW37FGG.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';