@kroo-web/design-system 1.2.3 → 1.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { OTPInputProps } from 'input-otp';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { FieldValues, Path } from 'react-hook-form';
|
|
3
4
|
export interface TPinInputProps<T extends FieldValues> {
|
|
@@ -9,4 +10,4 @@ export interface TPinInputProps<T extends FieldValues> {
|
|
|
9
10
|
name: Path<T>;
|
|
10
11
|
}
|
|
11
12
|
export declare const PinInput: <T extends FieldValues>(props: TPinInputProps<T>) => React.JSX.Element;
|
|
12
|
-
export declare const OTPInput: () => React.JSX.Element;
|
|
13
|
+
export declare const OTPInput: (props: Pick<OTPInputProps, "inputMode" | "onChange" | "onComplete" | "value">) => React.JSX.Element;
|
package/dist/types.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import React$1, { PropsWithChildren, ReactNode, HTMLProps, ElementType, ButtonHT
|
|
|
3
3
|
import { MaterialSymbolProps } from 'react-material-symbols';
|
|
4
4
|
import { FieldValues, Path, ControllerRenderProps, UseFormReturn, FieldError } from 'react-hook-form';
|
|
5
5
|
import * as zustand from 'zustand';
|
|
6
|
+
import { OTPInputProps } from 'input-otp';
|
|
6
7
|
import * as RadixPopover from '@radix-ui/react-popover';
|
|
7
8
|
import * as RadixRadioGroup from '@radix-ui/react-radio-group';
|
|
8
9
|
import * as RadixTabs from '@radix-ui/react-tabs';
|
|
@@ -256,7 +257,7 @@ interface TPinInputProps<T extends FieldValues> {
|
|
|
256
257
|
name: Path<T>;
|
|
257
258
|
}
|
|
258
259
|
declare const PinInput: <T extends FieldValues>(props: TPinInputProps<T>) => React$1.JSX.Element;
|
|
259
|
-
declare const OTPInput: () => React$1.JSX.Element;
|
|
260
|
+
declare const OTPInput: (props: Pick<OTPInputProps, "inputMode" | "onChange" | "onComplete" | "value">) => React$1.JSX.Element;
|
|
260
261
|
|
|
261
262
|
type TPopoverRootProps = React$1.ComponentPropsWithoutRef<typeof RadixPopover.Root>;
|
|
262
263
|
type TPopoverTriggerProps = React$1.ComponentPropsWithoutRef<typeof RadixPopover.Trigger>;
|
package/package.json
CHANGED