@egovernments/digit-ui-components-css 0.0.2-beta.10 → 0.0.2-beta.11

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 (48) hide show
  1. package/CHANGELOG.md +88 -84
  2. package/README.md +80 -80
  3. package/dist/index.css +612 -26
  4. package/dist/index.min.css +2 -2
  5. package/package.json +69 -69
  6. package/src/digitv2/components/FormComposerV2.scss +118 -118
  7. package/src/digitv2/components/actionbarV2.scss +207 -0
  8. package/src/digitv2/components/backLinkV2.scss +36 -36
  9. package/src/digitv2/components/bodyContainerV2.scss +39 -39
  10. package/src/digitv2/components/breadcrumbV2.scss +56 -56
  11. package/src/digitv2/components/buttonsV2.scss +451 -426
  12. package/src/digitv2/components/cardV2.scss +497 -484
  13. package/src/digitv2/components/cardbasedoptionsV2.scss +46 -46
  14. package/src/digitv2/components/cardlabelV2.scss +7 -7
  15. package/src/digitv2/components/checkboxV2.scss +83 -83
  16. package/src/digitv2/components/chipV2.scss +129 -129
  17. package/src/digitv2/components/dividerV2.scss +10 -10
  18. package/src/digitv2/components/errorMessageV2.scss +20 -20
  19. package/src/digitv2/components/fieldV1.scss +96 -96
  20. package/src/digitv2/components/headerdropdownV2.scss +152 -0
  21. package/src/digitv2/components/infoCardV2.scss +139 -139
  22. package/src/digitv2/components/infobuttonV2.scss +75 -75
  23. package/src/digitv2/components/labelFieldPairV2.scss +66 -66
  24. package/src/digitv2/components/mobileNumberV2.scss +65 -65
  25. package/src/digitv2/components/multiSelectDropdownV2.scss +315 -315
  26. package/src/digitv2/components/panelCardV2.scss +160 -160
  27. package/src/digitv2/components/panelV2.scss +114 -114
  28. package/src/digitv2/components/popUpV2.scss +330 -319
  29. package/src/digitv2/components/radiobtnV2.scss +115 -115
  30. package/src/digitv2/components/selectDropdownV2.scss +364 -364
  31. package/src/digitv2/components/stepperV2.scss +147 -147
  32. package/src/digitv2/components/textInputV2.scss +462 -462
  33. package/src/digitv2/components/textareaV2.scss +99 -99
  34. package/src/digitv2/components/textblockV2.scss +46 -46
  35. package/src/digitv2/components/timelineV2.scss +171 -159
  36. package/src/digitv2/components/toastV2.scss +80 -80
  37. package/src/digitv2/components/toggleV2.scss +72 -72
  38. package/src/digitv2/components/topbarV2.scss +388 -0
  39. package/src/digitv2/components/treeSelectV2.scss +132 -132
  40. package/src/digitv2/components/uploaderV2.scss +556 -556
  41. package/src/digitv2/components/viewCardFieldPairV2.scss +44 -44
  42. package/src/digitv2/index.scss +169 -168
  43. package/src/digitv2/pages/employee/index.scss +1 -1
  44. package/src/digitv2/pages/employee/workbench.scss +615 -615
  45. package/src/digitv2/typography.scss +638 -638
  46. package/src/index.scss +681 -681
  47. package/src/pages/employee/index.scss +625 -625
  48. package/src/pages/employee/login.scss +220 -220
package/src/pages/employee/login.scss CHANGED
@@ -1,221 +1,221 @@
1
- .loginFormStyleEmployee {
2
- .employeeCard {
3
- .submit-bar {
4
- @apply w-full;
5
- }
6
- }
7
- }
8
- .banner .bannerCard{
9
- min-width: 420px !important;
10
- }
11
- .employeeForgotPassword .employeeCard .field .field-container .component-in-front {
12
- margin-top: 0;
13
- border: 1px solid;
14
- border-right: none;
15
- padding: 7px;
16
- }
17
- @screen dt {
18
- .employeeForgotPassword .employeeCard .field .field-container .component-in-front {
19
- padding: 7px;
20
- }
21
- .loginFormStyleEmployee .employeeCard, .banner .bannerCard{
22
- min-width: 420px !important;
23
- }
24
- .employeeForgotPassword .employeeCard, .employeeChangePassword .employeeCard{
25
- max-width: 420px !important;
26
- min-width: 420px !important;
27
- }
28
- }
29
-
30
- .employeeForgotPassword .employee-card-input {
31
- margin-bottom: 0px;
32
- border-left: none;
33
- }
34
-
35
- .employeeForgotPassword .field-container {
36
- margin: 10px 0;
37
- }
38
- .employeeForgotPassword {
39
- .submit-bar {
40
- @apply w-full;
41
- }
42
- }
43
- .employeeChangePassword .submit-bar {
44
- width: 100% !important;
45
- }
46
- .employeeChangePassword .card-text {
47
- text-align: center;
48
- }
49
- .employeeChangePassword .input-otp-wrap {
50
- text-align: center;
51
- }
52
- .submit-bar {
53
- .submit-bar {
54
- @apply w-full;
55
- }
56
- }
57
- .loginFormStyleEmployee .bannerHeader p,
58
- .employeeForgotPassword .bannerHeader p,
59
- .employeeChangePassword .bannerHeader p {
60
- font-size: 19px;
61
- }
62
- .employeeCard .card-sub-header {
63
- font-size: 24px;
64
- }
65
- .loginFormStyleEmployee .employeeCard .card-label, .employeeForgotPassword .employeeCard .card-label{
66
- font-weight: normal;
67
- font-size: 16px;
68
- line-height: 19px;
69
- color: theme(colors.text.primary);
70
- margin-top: 20px;
71
- }
72
- .banner .bannerHeader {
73
- margin-bottom: 20px;
74
- }
75
- .employeeCard .card-label{
76
- font-weight: normal;
77
- font-size: 16px;
78
- line-height: 19px;
79
- color: theme(colors.text.primary);
80
- }
81
- .profile-label-margin{
82
- margin-top: 10px;
83
- }
84
-
85
- .employeeForgotPassword .employeeCard .card-label-desc {
86
- font-weight: normal;
87
- font-size: 16px;
88
- line-height: 24px;
89
- color: theme(colors.text.secondary);
90
- margin-top: 15px;
91
- }
92
- .employeeChangePassword .employeeCard .card-text {
93
- margin-bottom: 15px;
94
- font-size: 16px;
95
- color: theme(colors.text.secondary);
96
- }
97
- @media screen and (max-width: 768px) {
98
- .employeeChangePassword .employeeCard .card-text {
99
- margin-top: 7px;
100
- }
101
- .employeeCard .card-sub-header {
102
- font-size: 18px;
103
- }
104
- }
105
- .employeeChangePassword .employeeCard .card-text-button {
106
- text-align: center !important;
107
- margin-bottom: 12px !important;
108
- }
109
- .employeeChangePassword .employeeCard .input-otp-wrap {
110
- margin-bottom: 10px;
111
- }
112
- .employee .loginContainer {
113
- padding-top: 0px !important;
114
- }
115
- .banner {
116
- height: calc(100vh ) !important;
117
- }
118
-
119
- .employeeChangePassword .employeeCard .field .field-container{
120
- margin-bottom: 24px;
121
- }
122
-
123
- .employeeForgotPassword .employeeCard .employee-card-sub-header, .employeeChangePassword .employeeCard .employee-card-sub-header, .loginFormStyleEmployee .employeeCard .employee-card-sub-header{
124
- font-size: 24px !important;
125
- line-height: 28px !important;
126
- margin-bottom: 0px !important;
127
- }
128
- @media screen and (max-width : 768px){
129
- .employeeForgotPassword .employeeCard .employee-card-sub-header, .employeeChangePassword .employeeCard .employee-card-sub-header, .loginFormStyleEmployee .employeeCard .employee-card-sub-header{
130
- font-size: 18px !important;
131
- line-height: 21px !important;
132
- margin-bottom: 0px !important;
133
- }
134
- .loginFormStyleEmployee .employeeCard, .banner .bannerCard{
135
- min-width: 340px !important;
136
- margin: 10px !important;
137
- }
138
- .employeeForgotPassword .employeeCard, .employeeChangePassword .employeeCard{
139
- max-width: 360px !important;
140
- min-width: 340px !important;
141
- margin: 10px !important;
142
- }
143
- }
144
- .employeeChangePassword .employeeCard .card-text{
145
- margin-top: 18px !important;
146
- margin-bottom: 20px !important;
147
- }
148
- .employeeBackbuttonAlign{
149
- display: none;
150
- }
151
- .resend-otp{
152
- cursor: pointer;
153
- }
154
-
155
- .employee-select-wrap.login-city-dd {
156
- .options-card{
157
- max-height: 200px;
158
- }
159
- }
160
- @media screen and (max-width: 768px){
161
- .employeeBackbuttonAlign{
162
- display: block;
163
- position: absolute;
164
- top: 20px;
165
- left: 20px;
166
- }
167
- .banner{
168
- align-items: flex-end;
169
- padding-bottom: 40px;
170
- height: 100vh !important;
171
- }
172
- .topbar{
173
- background: rgba(34, 57, 77, var(--bg-opacity)) !important;
174
- color: white;
175
- }
176
- .employee .loginContainer{
177
- padding-top: 0px !important;
178
- }
179
- .removeBottomMargin{
180
- margin-bottom: 0px !important;
181
- }
182
- .employee-select-wrap.login-city-dd {
183
- .options-card{
184
- max-height: 160px;
185
- }
186
- }
187
- }
188
-
189
-
190
- .loginFormStyleEmployee {
191
-
192
- .loginCardSubHeaderClassName {
193
- text-align: center !important;
194
- }
195
- .loginCardClassName {
196
- margin: auto !important;
197
- min-width: 408px !important;
198
- header.employee-card-sub-header{
199
- text-align: center;
200
- margin-top: 10px;
201
- }
202
- }
203
- .buttonClassName {
204
- max-width: 100% !important;
205
- width: 100% !important
206
- }
207
- .field .field-container .text-input input {
208
- margin-bottom: 5px !important;
209
- }
210
- .bannerHeader {
211
- margin-bottom: 0px !important;
212
- }
213
-
214
- .primary-label-btn {
215
- margin: 20px auto 0 auto !important;
216
- }
217
-
218
- .employee-select-wrap .options-card {
219
- max-height: 150px !important;
220
- }
1
+ .loginFormStyleEmployee {
2
+ .employeeCard {
3
+ .submit-bar {
4
+ @apply w-full;
5
+ }
6
+ }
7
+ }
8
+ .banner .bannerCard{
9
+ min-width: 420px !important;
10
+ }
11
+ .employeeForgotPassword .employeeCard .field .field-container .component-in-front {
12
+ margin-top: 0;
13
+ border: 1px solid;
14
+ border-right: none;
15
+ padding: 7px;
16
+ }
17
+ @screen dt {
18
+ .employeeForgotPassword .employeeCard .field .field-container .component-in-front {
19
+ padding: 7px;
20
+ }
21
+ .loginFormStyleEmployee .employeeCard, .banner .bannerCard{
22
+ min-width: 420px !important;
23
+ }
24
+ .employeeForgotPassword .employeeCard, .employeeChangePassword .employeeCard{
25
+ max-width: 420px !important;
26
+ min-width: 420px !important;
27
+ }
28
+ }
29
+
30
+ .employeeForgotPassword .employee-card-input {
31
+ margin-bottom: 0px;
32
+ border-left: none;
33
+ }
34
+
35
+ .employeeForgotPassword .field-container {
36
+ margin: 10px 0;
37
+ }
38
+ .employeeForgotPassword {
39
+ .submit-bar {
40
+ @apply w-full;
41
+ }
42
+ }
43
+ .employeeChangePassword .submit-bar {
44
+ width: 100% !important;
45
+ }
46
+ .employeeChangePassword .card-text {
47
+ text-align: center;
48
+ }
49
+ .employeeChangePassword .input-otp-wrap {
50
+ text-align: center;
51
+ }
52
+ .submit-bar {
53
+ .submit-bar {
54
+ @apply w-full;
55
+ }
56
+ }
57
+ .loginFormStyleEmployee .bannerHeader p,
58
+ .employeeForgotPassword .bannerHeader p,
59
+ .employeeChangePassword .bannerHeader p {
60
+ font-size: 19px;
61
+ }
62
+ .employeeCard .card-sub-header {
63
+ font-size: 24px;
64
+ }
65
+ .loginFormStyleEmployee .employeeCard .card-label, .employeeForgotPassword .employeeCard .card-label{
66
+ font-weight: normal;
67
+ font-size: 16px;
68
+ line-height: 19px;
69
+ color: theme(colors.text.primary);
70
+ margin-top: 20px;
71
+ }
72
+ .banner .bannerHeader {
73
+ margin-bottom: 20px;
74
+ }
75
+ .employeeCard .card-label{
76
+ font-weight: normal;
77
+ font-size: 16px;
78
+ line-height: 19px;
79
+ color: theme(colors.text.primary);
80
+ }
81
+ .profile-label-margin{
82
+ margin-top: 10px;
83
+ }
84
+
85
+ .employeeForgotPassword .employeeCard .card-label-desc {
86
+ font-weight: normal;
87
+ font-size: 16px;
88
+ line-height: 24px;
89
+ color: theme(colors.text.secondary);
90
+ margin-top: 15px;
91
+ }
92
+ .employeeChangePassword .employeeCard .card-text {
93
+ margin-bottom: 15px;
94
+ font-size: 16px;
95
+ color: theme(colors.text.secondary);
96
+ }
97
+ @media screen and (max-width: 768px) {
98
+ .employeeChangePassword .employeeCard .card-text {
99
+ margin-top: 7px;
100
+ }
101
+ .employeeCard .card-sub-header {
102
+ font-size: 18px;
103
+ }
104
+ }
105
+ .employeeChangePassword .employeeCard .card-text-button {
106
+ text-align: center !important;
107
+ margin-bottom: 12px !important;
108
+ }
109
+ .employeeChangePassword .employeeCard .input-otp-wrap {
110
+ margin-bottom: 10px;
111
+ }
112
+ .employee .loginContainer {
113
+ padding-top: 0px !important;
114
+ }
115
+ .banner {
116
+ height: calc(100vh ) !important;
117
+ }
118
+
119
+ .employeeChangePassword .employeeCard .field .field-container{
120
+ margin-bottom: 24px;
121
+ }
122
+
123
+ .employeeForgotPassword .employeeCard .employee-card-sub-header, .employeeChangePassword .employeeCard .employee-card-sub-header, .loginFormStyleEmployee .employeeCard .employee-card-sub-header{
124
+ font-size: 24px !important;
125
+ line-height: 28px !important;
126
+ margin-bottom: 0px !important;
127
+ }
128
+ @media screen and (max-width : 768px){
129
+ .employeeForgotPassword .employeeCard .employee-card-sub-header, .employeeChangePassword .employeeCard .employee-card-sub-header, .loginFormStyleEmployee .employeeCard .employee-card-sub-header{
130
+ font-size: 18px !important;
131
+ line-height: 21px !important;
132
+ margin-bottom: 0px !important;
133
+ }
134
+ .loginFormStyleEmployee .employeeCard, .banner .bannerCard{
135
+ min-width: 340px !important;
136
+ margin: 10px !important;
137
+ }
138
+ .employeeForgotPassword .employeeCard, .employeeChangePassword .employeeCard{
139
+ max-width: 360px !important;
140
+ min-width: 340px !important;
141
+ margin: 10px !important;
142
+ }
143
+ }
144
+ .employeeChangePassword .employeeCard .card-text{
145
+ margin-top: 18px !important;
146
+ margin-bottom: 20px !important;
147
+ }
148
+ .employeeBackbuttonAlign{
149
+ display: none;
150
+ }
151
+ .resend-otp{
152
+ cursor: pointer;
153
+ }
154
+
155
+ .employee-select-wrap.login-city-dd {
156
+ .options-card{
157
+ max-height: 200px;
158
+ }
159
+ }
160
+ @media screen and (max-width: 768px){
161
+ .employeeBackbuttonAlign{
162
+ display: block;
163
+ position: absolute;
164
+ top: 20px;
165
+ left: 20px;
166
+ }
167
+ .banner{
168
+ align-items: flex-end;
169
+ padding-bottom: 40px;
170
+ height: 100vh !important;
171
+ }
172
+ .topbar{
173
+ background: rgba(34, 57, 77, var(--bg-opacity)) !important;
174
+ color: white;
175
+ }
176
+ .employee .loginContainer{
177
+ padding-top: 0px !important;
178
+ }
179
+ .removeBottomMargin{
180
+ margin-bottom: 0px !important;
181
+ }
182
+ .employee-select-wrap.login-city-dd {
183
+ .options-card{
184
+ max-height: 160px;
185
+ }
186
+ }
187
+ }
188
+
189
+
190
+ .loginFormStyleEmployee {
191
+
192
+ .loginCardSubHeaderClassName {
193
+ text-align: center !important;
194
+ }
195
+ .loginCardClassName {
196
+ margin: auto !important;
197
+ min-width: 408px !important;
198
+ header.employee-card-sub-header{
199
+ text-align: center;
200
+ margin-top: 10px;
201
+ }
202
+ }
203
+ .buttonClassName {
204
+ max-width: 100% !important;
205
+ width: 100% !important
206
+ }
207
+ .field .field-container .text-input input {
208
+ margin-bottom: 5px !important;
209
+ }
210
+ .bannerHeader {
211
+ margin-bottom: 0px !important;
212
+ }
213
+
214
+ .primary-label-btn {
215
+ margin: 20px auto 0 auto !important;
216
+ }
217
+
218
+ .employee-select-wrap .options-card {
219
+ max-height: 150px !important;
220
+ }
221
221
  }