@egovernments/digit-ui-components 0.0.9-beta.1 → 0.2.0-beta.2
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/CHANGELOG.md +456 -0
- package/README.md +137 -139
- package/dist/index.js +1 -1
- package/package.json +91 -94
package/README.md
CHANGED
|
@@ -1,139 +1,137 @@
|
|
|
1
|
-
|
|
2
|
-
# digit-ui-components
|
|
3
|
-
|
|
4
|
-
## Install
|
|
5
|
-
|
|
6
|
-
```bash
|
|
7
|
-
npm install --save @egovernments/digit-ui-components
|
|
8
|
-
```
|
|
9
|
-
|
|
10
|
-
## Limitation
|
|
11
|
-
|
|
12
|
-
```bash
|
|
13
|
-
This Package is more specific to DIGIT-UI's can be used across mission's
|
|
14
|
-
```
|
|
15
|
-
|
|
16
|
-
## Usage
|
|
17
|
-
|
|
18
|
-
After adding the dependency make sure you have this dependency in
|
|
19
|
-
|
|
20
|
-
```bash
|
|
21
|
-
frontend/micro-ui/web/package.json
|
|
22
|
-
```
|
|
23
|
-
|
|
24
|
-
```json
|
|
25
|
-
"@egovernments/digit-ui-components":"0.0.1",
|
|
26
|
-
```
|
|
27
|
-
|
|
28
|
-
then navigate to App.js
|
|
29
|
-
|
|
30
|
-
```bash
|
|
31
|
-
frontend/micro-ui/web/src/App.js
|
|
32
|
-
```
|
|
33
|
-
|
|
34
|
-
# Syntax for importing any components
|
|
35
|
-
|
|
36
|
-
```jsx
|
|
37
|
-
import { SVG } from "@egovernments/digit-ui-components";
|
|
38
|
-
|
|
39
|
-
<SVG.Accessibility />;
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
# Local Development
|
|
43
|
-
Use Node 14 version
|
|
44
|
-
|
|
45
|
-
Step 1
|
|
46
|
-
|
|
47
|
-
```bash
|
|
48
|
-
yarn install
|
|
49
|
-
```
|
|
50
|
-
|
|
51
|
-
Step 2
|
|
52
|
-
|
|
53
|
-
```bash
|
|
54
|
-
yarn storybook
|
|
55
|
-
```
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
```
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
<Toast
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
- Added
|
|
100
|
-
- Added
|
|
101
|
-
- Added
|
|
102
|
-
- Added
|
|
103
|
-
- Added
|
|
104
|
-
- Added
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
-
|
|
113
|
-
- Updated
|
|
114
|
-
- Updated
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
#
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-

|
|
139
|
-
|
|
1
|
+
|
|
2
|
+
# digit-ui-components
|
|
3
|
+
|
|
4
|
+
## Install
|
|
5
|
+
|
|
6
|
+
```bash
|
|
7
|
+
npm install --save @egovernments/digit-ui-components
|
|
8
|
+
```
|
|
9
|
+
|
|
10
|
+
## Limitation
|
|
11
|
+
|
|
12
|
+
```bash
|
|
13
|
+
This Package is more specific to DIGIT-UI's can be used across mission's
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
## Usage
|
|
17
|
+
|
|
18
|
+
After adding the dependency make sure you have this dependency in
|
|
19
|
+
|
|
20
|
+
```bash
|
|
21
|
+
frontend/micro-ui/web/package.json
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
```json
|
|
25
|
+
"@egovernments/digit-ui-components":"0.0.1",
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
then navigate to App.js
|
|
29
|
+
|
|
30
|
+
```bash
|
|
31
|
+
frontend/micro-ui/web/src/App.js
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
# Syntax for importing any components
|
|
35
|
+
|
|
36
|
+
```jsx
|
|
37
|
+
import { SVG } from "@egovernments/digit-ui-components";
|
|
38
|
+
|
|
39
|
+
<SVG.Accessibility />;
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
# Local Development to check storybook
|
|
43
|
+
Use Node 14 version
|
|
44
|
+
|
|
45
|
+
Step 1
|
|
46
|
+
|
|
47
|
+
```bash
|
|
48
|
+
yarn install
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
Step 2
|
|
52
|
+
|
|
53
|
+
```bash
|
|
54
|
+
yarn storybook
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
### New Changes
|
|
58
|
+
|
|
59
|
+
## [0.0.1-beta.28] - 2024-05-24
|
|
60
|
+
|
|
61
|
+
- Added restrictSelection prop in Multiselectdropdown. If this is sent as true, it restricts any option to get selected.
|
|
62
|
+
|
|
63
|
+
- Usage:
|
|
64
|
+
```jsx
|
|
65
|
+
<MultiSelectDropdown
|
|
66
|
+
restrictSelection={true}
|
|
67
|
+
/>
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
### Breaking Changes while migrating from any version below 0.0.1-beta.22
|
|
71
|
+
|
|
72
|
+
## [0.0.1-beta.22] - 2024-05-20
|
|
73
|
+
|
|
74
|
+
- Toast Component: From this version of `ui-components`, the `Toast` component has a new prop named `type`, replacing the separate props for `info`, `warning`, and `error`.
|
|
75
|
+
- Old Usage:
|
|
76
|
+
```jsx
|
|
77
|
+
<Toast info={true} label={"Info Toast"} />
|
|
78
|
+
<Toast warning="warning" label={"Warning Toast"}/>
|
|
79
|
+
<Toast error={true} label={"Error Toast"}/>
|
|
80
|
+
```
|
|
81
|
+
- New Usage:
|
|
82
|
+
```jsx
|
|
83
|
+
<Toast type="info" label={"Info Toast"} />
|
|
84
|
+
<Toast type="warning" label={"Warning Toast"} />
|
|
85
|
+
<Toast type="error" label={"Error Toast"} />
|
|
86
|
+
<Toast type="success" label={"Success Toast"} />
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
## Changelog
|
|
90
|
+
|
|
91
|
+
### Summary for Version [0.0.2] - 2024-06-03
|
|
92
|
+
|
|
93
|
+
#### New Changes
|
|
94
|
+
|
|
95
|
+
- Added Error Message Component.
|
|
96
|
+
- Added Info Button Component.
|
|
97
|
+
- Added Panels Component.
|
|
98
|
+
- Added Popup Component with two variants: `default` and `alert`.
|
|
99
|
+
- Added RemoveableTag Component.
|
|
100
|
+
- Added Stepper Component.
|
|
101
|
+
- Added TextBlock Component.
|
|
102
|
+
- Added Timeline Component.
|
|
103
|
+
- Added Uploader Component with three variants: `UploadFile`, `UploadPopup`, and `UploadImage`.
|
|
104
|
+
- Added PanelCard Molecule.
|
|
105
|
+
|
|
106
|
+
#### Enhancements
|
|
107
|
+
|
|
108
|
+
- Updated Button Component Styles.
|
|
109
|
+
- Updated Dropdown Component Styles and added SelectAll Option.
|
|
110
|
+
- Updated InfoCard Component Styles.
|
|
111
|
+
- Added Animation for Toast.
|
|
112
|
+
- Added new prop `type` for Toast, replacing the separate props for `info`, `warning`, and `error`.
|
|
113
|
+
- Updated Typography with lineHeight.
|
|
114
|
+
- Updated Color Typography.
|
|
115
|
+
|
|
116
|
+
For a detailed changelog, see the [CHANGELOG.md](./CHANGELOG.md) file.
|
|
117
|
+
|
|
118
|
+
## Published from DIGIT-UI-LIBRARIES
|
|
119
|
+
|
|
120
|
+
DIGIT-UI-LIBRARIES Repo (https://github.com/egovernments/DIGIT-UI-LIBRARIES/tree/master)
|
|
121
|
+
|
|
122
|
+
# Contributors
|
|
123
|
+
|
|
124
|
+
[nabeelmd-egov] [bhavya-eGov] [nipunarora-eGov] [swathi-egov] [jagankumar-egov]
|
|
125
|
+
|
|
126
|
+
# Reference
|
|
127
|
+
|
|
128
|
+
Storybook (https://unified-dev.digit.org/storybook/)
|
|
129
|
+
|
|
130
|
+
Documentation (https://core.digit.org/guides/developer-guide/ui-developer-guide/digit-ui/ui-components-standardisation/digit-ui-components0.2.0)
|
|
131
|
+
|
|
132
|
+
## License
|
|
133
|
+
|
|
134
|
+
MIT © [jagankumar-egov](https://github.com/jagankumar-egov)
|
|
135
|
+
|
|
136
|
+

|
|
137
|
+
|