@lion-npm/ui 1.0.2 → 1.0.4
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/dist/components/buttons/AndroidButton.d.ts +16 -0
- package/dist/components/buttons/BootstrapButton.d.ts +16 -0
- package/dist/components/buttons/IOSButton.d.ts +16 -0
- package/dist/components/buttons/LionButton.d.ts +18 -0
- package/dist/components/inputs/AndroidInput.d.ts +20 -0
- package/dist/components/inputs/BootstrapInput.d.ts +16 -0
- package/dist/components/inputs/IOSInput.d.ts +21 -0
- package/dist/components/inputs/LionInput.d.ts +27 -0
- package/dist/components/loadings/LoadingBar.d.ts +5 -0
- package/dist/components/modals/LionModal.d.ts +17 -0
- package/dist/context/LionUIComponentsContext.d.ts +5 -0
- package/{src/index.ts → dist/index.d.ts} +1 -3
- package/dist/index.js +2564 -0
- package/{src/interfaces/LionUIComponentsProviderProps.tsx → dist/interfaces/LionUIComponentsProviderProps.d.ts} +1 -2
- package/{src/interfaces/LionUIContextProps.tsx → dist/interfaces/LionUIContextProps.d.ts} +1 -2
- package/{src/interfaces/LionUIState.tsx → dist/interfaces/LionUIState.d.ts} +2 -3
- package/dist/style.css +2 -0
- package/dist/types/Android/AndroidInputShapeTypes.d.ts +5 -0
- package/dist/types/Android/AndroidInputStyleTypes.d.ts +5 -0
- package/dist/types/Android/AndroidShapeTypes.d.ts +5 -0
- package/dist/types/Android/AndroidStyleTypes.d.ts +8 -0
- package/dist/types/ButtonTypes.d.ts +7 -0
- package/dist/types/IOS/IOSInputShapeTypes.d.ts +6 -0
- package/dist/types/IOS/IOSInputStyleTypes.d.ts +8 -0
- package/dist/types/IOS/IOSShapeTypes.d.ts +5 -0
- package/dist/types/IOS/IOSStyleTypes.d.ts +7 -0
- package/dist/types/InputTypes.d.ts +11 -0
- package/dist/types/PlatformTypes.d.ts +7 -0
- package/dist/types/SizeTypes.d.ts +9 -0
- package/dist/types/VariantTypes.d.ts +17 -0
- package/dist/types/Web/BootstrapInputShapeTypes.d.ts +6 -0
- package/dist/types/Web/BootstrapInputStyleTypes.d.ts +5 -0
- package/dist/types/Web/BootstrapShapeTypes.d.ts +6 -0
- package/dist/types/Web/BootstrapStyleTypes.d.ts +5 -0
- package/package.json +19 -2
- package/.oxlintrc.json +0 -8
- package/AGENTS.md +0 -0
- package/Dockerfile +0 -7
- package/compose.yml +0 -14
- package/index.html +0 -15
- package/src/App.tsx +0 -84
- package/src/assets/css/buttons/buttons-android.css +0 -251
- package/src/assets/css/buttons/buttons-ios.css +0 -213
- package/src/assets/css/buttons/buttons-web.css +0 -138
- package/src/assets/css/custom.css +0 -8
- package/src/assets/css/index.css +0 -60
- package/src/assets/css/inputs/inputs-android.css +0 -259
- package/src/assets/css/inputs/inputs-bootstrap.css +0 -74
- package/src/assets/css/inputs/inputs-ios.css +0 -268
- package/src/assets/css/loadings/loading-bar.css +0 -86
- package/src/assets/css/modals/modals.css +0 -236
- package/src/components/buttons/AndroidButton.tsx +0 -43
- package/src/components/buttons/BootstrapButton.tsx +0 -50
- package/src/components/buttons/IOSButton.tsx +0 -42
- package/src/components/buttons/LionButton.tsx +0 -73
- package/src/components/inputs/AndroidInput.tsx +0 -158
- package/src/components/inputs/BootstrapInput.tsx +0 -106
- package/src/components/inputs/IOSInput.tsx +0 -163
- package/src/components/inputs/LionInput.tsx +0 -81
- package/src/components/loadings/LoadingBar.tsx +0 -21
- package/src/components/modals/LionModal.tsx +0 -155
- package/src/context/LionUIComponentsContext.tsx +0 -73
- package/src/features/Header.tsx +0 -83
- package/src/features/VariantList.tsx +0 -19
- package/src/features/buttons/ButtonsSection.tsx +0 -7
- package/src/features/buttons/components/ButtonsAndroidSection.tsx +0 -79
- package/src/features/buttons/components/ButtonsBootstrapSection.tsx +0 -77
- package/src/features/buttons/components/ButtonsCustomSection.tsx +0 -234
- package/src/features/buttons/components/ButtonsIOSSection.tsx +0 -78
- package/src/features/inputs/InputsSection.tsx +0 -7
- package/src/features/inputs/components/InputsAndroidSection.tsx +0 -155
- package/src/features/inputs/components/InputsBootstrapSection.tsx +0 -154
- package/src/features/inputs/components/InputsCustomSection.tsx +0 -234
- package/src/features/inputs/components/InputsIOSSection.tsx +0 -156
- package/src/features/loadings/LoadingSection.tsx +0 -5
- package/src/features/loadings/components/LoadingBarSection.tsx +0 -74
- package/src/features/modals/ModalsSection.tsx +0 -5
- package/src/features/modals/components/ModalsAndroidSection.tsx +0 -108
- package/src/features/modals/components/ModalsDefaultForm.tsx +0 -31
- package/src/features/modals/components/ModalsDefaultInput.tsx +0 -22
- package/src/features/modals/components/ModalsIOSSection.tsx +0 -106
- package/src/features/modals/components/ModalsWebSection.tsx +0 -104
- package/src/main.tsx +0 -9
- package/src/types/Android/AndroidInputShapeTypes.tsx +0 -7
- package/src/types/Android/AndroidInputStyleTypes.tsx +0 -7
- package/src/types/Android/AndroidShapeTypes.tsx +0 -6
- package/src/types/Android/AndroidStyleTypes.tsx +0 -9
- package/src/types/ButtonTypes.tsx +0 -9
- package/src/types/IOS/IOSInputShapeTypes.tsx +0 -9
- package/src/types/IOS/IOSInputStyleTypes.tsx +0 -11
- package/src/types/IOS/IOSShapeTypes.tsx +0 -7
- package/src/types/IOS/IOSStyleTypes.tsx +0 -9
- package/src/types/InputTypes.tsx +0 -13
- package/src/types/PlatformTypes.tsx +0 -9
- package/src/types/SizeTypes.tsx +0 -11
- package/src/types/VariantTypes.tsx +0 -19
- package/src/types/Web/BootstrapInputShapeTypes.tsx +0 -9
- package/src/types/Web/BootstrapInputStyleTypes.tsx +0 -8
- package/src/types/Web/BootstrapShapeTypes.tsx +0 -8
- package/src/types/Web/BootstrapStyleTypes.tsx +0 -7
- package/tsconfig.app.json +0 -26
- package/tsconfig.json +0 -7
- package/tsconfig.node.json +0 -23
- package/vite.config.ts +0 -30
- /package/{public → dist}/favicon.svg +0 -0
- /package/{public → dist}/icons.svg +0 -0
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
import { VariantTypes } from '../../types/VariantTypes';
|
|
3
|
+
import { SizeTypes } from '../../types/SizeTypes';
|
|
4
|
+
import { ButtonTypes } from '../../types/ButtonTypes';
|
|
5
|
+
import { AndroidStyleTypes } from '../../types/Android/AndroidStyleTypes';
|
|
6
|
+
import { AndroidShapeTypes } from '../../types/Android/AndroidShapeTypes';
|
|
7
|
+
export interface AndroidButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'size'> {
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
variant?: VariantTypes;
|
|
10
|
+
styleType?: AndroidStyleTypes;
|
|
11
|
+
shape?: AndroidShapeTypes;
|
|
12
|
+
size?: SizeTypes;
|
|
13
|
+
type?: ButtonTypes;
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
export default function AndroidButton({ children, variant, styleType, shape, size, type, className, ...props }: AndroidButtonProps): import("react").JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes, type ReactNode } from "react";
|
|
2
|
+
import { VariantTypes } from "../../types/VariantTypes.tsx";
|
|
3
|
+
import { SizeTypes } from "../../types/SizeTypes.tsx";
|
|
4
|
+
import { ButtonTypes } from "../../types/ButtonTypes.tsx";
|
|
5
|
+
import { BootstrapStyleTypes } from "../../types/Web/BootstrapStyleTypes.tsx";
|
|
6
|
+
import { BootstrapShapeTypes } from "../../types/Web/BootstrapShapeTypes.tsx";
|
|
7
|
+
export interface BootstrapButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size"> {
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
variant?: VariantTypes;
|
|
10
|
+
styleType?: BootstrapStyleTypes;
|
|
11
|
+
shape?: BootstrapShapeTypes;
|
|
12
|
+
size?: SizeTypes;
|
|
13
|
+
type?: ButtonTypes;
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
export default function BootstrapButton({ children, variant, styleType, shape, size, type, className, ...props }: BootstrapButtonProps): import("react").JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes, type ReactNode } from "react";
|
|
2
|
+
import { VariantTypes } from "../../types/VariantTypes";
|
|
3
|
+
import { SizeTypes } from "../../types/SizeTypes";
|
|
4
|
+
import { ButtonTypes } from "../../types/ButtonTypes";
|
|
5
|
+
import { IOSStyleTypes } from "../../types/IOS/IOSStyleTypes";
|
|
6
|
+
import { IOSShapeTypes } from "../../types/IOS/IOSShapeTypes";
|
|
7
|
+
export interface IOSButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size"> {
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
variant?: VariantTypes;
|
|
10
|
+
styleType?: IOSStyleTypes;
|
|
11
|
+
shape?: IOSShapeTypes;
|
|
12
|
+
size?: SizeTypes;
|
|
13
|
+
type?: ButtonTypes;
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
export default function IOSButton({ children, variant, styleType, shape, size, type, className, ...props }: IOSButtonProps): import("react").JSX.Element;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
import type { AndroidStyleTypes } from "../../types/Android/AndroidStyleTypes.tsx";
|
|
3
|
+
import type { AndroidShapeTypes } from "../../types/Android/AndroidShapeTypes.tsx";
|
|
4
|
+
import type { BootstrapShapeTypes } from "../../types/Web/BootstrapShapeTypes.tsx";
|
|
5
|
+
import type { BootstrapStyleTypes } from "../../types/Web/BootstrapStyleTypes.tsx";
|
|
6
|
+
import type { IOSShapeTypes } from "../../types/IOS/IOSShapeTypes.tsx";
|
|
7
|
+
import type { IOSStyleTypes } from "../../types/IOS/IOSStyleTypes.tsx";
|
|
8
|
+
type PlatformMapping<T> = {};
|
|
9
|
+
export type LionButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
variant?: string;
|
|
12
|
+
platform?: string;
|
|
13
|
+
size?: SizeTypes.SM | SizeTypes.MD | SizeTypes.LG;
|
|
14
|
+
shape?: BootstrapShapeTypes | AndroidShapeTypes | IOSShapeTypes | string | PlatformMapping<BootstrapShapeTypes | AndroidShapeTypes | IOSShapeTypes | string>;
|
|
15
|
+
styleType?: BootstrapStyleTypes | AndroidStyleTypes | IOSStyleTypes | string | PlatformMapping<BootstrapStyleTypes | AndroidStyleTypes | IOSStyleTypes | string>;
|
|
16
|
+
};
|
|
17
|
+
export default function LionButton({ children, shape, styleType, platform, ...props }: LionButtonProps): import("react").JSX.Element;
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { InputTypes } from "../../types/InputTypes";
|
|
2
|
+
import { AndroidInputStyleTypes } from "../../types/Android/AndroidInputStyleTypes.tsx";
|
|
3
|
+
import { AndroidInputShapeTypes } from "../../types/Android/AndroidInputShapeTypes.tsx";
|
|
4
|
+
import { type InputHTMLAttributes, type ReactNode } from "react";
|
|
5
|
+
export interface AndroidInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "shape"> {
|
|
6
|
+
type?: InputTypes;
|
|
7
|
+
styleType?: AndroidInputStyleTypes;
|
|
8
|
+
shape?: AndroidInputShapeTypes;
|
|
9
|
+
variant?: string;
|
|
10
|
+
label?: string;
|
|
11
|
+
required?: boolean;
|
|
12
|
+
helperText?: string;
|
|
13
|
+
error?: boolean | string;
|
|
14
|
+
startIcon?: ReactNode;
|
|
15
|
+
endIcon?: ReactNode;
|
|
16
|
+
prefixText?: string;
|
|
17
|
+
suffixText?: string;
|
|
18
|
+
counter?: boolean | number;
|
|
19
|
+
}
|
|
20
|
+
export default function AndroidInput({ type, styleType, shape, variant, label, required, helperText, error, startIcon, endIcon, prefixText, suffixText, counter, disabled, readOnly, value, defaultValue, onChange, onFocus, onBlur, id, className, maxLength, placeholder, ...rest }: AndroidInputProps): import("react").JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type InputHTMLAttributes } from "react";
|
|
2
|
+
import { InputTypes } from "../../types/InputTypes";
|
|
3
|
+
import { BootstrapInputShapeTypes } from "../../types/Web/BootstrapInputShapeTypes.tsx";
|
|
4
|
+
import { BootstrapInputStyleTypes } from "../../types/Web/BootstrapInputStyleTypes.tsx";
|
|
5
|
+
export interface BootstrapInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "shape"> {
|
|
6
|
+
type?: InputTypes;
|
|
7
|
+
styleType?: BootstrapInputStyleTypes;
|
|
8
|
+
shape?: BootstrapInputShapeTypes;
|
|
9
|
+
variant?: string;
|
|
10
|
+
sizeType?: "sm" | "md" | "lg";
|
|
11
|
+
label?: string;
|
|
12
|
+
required?: boolean;
|
|
13
|
+
helperText?: string;
|
|
14
|
+
error?: boolean | string;
|
|
15
|
+
}
|
|
16
|
+
export default function BootstrapInput({ type, styleType, shape, variant, sizeType, label, required, helperText, error, disabled, readOnly, id, className, placeholder, ...rest }: BootstrapInputProps): import("react").JSX.Element;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { InputTypes } from "../../types/InputTypes";
|
|
3
|
+
import { IOSInputStyleTypes } from "../../types/IOS/IOSInputStyleTypes.tsx";
|
|
4
|
+
import { IOSInputShapeTypes } from "../../types/IOS/IOSInputShapeTypes.tsx";
|
|
5
|
+
export interface IOSInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "shape"> {
|
|
6
|
+
type?: InputTypes;
|
|
7
|
+
styleType?: IOSInputStyleTypes;
|
|
8
|
+
shape?: IOSInputShapeTypes;
|
|
9
|
+
variant?: string;
|
|
10
|
+
sizeType?: "sx" | "sm" | "md" | "lg";
|
|
11
|
+
label?: string;
|
|
12
|
+
required?: boolean;
|
|
13
|
+
helperText?: string;
|
|
14
|
+
error?: boolean | string;
|
|
15
|
+
startIcon?: React.ReactNode;
|
|
16
|
+
endIcon?: React.ReactNode;
|
|
17
|
+
prefixText?: string;
|
|
18
|
+
suffixText?: string;
|
|
19
|
+
clearable?: boolean;
|
|
20
|
+
}
|
|
21
|
+
export default function IOSInput({ type, styleType, shape, variant, sizeType, label, required, helperText, error, startIcon, endIcon, prefixText, suffixText, clearable, disabled, readOnly, value, defaultValue, onChange, onFocus, onBlur, id, className, maxLength, placeholder, ...rest }: IOSInputProps): React.JSX.Element;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { type InputHTMLAttributes, type ReactNode } from "react";
|
|
2
|
+
import type { AndroidStyleTypes } from "../../types/Android/AndroidStyleTypes.tsx";
|
|
3
|
+
import type { AndroidShapeTypes } from "../../types/Android/AndroidShapeTypes.tsx";
|
|
4
|
+
import type { BootstrapShapeTypes } from "../../types/Web/BootstrapShapeTypes.tsx";
|
|
5
|
+
import type { BootstrapStyleTypes } from "../../types/Web/BootstrapStyleTypes.tsx";
|
|
6
|
+
import type { IOSShapeTypes } from "../../types/IOS/IOSShapeTypes.tsx";
|
|
7
|
+
import type { IOSStyleTypes } from "../../types/IOS/IOSStyleTypes.tsx";
|
|
8
|
+
type PlatformMapping<T> = {};
|
|
9
|
+
export type LionInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "shape"> & {
|
|
10
|
+
variant?: string;
|
|
11
|
+
platform?: string;
|
|
12
|
+
sizeType?: string;
|
|
13
|
+
shape?: BootstrapShapeTypes | AndroidShapeTypes | IOSShapeTypes | string | PlatformMapping<BootstrapShapeTypes | AndroidShapeTypes | IOSShapeTypes | string>;
|
|
14
|
+
styleType?: BootstrapStyleTypes | AndroidStyleTypes | IOSStyleTypes | string | PlatformMapping<BootstrapStyleTypes | AndroidStyleTypes | IOSStyleTypes | string>;
|
|
15
|
+
label?: string;
|
|
16
|
+
required?: boolean;
|
|
17
|
+
helperText?: string;
|
|
18
|
+
error?: boolean | string;
|
|
19
|
+
startIcon?: ReactNode;
|
|
20
|
+
endIcon?: ReactNode;
|
|
21
|
+
prefixText?: string;
|
|
22
|
+
suffixText?: string;
|
|
23
|
+
counter?: boolean | number;
|
|
24
|
+
clearable?: boolean;
|
|
25
|
+
};
|
|
26
|
+
export default function LionInput({ shape, styleType, platform, ...props }: LionInputProps): import("react").JSX.Element;
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import { VariantTypes } from "../../types/VariantTypes.tsx";
|
|
3
|
+
import { PlatformTypes } from "../../types/PlatformTypes.tsx";
|
|
4
|
+
export interface LionModalProps {
|
|
5
|
+
modalId: string;
|
|
6
|
+
title: string;
|
|
7
|
+
body: ReactNode;
|
|
8
|
+
buttons?: ReactNode;
|
|
9
|
+
backdrop?: string;
|
|
10
|
+
fullscreen?: true | "sm" | "md" | "lg" | "xl" | "xxl" | "sm-down" | "md-down" | "lg-down" | "xl-down" | "xxl-down";
|
|
11
|
+
size?: SizeTypes.SM | SizeTypes.LG | SizeTypes.XL;
|
|
12
|
+
variant?: VariantTypes | string;
|
|
13
|
+
platform?: PlatformTypes | string;
|
|
14
|
+
cancelButtonIcon?: ReactNode;
|
|
15
|
+
cancelButtonText?: string;
|
|
16
|
+
}
|
|
17
|
+
export default function LionModal({ modalId, title, body, buttons, backdrop, fullscreen, size, variant, platform, cancelButtonIcon, cancelButtonText, }: LionModalProps): import("react").JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import type { LionUIContextProps } from "../interfaces/LionUIContextProps.tsx";
|
|
3
|
+
import type { LionUIComponentsProviderProps } from "../interfaces/LionUIComponentsProviderProps.tsx";
|
|
4
|
+
export declare const LionUIComponentsProvider: FC<LionUIComponentsProviderProps>;
|
|
5
|
+
export declare const useLionUI: () => LionUIContextProps;
|
|
@@ -7,7 +7,6 @@ import "./assets/css/inputs/inputs-ios.css";
|
|
|
7
7
|
import "./assets/css/inputs/inputs-bootstrap.css";
|
|
8
8
|
import "./assets/css/modals/modals.css";
|
|
9
9
|
import "./assets/css/loadings/loading-bar.css";
|
|
10
|
-
|
|
11
10
|
export { LionUIComponentsProvider } from './context/LionUIComponentsContext';
|
|
12
11
|
export { default as AndroidButton } from './components/buttons/AndroidButton';
|
|
13
12
|
export { default as BootstrapButton } from './components/buttons/BootstrapButton';
|
|
@@ -19,9 +18,8 @@ export { default as IOSInput } from './components/inputs/IOSInput';
|
|
|
19
18
|
export { default as LionInput } from './components/inputs/LionInput';
|
|
20
19
|
export { default as LoadingBar } from './components/loadings/LoadingBar';
|
|
21
20
|
export { default as LionModal } from './components/modals/LionModal';
|
|
22
|
-
|
|
23
21
|
export * from './types/ButtonTypes';
|
|
24
22
|
export * from './types/InputTypes';
|
|
25
23
|
export * from './types/PlatformTypes';
|
|
26
24
|
export * from './types/SizeTypes';
|
|
27
|
-
export * from './types/VariantTypes';
|
|
25
|
+
export * from './types/VariantTypes';
|