degen - npm Package Compare versions

Comparing version 0.0.44 to 0.0.45

dist/types/components/Field/Field.d.ts

 import * as React from 'react';
 import { ReactNodeNoStrings } from '../../types';
 import { useFieldIds } from '../../hooks';
+import { BoxProps } from '../Box';
 declare type State = ReturnType<typeof useFieldIds> | undefined;
@@ -13,2 +14,3 @@ declare type NativeFormProps = React.AllHTMLAttributes<HTMLFormElement>;
     required?: NativeFormProps['required'];
+    width?: BoxProps['width'];
 };
@@ -19,3 +21,3 @@ declare type Props = FieldBaseProps & {
 };
-export declare const Field: ({ children, description, error, hideLabel, id, label, labelSecondary, required, }: Props) => JSX.Element;
+export declare const Field: ({ children, description, error, hideLabel, id, label, labelSecondary, required, width, }: Props) => JSX.Element;
 export {};

dist/types/components/FieldSet/FieldSet.d.ts

 import * as React from 'react';
 import { ReactNodeNoStrings } from '../../types';
+import { TagProps } from '../Tag';
 declare type NativeFieldSetProps = React.AllHTMLAttributes<HTMLFieldSetElement>;
@@ -9,8 +10,10 @@ declare type Props = {
     form?: NativeFieldSetProps['form'];
-    hideRequiredStatus?: boolean;
     name?: NativeFieldSetProps['name'];
     legend: string;
-    required?: boolean;
+    status?: 'required' | 'optional' | 'pending' | 'complete' | {
+        name: string;
+        tone: TagProps['tone'];
+    };
 };
-export declare const FieldSet: ({ children, description, disabled, form, hideRequiredStatus, legend, name, required, }: Props) => JSX.Element;
+export declare const FieldSet: ({ children, description, disabled, form, legend, name, status, }: Props) => JSX.Element;
 export {};

dist/types/components/Input/Input.d.ts

 import * as React from 'react';
-import { ReactNodeNoStrings } from '../../types';
 import { BoxProps } from '../Box';
@@ -8,5 +7,6 @@ import { FieldBaseProps } from '../Field';
     autoFocus?: NativeInputProps['autoFocus'];
+    autoComplete?: NativeInputProps['autoComplete'];
+    autoCorrect?: NativeInputProps['autoCorrect'];
     defaultValue?: string | number;
     disabled?: boolean;
-    icon?: ReactNodeNoStrings;
     id?: NativeInputProps['id'];
@@ -16,4 +16,6 @@ inputMode?: NativeInputProps['inputMode'];
     placeholder?: NativeInputProps['placeholder'];
-    prefix?: string;
+    prefix?: React.ReactNode;
     readOnly?: NativeInputProps['readOnly'];
+    spellCheck?: NativeInputProps['spellCheck'];
+    suffix?: React.ReactNode;
     tabIndex?: NativeInputProps['tabIndex'];
@@ -24,5 +26,6 @@ textTransform?: BoxProps['textTransform'];
     value?: string | number;
+    onBlur?: NativeInputProps['onBlur'];
     onChange?: React.EventHandler<React.ChangeEvent<HTMLInputElement>>;
-    onBlur?: NativeInputProps['onBlur'];
     onFocus?: NativeInputProps['onFocus'];
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
 };
@@ -29,0 +32,0 @@ declare type WithTypeEmail = {

dist/types/components/Input/styles.css.d.ts

@@ -0,1 +1,2 @@
+export declare const inputParent: string;
 export declare const root: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
@@ -10,4 +11,4 @@ disabled: {
 }>;
-export declare const icon: string;
 export declare const prefix: string;
+export declare const suffix: string;
 export declare const input: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
@@ -21,10 +22,9 @@ disabled: {
 export declare const variants: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
-    icon: {
+    prefix: {
         true: string;
     };
-    prefix: {
+    suffix: {
         true: string;
     };
 }>;
-export declare const maxParent: string;
 export declare const max: string;

dist/types/components/Tag/index.d.ts

 export { Tag } from './Tag';
+export type { Props as TagProps } from './Tag';

dist/types/components/Tag/styles.css.d.ts

@@ -5,7 +5,3 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
     hover: {
-        true: {
-            transitionProperty: "colors";
-            transitionDuration: "150";
-            transitionTimingFunction: "inOut";
-        };
+        true: string;
         false: {};
@@ -12,0 +8,0 @@ };

dist/types/components/Tag/Tag.d.ts

 import * as React from 'react';
 import * as styles from './styles.css';
-declare type Props = {
+export declare type Props = {
     as?: 'div' | 'span';
@@ -8,2 +8,1 @@ label?: string;
 export declare const Tag: ({ as, children, hover, label, size, tone, }: React.PropsWithChildren<Props>) => JSX.Element;
-export {};

dist/types/components/Textarea/Textarea.d.ts

@@ -5,2 +5,3 @@ import * as React from 'react';
 export declare const Textarea: React.ForwardRefExoticComponent<FieldBaseProps & {
+    autoCorrect?: NativeTextareaProps['autoCorrect'];
     autoFocus?: NativeTextareaProps['autoFocus'];
@@ -15,2 +16,3 @@ defaultValue?: string | number | undefined;
     rows?: NativeTextareaProps['rows'];
+    spellCheck?: NativeTextareaProps['spellCheck'];
     tabIndex?: NativeTextareaProps['tabIndex'];
@@ -17,0 +19,0 @@ value?: string | number | undefined;

package.json

 {
   "name": "degen",
-  "version": "0.0.44",
+  "version": "0.0.45",
   "description": "Design system for Mirror.xyz",
@@ -5,0 +5,0 @@ "main": "./dist/index.cjs.js",

No alert changes

Improved metrics

Total package byte prevSize

2425320

increased by0.08%

Lines of code

55410

increased by0.1%

No dependency changes