@godxjp/ui 29.0.0 → 30.0.0

package/dist/tokens/components/data-display.css

@@ -49,7 +49,7 @@
   --prose-heading-space-block-start: var(--space-6);
   --prose-list-space-inline: var(--space-6);
   --prose-list-item-space: var(--space-1);
-  --prose-quote-border-width: var(--stroke-md);
+  --prose-quote-border-width: initial;
   --prose-quote-space-inline: var(--space-3);
   --prose-code-font-size: calc(1em / var(--font-size-ratio));
   --prose-code-space-inline: var(--space-1);
@@ -109,10 +109,10 @@
   --avatar-presence-size: 30%;
   --avatar-presence-min-size: var(--space-2);
   --avatar-presence-inset: 0;
-  --avatar-presence-ring-width: var(--stroke-md);
-  --avatar-presence-stroke-width: var(--stroke-sm);
+  --avatar-presence-ring-width: initial;
+  --avatar-presence-stroke-width: initial;
   --avatar-presence-bar-inline-size: 56%;
-  --avatar-presence-bar-block-size: var(--stroke-sm);
+  --avatar-presence-bar-block-size: initial;
   --avatar-presence-ring-color: initial;
   --avatar-presence-online-color: initial;
   --avatar-presence-away-color: initial;
@@ -132,7 +132,7 @@
 
   --progress-ring-size: 2.75rem;
   --progress-ring-size-sm: 2rem;
-  --progress-ring-border-width: var(--stroke-lg);
+  --progress-ring-border-width: initial;
 
   --progress-ring-label-font-size: initial;
 
@@ -147,7 +147,7 @@
   --swatch-size: 1rem;
   --swatch-radius: 0.125rem;
 
-  --swatch-border-width: var(--stroke-hairline);
+  --swatch-border-width: initial;
 
   --swatch-border-color: initial;
 
@@ -167,7 +167,7 @@
   --thumbnail-block-size-sm: 4rem;
   --thumbnail-block-size: 6rem;
   --thumbnail-block-size-lg: 10rem;
-  --thumbnail-border-width: var(--stroke-hairline);
+  --thumbnail-border-width: initial;
   --thumbnail-radius: initial;
 
   --timeline-dot-done-background: initial;
@@ -175,7 +175,7 @@
   --timeline-dot-current-background: initial;
   --timeline-line-completed-background: initial;
 
-  --timeline-dot-current-ring-width: var(--stroke-xl);
+  --timeline-dot-current-ring-width: initial;
 
   --qr-code-foreground: 0 0% 0%;
   --qr-code-background: 0 0% 100%;
@@ -204,8 +204,8 @@
   --timeline-grid-event-gap: var(--space-1);
   --timeline-grid-event-space-inset: var(--space-1);
   --timeline-grid-event-radius: initial;
-  --timeline-grid-event-border-width: var(--stroke-md);
-  --timeline-grid-now-width: var(--stroke-sm);
+  --timeline-grid-event-border-width: initial;
+  --timeline-grid-now-width: initial;
 
   --timeline-grid-line-color: initial;
   --timeline-grid-event-color: initial;
@@ -237,7 +237,7 @@
 
   --range-timeline-grid-color: initial;
 
-  --range-timeline-grid-width: var(--stroke-hairline);
+  --range-timeline-grid-width: initial;
 
   --range-timeline-muted-column-background: initial;
 

package/dist/tokens/components/data-entry.css

@@ -17,7 +17,7 @@
   --branch-scope-picker-subset-gap: 0.5rem;
   --branch-scope-picker-subset-padding-inline: 1rem;
 
-  --branch-scope-picker-subset-border-width: var(--stroke-md);
+  --branch-scope-picker-subset-border-width: initial;
 
   --branch-scope-picker-list-max-height: 16rem;
 }

package/dist/tokens/components/descriptions.css

@@ -21,7 +21,7 @@
   --descriptions-row-border: none;
   --descriptions-row-min-height: auto;
 
-  --descriptions-border-width: var(--stroke-hairline);
+  --descriptions-border-width: initial;
   --descriptions-border-radius: initial;
 
   --descriptions-cell-padding-y: var(--space-2);

package/dist/tokens/components/draggable-panel.css

@@ -20,7 +20,7 @@
 
   --draggable-panel-radius: initial;
   --draggable-panel-shadow: var(--shadow-lg);
-  --draggable-panel-border-width: var(--stroke-hairline);
+  --draggable-panel-border-width: initial;
 
   --draggable-panel-bar-padding: var(--space-2) var(--space-3);
   --draggable-panel-bar-gap: var(--space-2);

package/dist/tokens/components/feedback.css

@@ -74,7 +74,7 @@
   --alert-bg-alpha: 0.05;
   --alert-border-alpha: 0.3;
 
-  --banner-border-block-end-width: 1px;
+  --banner-border-block-end-width: initial;
   --banner-space-block: var(--space-3);
 
   --banner-space-inline: var(--space-page-active-x);

package/dist/tokens/components/legal-document.css

@@ -23,7 +23,7 @@
     calc(var(--font-size-base) / var(--font-size-ratio))
   );
 
-  --legal-document-toc-marker-width: var(--stroke-md);
+  --legal-document-toc-marker-width: initial;
 
   --legal-document-nav-gap: var(--space-4);
   --legal-document-header-gap: var(--space-2);

package/dist/tokens/components/logo.css

@@ -56,7 +56,7 @@
   --logo-wordmark-font-family: initial;
   --logo-wordmark-color: initial;
 
-  --logo-divider-width: var(--stroke-hairline);
+  --logo-divider-width: initial;
   --logo-divider-height: 1em;
   --logo-divider-alpha: 0.25;
   --logo-divider-color: initial;

package/dist/tokens/components/mega-menu.css

@@ -23,7 +23,7 @@
   --mega-menu-panel-background: hsl(var(--popover));
   --mega-menu-panel-foreground: hsl(var(--popover-foreground));
   --mega-menu-panel-border-color: hsl(var(--border));
-  --mega-menu-panel-border-width: 1px;
+  --mega-menu-panel-border-width: initial;
   --mega-menu-panel-radius: initial;
   --mega-menu-panel-padding: var(--space-6);
   --mega-menu-panel-shadow: var(--shadow-md);

package/dist/tokens/components/navigation.css

@@ -99,13 +99,13 @@
   --tabs-card-list-space-gap: var(--space-1);
 
   --tabs-card-radius: var(--radius-md, calc(var(--radius) / var(--radius-ratio)));
-  --tabs-card-rail-border-width: var(--stroke-hairline);
+  --tabs-card-rail-border-width: initial;
   --tabs-card-background: initial;
   --tabs-card-background-alpha: initial;
 
   --tabs-panel-background: initial;
   --tabs-panel-background-alpha: initial;
-  --tabs-panel-border-width: var(--tabs-card-rail-border-width);
+  --tabs-panel-border-width: var(--tabs-card-rail-border-width, var(--stroke-hairline));
 
   --tabs-panel-radius: initial;
   --tabs-panel-space-inset: var(--space-4);
@@ -122,7 +122,7 @@
   --tabs-count-active-background: initial;
   --tabs-count-active-background-alpha: initial;
   --tabs-count-active-color: initial;
-  --tabs-count-forced-outline-width: var(--stroke-hairline);
+  --tabs-count-forced-outline-width: initial;
 
   --tabs-bar-gap: var(--space-2);
   --tabs-extra-gap: var(--space-2);
@@ -183,8 +183,8 @@
   --menu-separator-space-inline: calc(var(--space-1) * -1);
 
   --steps-dot-size: 0.625rem;
-  --steps-dot-process-ring-width: var(--stroke-xl);
-  --steps-marker-border-width: var(--stroke-md);
+  --steps-dot-process-ring-width: initial;
+  --steps-marker-border-width: initial;
   --steps-marker-font-size: var(--font-size-sm, var(--font-size-base));
   --steps-marker-icon-size: var(--icon-size-md);
   --steps-wait-icon-size: var(--icon-size-xs);
@@ -213,7 +213,7 @@
   --steps-nav-radius: initial;
   --steps-nav-separator-size: var(--control-icon-size-sm);
 
-  --steps-progress-ring-width: var(--stroke-md);
+  --steps-progress-ring-width: initial;
   --steps-progress-track-color: initial;
 
   --app-setting-picker-locale-width: 10rem;

package/dist/tokens/components/segmented.css

@@ -21,9 +21,9 @@
 
   --segmented-item-gap: calc(var(--space-3) / 2);
 
-  --segmented-item-color: var(--muted-foreground);
-  --segmented-item-hover-color: var(--foreground);
-  --segmented-item-selected-color: var(--foreground);
+  --segmented-item-color: initial;
+  --segmented-item-hover-color: initial;
+  --segmented-item-selected-color: initial;
 
   --segmented-item-hover-background: initial;
   --segmented-item-hover-background-alpha: initial;

package/dist/tokens/components/separator.css

@@ -1,7 +1,7 @@
 
 :root {
 
-  --separator-rule-size: var(--stroke-hairline);
+  --separator-rule-size: initial;
 
   --separator-rule-color: initial;
 

package/dist/tokens/components/shell.css

@@ -36,7 +36,7 @@
     --font-size-2xs,
     calc(var(--font-size-base) / var(--font-size-ratio) / var(--font-size-ratio))
   );
-  --org-switcher-meta-foreground: var(--muted-foreground);
+  --org-switcher-meta-foreground: initial;
   --sidebar-nav-sub-font-size: var(
     --font-size-xs,
     calc(var(--font-size-base) / var(--font-size-ratio))
@@ -162,7 +162,7 @@
   --topbar-item-min-width: var(--control-height);
 
   --topbar-item-radius: var(--radius-sharp);
-  --topbar-item-color: var(--muted-foreground);
+  --topbar-item-color: initial;
 
   --topbar-item-hover-background: initial;
   --topbar-item-hover-background-alpha: initial;
@@ -218,7 +218,7 @@
 
   --app-launcher-tile-min-height: var(--control-height-comfortable);
   --app-launcher-tile-radius: initial;
-  --app-launcher-tile-color: var(--foreground);
+  --app-launcher-tile-color: initial;
   --app-launcher-tile-hover-background: initial;
   --app-launcher-tile-hover-background-alpha: initial;
   --app-launcher-tile-hover-color: initial;
@@ -237,7 +237,7 @@
     --font-size-2xs,
     calc(var(--font-size-base) / var(--font-size-ratio) / var(--font-size-ratio))
   );
-  --app-launcher-group-label-color: var(--muted-foreground);
+  --app-launcher-group-label-color: initial;
   --app-launcher-state-min-height: 8rem;
 
   --app-launcher-launchpad-backdrop-background: initial;
@@ -372,7 +372,7 @@
   );
   --auth-shell-divider-label-line-height: calc(19 / 11);
   --auth-shell-divider-rule-color: var(--border);
-  --auth-shell-divider-label-color: var(--muted-foreground);
+  --auth-shell-divider-label-color: initial;
   --auth-identity-gap: 0.375rem;
   --auth-requester-gap: 0.375rem;
   --auth-requester-icon-size: var(--icon-size-md);

package/dist/tokens/components/table.css

@@ -37,7 +37,7 @@
   --table-expand-column-width: 2.5rem;
 
   --table-summary-background: initial;
-  --table-summary-border-width: var(--stroke-hairline);
+  --table-summary-border-width: initial;
 
   --table-row-expanded-background: initial;
 
@@ -105,10 +105,10 @@
 
   --table-line-height: calc(1.25 / 0.875);
 
-  --table-row-border-width: var(--stroke-hairline);
+  --table-row-border-width: initial;
 
-  --table-flush-divider-width: var(--table-row-border-width);
+  --table-flush-divider-width: var(--table-row-border-width, var(--stroke-hairline));
 
-  --table-row-tone-rail-width: var(--stroke-2xl);
+  --table-row-tone-rail-width: initial;
   --table-row-tone-wash-alpha: 0.06;
 }

package/dist/tokens/components/thought-chain.css

@@ -19,7 +19,7 @@
   --thought-chain-icon-success-color: initial;
   --thought-chain-icon-error-color: initial;
 
-  --thought-chain-line-width: var(--stroke-hairline);
+  --thought-chain-line-width: initial;
   --thought-chain-line-color: initial;
 
   --thought-chain-chevron-size: var(--icon-size-sm);

package/dist/tokens/components/toggle.css

@@ -28,5 +28,5 @@
   --toggle-pressed-border-color: initial;
   --toggle-pressed-border-color-alpha: initial;
 
-  --toggle-count-forced-outline-width: var(--stroke-hairline);
+  --toggle-count-forced-outline-width: initial;
 }

package/dist/tokens/components/upload.css

@@ -4,7 +4,7 @@
 
   --upload-dropzone-space-inset: var(--space-10);
   --upload-dropzone-radius: initial;
-  --upload-dropzone-border-width: var(--stroke-md);
+  --upload-dropzone-border-width: initial;
   --upload-dropzone-icon-size: var(--icon-size-3xl);
   --upload-dropzone-hint-space-block-start: var(--space-3);
   --upload-dropzone-hint-font-size: var(--font-size-sm, var(--font-size-base));
@@ -57,7 +57,7 @@
   --upload-avatar-size: 6rem;
 
   --upload-avatar-icon-size: var(--icon-size-xl);
-  --upload-avatar-border-width: var(--stroke-md);
+  --upload-avatar-border-width: initial;
   --upload-avatar-change-space-block: var(--space-1);
 
   --upload-avatar-change-background: rgb(0 0 0 / 0.7);

package/dist/tokens/foundation.css

@@ -119,7 +119,7 @@
   --brand-glow: initial;
 
   --focus-outline: 1;
-  --focus-outline-weight: var(--stroke-hairline);
+  --focus-outline-weight: initial;
 
   --focus-outline-color: initial;
 
@@ -128,7 +128,7 @@
 
   --focus-ring-color: initial;
 
-  --focus-ring-weight: var(--focus-outline-weight);
+  --focus-ring-weight: var(--focus-outline-weight, var(--stroke-hairline));
   --focus-ring-width: calc(var(--focus-ring-weight) * var(--focus-outline));
 
   --focus-ring-opacity: 1;

package/docs/i18n/messages/en.json

@@ -941,6 +941,10 @@
       "flat": {
         "name": "Flat",
         "note": "No corners, no shadow, opaque surfaces separated by a line. Squaring one number costs sixty-seven declarations."
+      },
+      "neubrutalism": {
+        "name": "Neubrutalism",
+        "note": "Thick black borders, hard offset shadows with no blur, square corners and loud saturated fills. Thickening a border costs 22 declarations and still reaches only a fifth of them."
       }
     },
     "seed": {

package/docs/i18n/messages/ja.json

@@ -935,6 +935,10 @@
       "flat": {
         "name": "フラット",
         "note": "角丸なし、影なし、線で区切る不透明な面。角丸を0にするだけで67行の宣言が必要です。"
+      },
+      "neubrutalism": {
+        "name": "ニューブルータリズム",
+        "note": "太い黒枠、ぼかしのない硬いドロップシャドウ、角ゼロ、彩度の高い面。枠を太くするのに22宣言かかり、それでも全体の五分の一にしか届かない。"
       }
     },
     "seed": {

package/docs/i18n/messages/vi.json

@@ -935,6 +935,10 @@
       "flat": {
         "name": "Flat",
         "note": "Không bo góc, không đổ bóng, mặt đục ngăn nhau bằng một đường kẻ. Bo góc về 0 tốn sáu mươi bảy khai báo."
+      },
+      "neubrutalism": {
+        "name": "Neubrutalism",
+        "note": "Viền đen dày, bóng đổ cứng không làm mờ, góc vuông và mảng màu bão hoà. Làm dày viền tốn 22 khai báo mà vẫn chỉ với tới một phần năm số chỗ."
       }
     },
     "seed": {

package/docs/themes/index.ts

@@ -30,6 +30,7 @@
  */
 import "./glassmorphism.css";
 import "./flat.css";
+import "./neubrutalism.css";
 
 export type ThemeRow = {
   /**
@@ -159,6 +160,24 @@ export const THEMES: readonly ThemeRow[] = [
      * not a contract it holds anyone to. */
     inkSurface: { light: "#E4E1EA", dark: "#403D30" },
   },
+  {
+    id: "neubrutalism",
+    nameKey: "themeLab.theme.neubrutalism.name",
+    noteKey: "themeLab.theme.neubrutalism.note",
+    /* Both members are the WORST-CASE ground rather than the average one, and the two are
+     * different KINDS of worst case — in light the ink walks dark, so the hardest ground is the
+     * DARKEST fill; in dark it walks light, so the hardest is the LIGHTEST. Computed over every
+     * fill this theme declares × all five `SEEDS`, with the sRGB relative-luminance formula:
+     * light is the violet seed's `--accent` (#D9C5FC, L=0.6171), dark is the citron seed's
+     * `--accent` (#615205, L=0.0859). Carrying one hex into both slots is the mistake the pair
+     * exists to prevent (gh#896), and taking the average fill is the mistake gh#903 made.
+     *
+     * Named even though FINDING D means this theme never leans on seed-derived ink: `tenantTheme`
+     * emits these as inline literals on an ancestor, so leaving the slot `null` would walk them
+     * against the LIGHT default in both polarities — the gh#887 defect, arriving through a door
+     * this theme does not otherwise use. */
+    inkSurface: { light: "#D9C5FC", dark: "#615205" },
+  },
 ];
 
 /**