@godxjp/ui 32.0.4 → 32.1.0

package/dist/styles/control.css

@@ -527,6 +527,17 @@
     border: var(--checkbox-border-width, var(--stroke-hairline)) solid hsl(var(--primary));
     color: hsl(var(--text-brand, var(--primary)));
     background: transparent;
+
+    transition-property: background-color, border-color, color;
+    transition-duration: var(--duration-fast);
+    transition-timing-function: var(--ease-standard);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .ui-checkbox,
+    .ui-radio {
+      transition: none;
+    }
   }
 
   .ui-checkbox {
@@ -1137,6 +1148,10 @@
     font-size: var(--font-size-xs, calc(var(--font-size-base) / var(--font-size-ratio)));
   }
 
+  .ui-command-palette-recent-clear:not([aria-selected="true"]) {
+    color: hsl(var(--muted-foreground));
+  }
+
   .ui-command-palette-state {
     padding-block: var(--space-6);
     padding-inline: var(--space-4);
@@ -1199,6 +1214,14 @@
     transform: translateY(-50%);
   }
 
+  .ui-search-input-shortcut {
+    position: absolute;
+    inset-inline-end: var(--search-input-edge-inset);
+    top: 50%;
+    pointer-events: none;
+    transform: translateY(-50%);
+  }
+
   .ui-search-input-clear:hover {
     color: hsl(var(--foreground));
   }

package/dist/styles/dialog-layout.css

@@ -56,7 +56,10 @@
     inset-inline-start: 50%;
     top: 50%;
     z-index: var(--overlay-z-index);
-    display: grid;
+
+    display: flex;
+    flex-direction: column;
+    max-height: calc(100dvh - var(--dialog-viewport-inset));
     width: min(
       var(--dialog-width, var(--dialog-width-default)),
       calc(100% - var(--dialog-viewport-inset))

package/dist/styles/layers.json

@@ -1,5 +1,5 @@
 {
-  "version": "32.0.4",
+  "version": "32.1.0",
   "generatedBy": "scripts/gen-style-layers.mjs — do not edit by hand; run `pnpm gen:style-layers`",
   "base": "base.css",
   "fonts": "fonts.css",
@@ -105,6 +105,7 @@
     "AppSettingPicker": {
       "layers": [
         "shell-layout.css",
+        "layout.css",
         "control.css",
         "dialog-layout.css",
         "navigation-layout.css"
@@ -330,12 +331,14 @@
     },
     "Checkbox": {
       "layers": [
+        "layout.css",
         "control.css",
         "form-layout.css"
       ]
     },
     "CheckboxGroup": {
       "layers": [
+        "layout.css",
         "control.css",
         "form-layout.css"
       ]
@@ -424,6 +427,7 @@
       "layers": [
         "layout.css",
         "control.css",
+        "text-layout.css",
         "dialog-layout.css"
       ],
       "vendor": [
@@ -854,6 +858,7 @@
     },
     "Select": {
       "layers": [
+        "layout.css",
         "control.css",
         "dialog-layout.css",
         "navigation-layout.css"

package/dist/styles/navigation-layout.css

@@ -627,6 +627,32 @@
     font-weight: var(--font-weight-medium);
   }
 
+  .ui-dropdown-menu-item[data-description] {
+    height: auto;
+    min-height: var(--menu-item-height);
+    padding-block: var(--menu-item-description-space-block);
+  }
+
+  .ui-dropdown-menu-item-text {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    min-inline-size: 0;
+    overflow-wrap: anywhere;
+  }
+
+  .ui-dropdown-menu-item-label {
+    display: flex;
+    align-items: center;
+    gap: var(--menu-item-space-gap);
+  }
+
+  .ui-dropdown-menu-item-description {
+    color: hsl(var(--muted-foreground));
+    font-size: var(--menu-item-description-font-size);
+    font-weight: var(--font-weight-normal);
+  }
+
   .ui-dropdown-menu-shortcut {
     margin-inline-start: auto;
     text-align: end;

package/dist/styles/table-layout.css

@@ -235,6 +235,20 @@
     align-items: center;
     gap: var(--space-inline-sm);
     font-size: var(--font-size-base);
+
+    transition: opacity var(--duration-fast) var(--ease-standard);
+  }
+
+  @starting-style {
+    .ui-data-table-bulk {
+      opacity: 0;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .ui-data-table-bulk {
+      transition: none;
+    }
   }
 
   .ui-data-table-bulk-actions {