@lerianstudio/sindarian-ui 1.2.0-beta.12 → 1.2.0-beta.13

package/dist/components/ui/dialog/styles.css

@@ -9,11 +9,11 @@
   }
 
   .dialog-content {
-    @apply bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-8 border p-6 shadow-lg duration-200 sm:max-w-[425px] sm:rounded-lg;
+    @apply bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-8 border p-7 shadow-lg duration-200 sm:max-w-[425px] sm:rounded-lg;
   }
 
   .dialog-close {
-    @apply data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none;
+    @apply data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none;
   }
 
   .dialog-header {
@@ -25,7 +25,7 @@
   }
 
   .dialog-title {
-    @apply text-dialog-title-text text-lg font-bold leading-none tracking-tight;
+    @apply text-dialog-title-text text-lg leading-none font-bold tracking-tight;
   }
 
   .dialog-description {

package/dist/components/ui/input/styles.css

@@ -3,7 +3,7 @@
   --spacing-input-wrapper-p: calc(var(--spacing) * 2);
   --spacing-input-px: calc(var(--spacing) * 4);
   --color-input-foreground: var(--color-foreground);
-  --color-input-placeholder: var(--color-muted-foreground);
+  --color-input-placeholder: hsl(var(--input-placeholder));
   --color-input-border: var(--color-shadcn-400);
 
   --color-input-adornment: var(--color-container-text);
@@ -24,8 +24,12 @@
     @apply border-ring;
   }
 
+  /* Don't give the placeholder its own size or weight. At a smaller size it
+     still shares the input's baseline, so it rode ~0.75px below the value and
+     the text jumped the moment you typed; font-medium gave the hint the same
+     presence as the label naming the field. */
   .input-base {
-    @apply px-input-px text-input-foreground placeholder:text-input-placeholder h-full min-h-0 flex-1 border-none bg-transparent outline-none placeholder:text-sm placeholder:font-medium focus:ring-0 focus:ring-offset-0;
+    @apply px-input-px text-input-foreground placeholder:text-input-placeholder h-full min-h-0 flex-1 border-none bg-transparent outline-none focus:ring-0 focus:ring-offset-0;
   }
 
   .input-disabled {

package/dist/globals.css

@@ -228,6 +228,10 @@
     --destructive-foreground: 0 0% 100%; /* white */
     --border: 240 5% 90%; /* base/200 = #E4E4E7 */
     --input: 0 0% 100%; /* base/white */
+    /* One step lighter than --muted-foreground, which is also the label colour:
+       a placeholder that matches its own label has no hierarchy left to give.
+       Still 4.4:1 on the shadcn-100 field, so it stays legible as a hint. */
+    --input-placeholder: 240 4% 46%; /* base/500 = #71717A */
     --ring: 240 5% 65%; /* focus ring */
     --radius: 0.5rem;
 
@@ -292,6 +296,10 @@
     --popover-foreground: 240 5% 96%; /* base/100 = #F4F4F5 */
     --border: 240 5% 34%; /* base/600 = #52525B */
     --input: 240 4% 16%; /* base/800 = #27272A */
+    /* Held at base/400 rather than stepped down with the light theme: on the
+       dark field that is already only 5.8:1, and going lighter here means
+       darker, which would push the hint under the AA floor. */
+    --input-placeholder: 240 5% 65%; /* base/400 = #A1A1AA */
     --primary: 240 5% 96%; /* base/100 = #F4F4F5 */
     --primary-foreground: 240 4% 16%; /* base/800 = #27272A */
     --secondary: 240 4% 16%; /* base/800 = #27272A */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lerianstudio/sindarian-ui",
-  "version": "1.2.0-beta.12",
+  "version": "1.2.0-beta.13",
   "description": "Sindarian UI - A UI library for Midaz Console",
   "license": "ISC",
   "author": {