@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.
Files changed (112) hide show
  1. package/README.md +984 -1
  2. package/dist/cjs/components/Button/index.d.ts +13 -0
  3. package/{src → dist/cjs}/components/InputField/index.d.ts +0 -1
  4. package/dist/cjs/components/index.d.ts +5 -0
  5. package/dist/cjs/index.d.ts +1 -0
  6. package/dist/cjs/index.js +2921 -0
  7. package/dist/cjs/index.js.map +1 -0
  8. package/dist/cjs/stories/Button.d.ts +28 -0
  9. package/dist/cjs/stories/Button.stories.d.ts +8 -0
  10. package/dist/cjs/stories/Header.d.ts +9 -0
  11. package/dist/cjs/stories/Header.stories.d.ts +6 -0
  12. package/dist/cjs/stories/Page.d.ts +9 -0
  13. package/dist/cjs/stories/Page.stories.d.ts +6 -0
  14. package/dist/cjs/svg/ClearIcon.d.ts +4 -0
  15. package/{src/svg/index.tsx → dist/cjs/svg/index.d.ts} +2 -3
  16. package/{src → dist/cjs}/utils/ClassNamesFn.d.ts +0 -1
  17. package/dist/esm/components/Button/index.d.ts +13 -0
  18. package/dist/esm/components/InputField/index.d.ts +19 -0
  19. package/dist/esm/components/index.d.ts +5 -0
  20. package/dist/esm/index.d.ts +39 -0
  21. package/dist/esm/index.js +2917 -0
  22. package/dist/esm/index.js.map +1 -0
  23. package/dist/esm/stories/Button.d.ts +28 -0
  24. package/dist/esm/stories/Button.stories.d.ts +8 -0
  25. package/dist/esm/stories/Header.d.ts +9 -0
  26. package/dist/esm/stories/Header.stories.d.ts +6 -0
  27. package/dist/esm/stories/Page.d.ts +9 -0
  28. package/dist/esm/stories/Page.stories.d.ts +6 -0
  29. package/dist/esm/svg/ClearIcon.d.ts +4 -0
  30. package/{src → dist/esm}/svg/index.d.ts +0 -1
  31. package/dist/esm/utils/ClassNamesFn.d.ts +1 -0
  32. package/package.json +51 -76
  33. package/.github/workflows/publish.yml +0 -61
  34. package/@types/scss-modules.d.ts +0 -5
  35. package/__tests__/components/InputField.test.tsx +0 -101
  36. package/index.d.ts +0 -7
  37. package/index.d.ts.map +0 -1
  38. package/index.js +0 -5
  39. package/index.tsx +0 -4
  40. package/jest.config.d.ts +0 -3
  41. package/jest.config.d.ts.map +0 -1
  42. package/jest.config.js +0 -46
  43. package/jest.config.ts +0 -45
  44. package/jest.setup.d.ts +0 -2
  45. package/jest.setup.d.ts.map +0 -1
  46. package/jest.setup.js +0 -4
  47. package/jest.setup.ts +0 -2
  48. package/public/NationalEmblem.webp +0 -0
  49. package/public/favicon.ico +0 -0
  50. package/public/fonts/Inter-Regular.ttf +0 -0
  51. package/public/img/Circled-1.svg +0 -11
  52. package/public/img/Circled-2.svg +0 -11
  53. package/public/img/Circled-3.svg +0 -11
  54. package/public/img/Mobile-chat.svg +0 -12
  55. package/public/img/accessibility-1.svg +0 -3
  56. package/public/img/account-1.svg +0 -3
  57. package/public/img/bg/Auth-bg.webp +0 -0
  58. package/public/img/bg/Autumn-bg.webp +0 -0
  59. package/public/img/bg/Msg-bg.webp +0 -0
  60. package/public/img/bg/Spring-bg.webp +0 -0
  61. package/public/img/bg/Summer-bg.webp +0 -0
  62. package/public/img/bg/Winter-bg.webp +0 -0
  63. package/public/img/car.svg +0 -3
  64. package/public/img/egov-logo.png +0 -0
  65. package/public/img/language-1.svg +0 -5
  66. package/public/img/logo.svg +0 -7
  67. package/src/app/page.d.ts +0 -1
  68. package/src/app/page.d.ts.map +0 -1
  69. package/src/app/page.js +0 -1
  70. package/src/app/page.tsx +0 -0
  71. package/src/components/InputField/InputField.module.scss +0 -57
  72. package/src/components/InputField/index.d.ts.map +0 -1
  73. package/src/components/InputField/index.js +0 -60
  74. package/src/components/InputField/index.tsx +0 -108
  75. package/src/components/index.d.ts +0 -4
  76. package/src/components/index.d.ts.map +0 -1
  77. package/src/components/index.js +0 -5
  78. package/src/components/index.tsx +0 -3
  79. package/src/stories/CardWrapperItem.tsx +0 -29
  80. package/src/stories/Configure.tsx +0 -494
  81. package/src/stories/assets/accessibility.png +0 -0
  82. package/src/stories/assets/accessibility.svg +0 -5
  83. package/src/stories/assets/addon-library.png +0 -0
  84. package/src/stories/assets/assets.png +0 -0
  85. package/src/stories/assets/avif-test-image.avif +0 -0
  86. package/src/stories/assets/context.png +0 -0
  87. package/src/stories/assets/discord.svg +0 -15
  88. package/src/stories/assets/docs.png +0 -0
  89. package/src/stories/assets/figma-plugin.png +0 -0
  90. package/src/stories/assets/github.svg +0 -3
  91. package/src/stories/assets/share.png +0 -0
  92. package/src/stories/assets/styling.png +0 -0
  93. package/src/stories/assets/testing.png +0 -0
  94. package/src/stories/assets/theming.png +0 -0
  95. package/src/stories/assets/tutorials.svg +0 -12
  96. package/src/stories/assets/youtube.svg +0 -4
  97. package/src/stories/components/Button.stories.tsx +0 -127
  98. package/src/styles/colors.module.scss +0 -42
  99. package/src/styles/globals.scss +0 -43
  100. package/src/styles/structure.module.scss +0 -60
  101. package/src/styles/typography.module.scss +0 -120
  102. package/src/svg/ClearIcon.d.ts +0 -5
  103. package/src/svg/ClearIcon.d.ts.map +0 -1
  104. package/src/svg/ClearIcon.js +0 -12
  105. package/src/svg/ClearIcon.tsx +0 -26
  106. package/src/svg/index.d.ts.map +0 -1
  107. package/src/svg/index.js +0 -5
  108. package/src/utils/ClassNamesFn.d.ts.map +0 -1
  109. package/src/utils/ClassNamesFn.js +0 -5
  110. package/src/utils/ClassNamesFn.tsx +0 -2
  111. package/tsconfig.json +0 -39
  112. 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 };