@egov3/system-design 1.0.25 → 1.0.30
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/README.md +984 -1
- package/dist/cjs/components/Button/index.d.ts +13 -0
- package/{src → dist/cjs}/components/InputField/index.d.ts +0 -1
- package/dist/cjs/components/index.d.ts +5 -0
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.js +2921 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/stories/Button.d.ts +28 -0
- package/dist/cjs/stories/Button.stories.d.ts +8 -0
- package/dist/cjs/stories/Header.d.ts +9 -0
- package/dist/cjs/stories/Header.stories.d.ts +6 -0
- package/dist/cjs/stories/Page.d.ts +9 -0
- package/dist/cjs/stories/Page.stories.d.ts +6 -0
- package/dist/cjs/svg/ClearIcon.d.ts +4 -0
- package/{src/svg/index.tsx → dist/cjs/svg/index.d.ts} +2 -3
- package/{src → dist/cjs}/utils/ClassNamesFn.d.ts +0 -1
- package/dist/esm/components/Button/index.d.ts +13 -0
- package/dist/esm/components/InputField/index.d.ts +19 -0
- package/dist/esm/components/index.d.ts +5 -0
- package/dist/esm/index.d.ts +39 -0
- package/dist/esm/index.js +2917 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/stories/Button.d.ts +28 -0
- package/dist/esm/stories/Button.stories.d.ts +8 -0
- package/dist/esm/stories/Header.d.ts +9 -0
- package/dist/esm/stories/Header.stories.d.ts +6 -0
- package/dist/esm/stories/Page.d.ts +9 -0
- package/dist/esm/stories/Page.stories.d.ts +6 -0
- package/dist/esm/svg/ClearIcon.d.ts +4 -0
- package/{src → dist/esm}/svg/index.d.ts +0 -1
- package/dist/esm/utils/ClassNamesFn.d.ts +1 -0
- package/package.json +51 -76
- package/.github/workflows/publish.yml +0 -61
- package/@types/scss-modules.d.ts +0 -5
- package/__tests__/components/InputField.test.tsx +0 -101
- package/index.d.ts +0 -7
- package/index.d.ts.map +0 -1
- package/index.js +0 -5
- package/index.tsx +0 -4
- package/jest.config.d.ts +0 -3
- package/jest.config.d.ts.map +0 -1
- package/jest.config.js +0 -46
- package/jest.config.ts +0 -45
- package/jest.setup.d.ts +0 -2
- package/jest.setup.d.ts.map +0 -1
- package/jest.setup.js +0 -4
- package/jest.setup.ts +0 -2
- package/public/NationalEmblem.webp +0 -0
- package/public/favicon.ico +0 -0
- package/public/fonts/Inter-Regular.ttf +0 -0
- package/public/img/Circled-1.svg +0 -11
- package/public/img/Circled-2.svg +0 -11
- package/public/img/Circled-3.svg +0 -11
- package/public/img/Mobile-chat.svg +0 -12
- package/public/img/accessibility-1.svg +0 -3
- package/public/img/account-1.svg +0 -3
- package/public/img/bg/Auth-bg.webp +0 -0
- package/public/img/bg/Autumn-bg.webp +0 -0
- package/public/img/bg/Msg-bg.webp +0 -0
- package/public/img/bg/Spring-bg.webp +0 -0
- package/public/img/bg/Summer-bg.webp +0 -0
- package/public/img/bg/Winter-bg.webp +0 -0
- package/public/img/car.svg +0 -3
- package/public/img/egov-logo.png +0 -0
- package/public/img/language-1.svg +0 -5
- package/public/img/logo.svg +0 -7
- package/src/app/page.d.ts +0 -1
- package/src/app/page.d.ts.map +0 -1
- package/src/app/page.js +0 -1
- package/src/app/page.tsx +0 -0
- package/src/components/InputField/InputField.module.scss +0 -57
- package/src/components/InputField/index.d.ts.map +0 -1
- package/src/components/InputField/index.js +0 -60
- package/src/components/InputField/index.tsx +0 -108
- package/src/components/index.d.ts +0 -4
- package/src/components/index.d.ts.map +0 -1
- package/src/components/index.js +0 -5
- package/src/components/index.tsx +0 -3
- package/src/stories/CardWrapperItem.tsx +0 -29
- package/src/stories/Configure.tsx +0 -494
- package/src/stories/assets/accessibility.png +0 -0
- package/src/stories/assets/accessibility.svg +0 -5
- package/src/stories/assets/addon-library.png +0 -0
- package/src/stories/assets/assets.png +0 -0
- package/src/stories/assets/avif-test-image.avif +0 -0
- package/src/stories/assets/context.png +0 -0
- package/src/stories/assets/discord.svg +0 -15
- package/src/stories/assets/docs.png +0 -0
- package/src/stories/assets/figma-plugin.png +0 -0
- package/src/stories/assets/github.svg +0 -3
- package/src/stories/assets/share.png +0 -0
- package/src/stories/assets/styling.png +0 -0
- package/src/stories/assets/testing.png +0 -0
- package/src/stories/assets/theming.png +0 -0
- package/src/stories/assets/tutorials.svg +0 -12
- package/src/stories/assets/youtube.svg +0 -4
- package/src/stories/components/Button.stories.tsx +0 -127
- package/src/styles/colors.module.scss +0 -42
- package/src/styles/globals.scss +0 -43
- package/src/styles/structure.module.scss +0 -60
- package/src/styles/typography.module.scss +0 -120
- package/src/svg/ClearIcon.d.ts +0 -5
- package/src/svg/ClearIcon.d.ts.map +0 -1
- package/src/svg/ClearIcon.js +0 -12
- package/src/svg/ClearIcon.tsx +0 -26
- package/src/svg/index.d.ts.map +0 -1
- package/src/svg/index.js +0 -5
- package/src/utils/ClassNamesFn.d.ts.map +0 -1
- package/src/utils/ClassNamesFn.js +0 -5
- package/src/utils/ClassNamesFn.tsx +0 -2
- package/tsconfig.json +0 -39
- package/tsconfig.tsbuildinfo +0 -1
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React, { HTMLInputTypeAttribute } from "react";
|
|
2
|
+
export type TOtpType = "OTP" | "TEXT";
|
|
3
|
+
export interface IInputFieldProps {
|
|
4
|
+
onFocus?: () => void;
|
|
5
|
+
onBlur?: () => void;
|
|
6
|
+
onEnterPress?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
7
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
8
|
+
value?: string;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
isClearable?: boolean;
|
|
13
|
+
inputLeftIcon?: JSX.Element;
|
|
14
|
+
type?: HTMLInputTypeAttribute;
|
|
15
|
+
id: string;
|
|
16
|
+
labelText?: string;
|
|
17
|
+
ariaLabel: string;
|
|
18
|
+
}
|
|
19
|
+
export declare const InputField: ({ onFocus, onBlur, onChange, onEnterPress, value, inputLeftIcon, placeholder, className, style, isClearable, type, id, labelText, ariaLabel, }: IInputFieldProps) => React.ReactNode;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const components: {
|
|
3
|
+
Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, }: import("./Button").IButtonProps) => import("react").JSX.Element;
|
|
4
|
+
InputField: ({ onFocus, onBlur, onChange, onEnterPress, value, inputLeftIcon, placeholder, className, style, isClearable, type, id, labelText, ariaLabel, }: import("./InputField").IInputFieldProps) => import("react").ReactNode;
|
|
5
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import React__default, { HTMLInputTypeAttribute } from 'react';
|
|
4
|
+
|
|
5
|
+
interface IInputFieldProps {
|
|
6
|
+
onFocus?: () => void;
|
|
7
|
+
onBlur?: () => void;
|
|
8
|
+
onEnterPress?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
|
|
9
|
+
onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
|
|
10
|
+
value?: string;
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
style?: React__default.CSSProperties;
|
|
14
|
+
isClearable?: boolean;
|
|
15
|
+
inputLeftIcon?: JSX.Element;
|
|
16
|
+
type?: HTMLInputTypeAttribute;
|
|
17
|
+
id: string;
|
|
18
|
+
labelText?: string;
|
|
19
|
+
ariaLabel: string;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
interface IButtonProps {
|
|
23
|
+
ariaLabel?: string;
|
|
24
|
+
onClick?: () => void;
|
|
25
|
+
children: React__default.ReactNode;
|
|
26
|
+
className?: string;
|
|
27
|
+
isRounded?: boolean;
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
variant?: 'default' | 'tinted' | 'secondary';
|
|
30
|
+
size?: 'mini' | 'small' | 'medium' | 'large';
|
|
31
|
+
style?: React__default.CSSProperties;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
declare const components: {
|
|
35
|
+
Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, }: IButtonProps) => React.JSX.Element;
|
|
36
|
+
InputField: ({ onFocus, onBlur, onChange, onEnterPress, value, inputLeftIcon, placeholder, className, style, isClearable, type, id, labelText, ariaLabel, }: IInputFieldProps) => React.ReactNode;
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
export { components };
|