@nasa-jpl/stellar-svelte 2.0.0-alpha.58 → 2.0.0-alpha.61

package/dist/components/ui/form/form-description.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponent } from "svelte";
 import type { HTMLAttributes } from 'svelte/elements';
-import type { LabelSize } from '../label/index.js';
+import type { FormSize } from '../../../../../../react/dist/index.js';
 declare const __propDef: {
     props: HTMLAttributes<HTMLSpanElement> & {
-        size?: LabelSize;
+        size?: FormSize;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/ui/form/form-field.svelte

@@ -1,15 +1,17 @@
 <script context="module"></script>
 
-<script generics="T extends Record<string, unknown>, U extends FormPath<T>">import * as FormPrimitive from "formsnap";
-import { cn } from "../../../utils.js";
+<script generics="T extends Record<string, unknown>, U extends FormPath<T>">import { cn } from "../../../utils.js";
+import * as FormPrimitive from "formsnap";
+import { formVariants } from "./index.js";
 export let form;
 export let name;
+export let size = "default";
 let className = void 0;
 export { className as class };
 </script>
 
 <FormPrimitive.Field {form} {name} let:constraints let:errors let:tainted let:value>
-	<div class={cn("space-y-2", className)}>
-		<slot {constraints} {errors} {tainted} {value} />
-	</div>
+  <div class={cn(formVariants.size[size].field, className)}>
+    <slot {constraints} {errors} {tainted} {value} />
+  </div>
 </FormPrimitive.Field>

package/dist/components/ui/form/form-field.svelte.d.ts

@@ -1,9 +1,12 @@
 import { SvelteComponent } from "svelte";
-import type { FormPath } from "sveltekit-superforms";
-import type { HTMLAttributes } from "svelte/elements";
-import * as FormPrimitive from "formsnap";
+import type { FormPath } from 'sveltekit-superforms';
+import type { FormSize } from '../../../../../../react/dist/index.js';
+import * as FormPrimitive from 'formsnap';
+import type { HTMLAttributes } from 'svelte/elements';
 declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPath<T>> {
-    props(): FormPrimitive.FieldProps<T, U> & HTMLAttributes<HTMLElement>;
+    props(): FormPrimitive.FieldProps<T, U> & HTMLAttributes<HTMLElement> & {
+        size?: FormSize;
+    };
     events(): {} & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/components/ui/form/index.d.ts

@@ -14,11 +14,13 @@ declare const formVariants: {
             description: string;
             legend: string;
             errors: string;
+            field: string;
         };
         sm: {
             description: string;
             legend: string;
             errors: string;
+            field: string;
         };
     };
 };

package/dist/components/ui/form/index.js

@@ -14,11 +14,13 @@ const formVariants = {
             description: 'text-sm font-medium',
             legend: 'text-sm font-medium',
             errors: 'text-sm font-medium',
+            field: 'space-y-2',
         },
         sm: {
             description: 'text-xs font-normal',
             legend: 'text-xs font-normal',
             errors: 'text-xs font-normal',
+            field: 'space-y-1',
         },
     },
 };

package/dist/components/ui/input/input.svelte

@@ -10,7 +10,7 @@ export let el = void 0;
 
 <input
   class={cn(
-    'border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex w-full rounded-md border file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50',
+    'border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex w-full rounded-md border file:h-full file:leading-none file:border-0 file:bg-transparent  file:font-medium focus-visible:outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50',
     inputVariants.size[sizeVariant],
     className,
   )}

package/dist/index.css

@@ -2851,6 +2851,10 @@ body {
 
 /*  */
 
+.file\:h-full::file-selector-button {
+  height: 100%;
+}
+
 .file\:border-0::file-selector-button {
   border-width: 0px;
 }
@@ -2859,15 +2863,14 @@ body {
   background-color: transparent;
 }
 
-.file\:text-sm::file-selector-button {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-
 .file\:font-medium::file-selector-button {
   font-weight: 500;
 }
 
+.file\:leading-none::file-selector-button {
+  line-height: 1;
+}
+
 .file\:text-foreground::file-selector-button {
   --tw-text-opacity: 1;
   color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
@@ -3789,11 +3792,6 @@ body {
     font-size: 3.75rem;
     line-height: 1;
   }
-
-  .md\:text-sm {
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-  }
 }
 
 @media (min-width: 1024px) {

package/package.json

@@ -83,6 +83,6 @@
   "svelte": "./dist/index.js",
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "2.0.0-alpha.58",
-  "gitHead": "b329c68babe1d43f9dae6ce85156b2d9abf5f791"
+  "version": "2.0.0-alpha.61",
+  "gitHead": "0f12f8b007b628288b0a13a7f844b95c13cdc169"
 }