@clicktap/ui 0.7.0 → 0.7.1
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.
- package/CreditCardExpirationInput/CreditCardExpirationInput.d.ts +17 -0
- package/CreditCardExpirationInput/styles.d.ts +6 -0
- package/CreditCardInput/CreditCardInput.d.ts +21 -0
- package/CreditCardInput/styles.d.ts +6 -0
- package/Input/Input.d.ts +3 -1
- package/index.d.ts +2 -0
- package/index.js +648 -508
- package/index.mjs +5574 -5040
- package/package.json +3 -2
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { TextFieldProps, ValidationResult } from 'react-aria-components';
|
|
2
|
+
interface CreditCardExpirationInputProps extends TextFieldProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare function CreditCardExpirationInput({ label, description, errorMessage, placeholder, ...props }: CreditCardExpirationInputProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare namespace CreditCardExpirationInput {
|
|
10
|
+
var defaultProps: {
|
|
11
|
+
label: undefined;
|
|
12
|
+
description: undefined;
|
|
13
|
+
errorMessage: undefined;
|
|
14
|
+
placeholder: undefined;
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
export default CreditCardExpirationInput;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").InputProps & import("react").RefAttributes<HTMLInputElement>, never>> & Omit<(props: import("react-aria-components").InputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
|
|
3
|
+
export declare const StyledLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").LabelProps & import("react").RefAttributes<HTMLLabelElement>, never>> & Omit<(props: import("react-aria-components").LabelProps & import("react").RefAttributes<HTMLLabelElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
|
|
4
|
+
export declare const StyledTextField: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").TextFieldProps & import("react").RefAttributes<HTMLDivElement>, never>> & Omit<(props: import("react-aria-components").TextFieldProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
|
|
5
|
+
export declare const StyledFieldError: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").FieldErrorProps & import("react").RefAttributes<HTMLElement>, never>> & Omit<import("react").ForwardRefExoticComponent<import("react-aria-components").FieldErrorProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
|
|
6
|
+
export declare const StyledText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").TextProps & import("react").RefAttributes<HTMLElement>, never>> & Omit<import("react").ForwardRefExoticComponent<import("react-aria-components").TextProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { TextFieldProps, ValidationResult } from 'react-aria-components';
|
|
2
|
+
interface CreditCardInputProps extends TextFieldProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
value?: string;
|
|
8
|
+
onChange?: (value: string) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare function CreditCardInput({ label, description, errorMessage, placeholder, value, onChange, ...props }: CreditCardInputProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare namespace CreditCardInput {
|
|
12
|
+
var defaultProps: {
|
|
13
|
+
label: undefined;
|
|
14
|
+
description: undefined;
|
|
15
|
+
errorMessage: undefined;
|
|
16
|
+
placeholder: undefined;
|
|
17
|
+
value: undefined;
|
|
18
|
+
onChange: () => void;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
export default CreditCardInput;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").InputProps & import("react").RefAttributes<HTMLInputElement>, never>> & Omit<(props: import("react-aria-components").InputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
|
|
3
|
+
export declare const StyledLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").LabelProps & import("react").RefAttributes<HTMLLabelElement>, never>> & Omit<(props: import("react-aria-components").LabelProps & import("react").RefAttributes<HTMLLabelElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
|
|
4
|
+
export declare const StyledTextField: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").TextFieldProps & import("react").RefAttributes<HTMLDivElement>, never>> & Omit<(props: import("react-aria-components").TextFieldProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
|
|
5
|
+
export declare const StyledFieldError: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").FieldErrorProps & import("react").RefAttributes<HTMLElement>, never>> & Omit<import("react").ForwardRefExoticComponent<import("react-aria-components").FieldErrorProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
|
|
6
|
+
export declare const StyledText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-aria-components").TextProps & import("react").RefAttributes<HTMLElement>, never>> & Omit<import("react").ForwardRefExoticComponent<import("react-aria-components").TextProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
|
package/Input/Input.d.ts
CHANGED
|
@@ -3,13 +3,15 @@ interface MyTextFieldProps extends TextFieldProps {
|
|
|
3
3
|
label?: string;
|
|
4
4
|
description?: string;
|
|
5
5
|
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
6
|
+
placeholder?: string;
|
|
6
7
|
}
|
|
7
|
-
export declare function Input({ label, description, errorMessage, ...props }: MyTextFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function Input({ label, description, errorMessage, placeholder, ...props }: MyTextFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
8
9
|
export declare namespace Input {
|
|
9
10
|
var defaultProps: {
|
|
10
11
|
label: undefined;
|
|
11
12
|
description: undefined;
|
|
12
13
|
errorMessage: undefined;
|
|
14
|
+
placeholder: undefined;
|
|
13
15
|
};
|
|
14
16
|
}
|
|
15
17
|
export default Input;
|
package/index.d.ts
CHANGED
|
@@ -15,6 +15,8 @@ export * from './Collapsible/CollapsibleTrigger';
|
|
|
15
15
|
export * from './Collapsible/Collapsible';
|
|
16
16
|
export * from './Container/Container';
|
|
17
17
|
export * from './ContextMenu/ContextMenu';
|
|
18
|
+
export * from './CreditCardExpirationInput/CreditCardExpirationInput';
|
|
19
|
+
export * from './CreditCardInput/CreditCardInput';
|
|
18
20
|
export * from './DateInput/DateInput';
|
|
19
21
|
export * from './Divider/Divider';
|
|
20
22
|
export * from './Divider/types';
|