@clicktap/ui 0.6.0 → 0.7.1

package/CreditCardExpirationInput/CreditCardExpirationInput.d.ts

@@ -0,0 +1,17 @@
+import { TextFieldProps, ValidationResult } from 'react-aria-components';
+interface CreditCardExpirationInputProps extends TextFieldProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    placeholder?: string;
+}
+export declare function CreditCardExpirationInput({ label, description, errorMessage, placeholder, ...props }: CreditCardExpirationInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CreditCardExpirationInput {
+    var defaultProps: {
+        label: undefined;
+        description: undefined;
+        errorMessage: undefined;
+        placeholder: undefined;
+    };
+}
+export default CreditCardExpirationInput;

package/CreditCardExpirationInput/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+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>>;
+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>>;
+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>>;
+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>>;
+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/CreditCardInput/CreditCardInput.d.ts

@@ -0,0 +1,21 @@
+import { TextFieldProps, ValidationResult } from 'react-aria-components';
+interface CreditCardInputProps extends TextFieldProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+}
+export declare function CreditCardInput({ label, description, errorMessage, placeholder, value, onChange, ...props }: CreditCardInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CreditCardInput {
+    var defaultProps: {
+        label: undefined;
+        description: undefined;
+        errorMessage: undefined;
+        placeholder: undefined;
+        value: undefined;
+        onChange: () => void;
+    };
+}
+export default CreditCardInput;

package/CreditCardInput/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+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>>;
+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>>;
+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>>;
+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>>;
+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/Divider/Divider.d.ts

@@ -1,3 +1,3 @@
 import { DividerProps } from './types';
-export declare function Divider(props: DividerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Divider({ orientation, ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
 export default Divider;

package/Divider/styles.d.ts

@@ -1,3 +1,6 @@
 /// <reference types="react" />
-export declare const Root: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+import { Orientation } from 'react-aria';
+export declare const Root: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    orientation: Orientation;
+}>>;
 export default Root;

package/Input/Input.d.ts

@@ -3,13 +3,15 @@ interface MyTextFieldProps extends TextFieldProps {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
+    placeholder?: string;
 }
-export declare function Input({ label, description, errorMessage, ...props }: MyTextFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function Input({ label, description, errorMessage, placeholder, ...props }: MyTextFieldProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Input {
     var defaultProps: {
         label: undefined;
         description: undefined;
         errorMessage: undefined;
+        placeholder: undefined;
     };
 }
 export default Input;

package/index.d.ts

@@ -15,8 +15,11 @@ export * from './Collapsible/CollapsibleTrigger';
 export * from './Collapsible/Collapsible';
 export * from './Container/Container';
 export * from './ContextMenu/ContextMenu';
+export * from './CreditCardExpirationInput/CreditCardExpirationInput';
+export * from './CreditCardInput/CreditCardInput';
 export * from './DateInput/DateInput';
 export * from './Divider/Divider';
+export * from './Divider/types';
 export * from './Input/Input';
 export * from './Link/Link';
 export * from './Meter/Meter';