@djb25/digit-ui-module-ws 1.0.24 → 1.0.25

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/index.css ADDED
@@ -0,0 +1,332 @@
1
+ /* NewApplication.css */
2
+
3
+ ._NewApplication__ws-new-application-layout__wh9db {
4
+ display: flex !important;
5
+ align-items: flex-start !important;
6
+ gap: 0 !important;
7
+ background-color: #f4f7fb;
8
+ min-height: calc(100vh - 80px);
9
+ }
10
+
11
+ ._NewApplication__ws-new-application-sidebar__2F-v2 {
12
+ width: 320px;
13
+ min-width: 320px;
14
+ background-color: #ffffff;
15
+ border-right: 1px solid #e5e7eb;
16
+ padding: 24px;
17
+ position: sticky;
18
+ top: 0;
19
+ height: calc(100vh - 80px);
20
+ overflow-y: auto;
21
+ }
22
+
23
+ ._NewApplication__ws-new-application-form-container__2j-EU {
24
+ flex: 1;
25
+ padding: 24px 40px;
26
+ background-color: #f4f7fb;
27
+ overflow-y: auto;
28
+ }
29
+
30
+ /* Vertical Timeline Overrides */
31
+ ._NewApplication__vertical-timeline-container__3hRYT {
32
+ padding: 0 !important;
33
+ margin: 0 !important;
34
+ }
35
+
36
+ ._NewApplication__vertical-timeline-wrapper__1Ienx {
37
+ display: flex !important;
38
+ flex-direction: column !important;
39
+ gap: 0 !important;
40
+ }
41
+
42
+ ._NewApplication__vertical-timeline-step__3LZGY {
43
+ display: flex !important;
44
+ align-items: center !important;
45
+ gap: 16px !important;
46
+ padding: 16px 0 !important;
47
+ cursor: pointer;
48
+ position: relative;
49
+ min-height: 80px;
50
+ }
51
+
52
+ ._NewApplication__vertical-timeline-pill__3jCP- {
53
+ width: 36px !important;
54
+ height: 36px !important;
55
+ border-radius: 50% !important;
56
+ border: 1px solid #d1d5db !important;
57
+ display: flex !important;
58
+ justify-content: center !important;
59
+ align-items: center !important;
60
+ background-color: #ffffff !important;
61
+ color: #9ca3af !important;
62
+ font-weight: 600 !important;
63
+ font-size: 14px !important;
64
+ z-index: 2;
65
+ transition: all 0.3s ease;
66
+ }
67
+
68
+ ._NewApplication__vertical-timeline-step__3LZGY._NewApplication__active__y3RTL ._NewApplication__vertical-timeline-pill__3jCP-,
69
+ ._NewApplication__vertical-timeline-step__3LZGY._NewApplication__activeTimeline__3cEPL ._NewApplication__vertical-timeline-pill__3jCP- {
70
+ background-color: #0b4b66 !important;
71
+ border-color: #0b4b66 !important;
72
+ color: #ffffff !important;
73
+ box-shadow: 0 0 0 4px rgba(11, 75, 102, 0.1);
74
+ }
75
+
76
+ ._NewApplication__vertical-timeline-step__3LZGY._NewApplication__completed__3VOu2 ._NewApplication__vertical-timeline-pill__3jCP- {
77
+ border-color: #0b4b66 !important;
78
+ color: #0b4b66 !important;
79
+ }
80
+
81
+ ._NewApplication__vertical-timeline-connector__1nhHO {
82
+ position: absolute !important;
83
+ left: 17px !important;
84
+ top: 52px !important;
85
+ height: calc(100% - 36px) !important;
86
+ width: 1px !important;
87
+ background-color: #e5e7eb !important;
88
+ z-index: 1 !important;
89
+ }
90
+
91
+ ._NewApplication__vertical-timeline-step__3LZGY:last-child ._NewApplication__vertical-timeline-connector__1nhHO {
92
+ display: none !important;
93
+ }
94
+
95
+ ._NewApplication__vertical-timeline-step__3LZGY._NewApplication__completed__3VOu2 ._NewApplication__vertical-timeline-connector__1nhHO {
96
+ background-color: #0b4b66 !important;
97
+ }
98
+
99
+ ._NewApplication__vertical-timeline-label__2XlOR {
100
+ font-size: 15px !important;
101
+ font-weight: 500 !important;
102
+ color: #4b5563 !important;
103
+ transition: all 0.3s ease;
104
+ }
105
+
106
+ ._NewApplication__vertical-timeline-step__3LZGY._NewApplication__active__y3RTL ._NewApplication__vertical-timeline-label__2XlOR,
107
+ ._NewApplication__vertical-timeline-step__3LZGY._NewApplication__activeTimeline__3cEPL ._NewApplication__vertical-timeline-label__2XlOR {
108
+ color: #111827 !important;
109
+ font-weight: 700 !important;
110
+ }
111
+
112
+ ._NewApplication__ws-field-wrapper__351nb {
113
+ display: flex !important;
114
+ flex-direction: column !important;
115
+ gap: 8px !important;
116
+ min-width: 0 !important;
117
+ }
118
+
119
+ ._NewApplication__ws-field-wrapper__351nb._NewApplication__full-width__1JhpF {
120
+ grid-column: 1 / -1 !important;
121
+ }
122
+
123
+ ._NewApplication__ws-secondary-button__JXeXU {
124
+ background: #FFFFFF !important;
125
+ border: 1px solid #0B4B66 !important;
126
+ box-shadow: none !important;
127
+ color: #0B4B66 !important;
128
+ }
129
+
130
+ ._NewApplication__ws-action-bar-container__1cfOs {
131
+ display: flex !important;
132
+ justify-content: flex-end !important;
133
+ align-items: center !important;
134
+ gap: 16px !important;
135
+ flex-wrap: wrap !important;
136
+ }
137
+
138
+ ._NewApplication__ws-link-button__3yo-A {
139
+ background: transparent !important;
140
+ border: none !important;
141
+ color: #0B4B66 !important;
142
+ cursor: pointer !important;
143
+ font-size: 14px !important;
144
+ font-weight: 600 !important;
145
+ padding: 0 !important;
146
+ text-decoration: underline !important;
147
+ }
148
+
149
+ /* Avatar Styles */
150
+ ._NewApplication__avatar-upload-container__21AvE {
151
+ display: flex;
152
+ flex-direction: column;
153
+ align-items: center;
154
+ justify-content: center;
155
+ grid-column: 1 / -1;
156
+ }
157
+
158
+ ._NewApplication__avatar-wrapper__3a4wd {
159
+ position: relative;
160
+ width: 120px;
161
+ height: 120px;
162
+ }
163
+
164
+ ._NewApplication__avatar-circle__1UYxh {
165
+ width: 100%;
166
+ height: 100%;
167
+ border-radius: 50%;
168
+ border: 2px solid #E5E7EB;
169
+ overflow: hidden;
170
+ background-color: #F3F4F6;
171
+ display: flex;
172
+ justify-content: center;
173
+ align-items: center;
174
+ cursor: pointer;
175
+ transition: all 0.2s ease;
176
+ }
177
+
178
+ ._NewApplication__avatar-circle__1UYxh:hover {
179
+ border-color: #0B4B66;
180
+ opacity: 0.9;
181
+ }
182
+
183
+ ._NewApplication__avatar-circle__1UYxh img,
184
+ ._NewApplication__ws-avatar-image__7CsWw {
185
+ width: 100% !important;
186
+ height: 100% !important;
187
+ object-fit: cover !important;
188
+ }
189
+
190
+ ._NewApplication__avatar-placeholder__Yuuwx {
191
+ display: flex;
192
+ justify-content: center;
193
+ align-items: center;
194
+ }
195
+
196
+ ._NewApplication__avatar-edit-icon__1aXGh {
197
+ position: absolute;
198
+ bottom: 4px;
199
+ right: 4px;
200
+ background: white;
201
+ width: 36px;
202
+ height: 36px;
203
+ border-radius: 50%;
204
+ display: flex;
205
+ justify-content: center;
206
+ align-items: center;
207
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
208
+ border: 1px solid #E5E7EB;
209
+ cursor: pointer;
210
+ transition: all 0.2s ease;
211
+ }
212
+
213
+ ._NewApplication__avatar-edit-icon__1aXGh:hover {
214
+ transform: scale(1.1);
215
+ background-color: #F9FAFB;
216
+ }
217
+
218
+ /* Section Card Styles */
219
+ ._NewApplication__ws-section-card-container__3ADcA {
220
+ margin-bottom: 16px !important;
221
+ position: relative !important;
222
+ }
223
+
224
+ ._NewApplication__ws-section-edit-button__22aC0 {
225
+ position: absolute !important;
226
+ top: 20px !important;
227
+ right: 50px !important;
228
+ z-index: 10 !important;
229
+ cursor: pointer !important;
230
+ display: flex !important;
231
+ align-items: center !important;
232
+ gap: 4px !important;
233
+ color: #0B4B66 !important;
234
+ font-size: 14px !important;
235
+ font-weight: 600 !important;
236
+ }
237
+
238
+ /* Preview Styles */
239
+ ._NewApplication__ws-preview-document-view__1i4Af {
240
+ cursor: pointer !important;
241
+ display: flex !important;
242
+ align-items: center !important;
243
+ color: #0B4B66 !important;
244
+ }
245
+
246
+ /* Layout Classes */
247
+ ._NewApplication__ws-new-app-form-main__1RgTq {
248
+ flex: 1 !important;
249
+ overflow-y: auto !important;
250
+ min-width: 0 !important;
251
+ }
252
+
253
+ ._NewApplication__ws-new-application-collapsible__2alUe ._NewApplication__collapsible-card-tabs__7mG1P {
254
+ display: none !important;
255
+ }
256
+
257
+ ._NewApplication__ws-new-application-collapsible__2alUe ._NewApplication__collapsible-card-tab-content__OezRm {
258
+ padding: 0 !important;
259
+ }
260
+
261
+ ._NewApplication__ws-field-row-container__3GiPn {
262
+ display: flex !important;
263
+ align-items: center !important;
264
+ gap: 10px !important;
265
+ }
266
+
267
+ ._NewApplication__ws-flex-1__3DqwR {
268
+ flex: 1 !important;
269
+ }
270
+
271
+ ._NewApplication__ws-verified-text__2qttk {
272
+ color: green !important;
273
+ font-size: 14px !important;
274
+ font-weight: 600 !important;
275
+ }
276
+
277
+ ._NewApplication__ws-avatar-static__1fFN_ {
278
+ cursor: default !important;
279
+ }
280
+
281
+ ._NewApplication__ws-text-area-min-height__2OFP1 {
282
+ min-height: 96px !important;
283
+ }
284
+
285
+ ._NewApplication__ws-width-full__98AEe {
286
+ width: 100% !important;
287
+ }
288
+
289
+ ._NewApplication__ws-card-label-bold-no-margin__32skN {
290
+ font-weight: 600 !important;
291
+ margin-bottom: 0 !important;
292
+ }
293
+
294
+ ._NewApplication__ws-card-text-no-margin__SwI9a {
295
+ margin-top: 0 !important;
296
+ margin-bottom: 0 !important;
297
+ }
298
+
299
+ ._NewApplication__ws-flex-row-gap-8__JyhxC {
300
+ display: flex !important;
301
+ align-items: center !important;
302
+ gap: 8px !important;
303
+ }
304
+
305
+ ._NewApplication__ws-text-center__1oFgu {
306
+ text-align: center !important;
307
+ }
308
+
309
+ ._NewApplication__ws-margin-bottom-16__1eixS {
310
+ margin-bottom: 16px !important;
311
+ }
312
+
313
+ ._NewApplication__ws-font-weight-700__1P3uk {
314
+ font-weight: 700 !important;
315
+ }
316
+
317
+ ._NewApplication__ws-margin-top-8__31G9z {
318
+ margin-top: 8px !important;
319
+ }
320
+
321
+ ._NewApplication__ws-field-hint__X7FOy {
322
+ color: #505A5F !important;
323
+ font-size: 14px !important;
324
+ margin-bottom: 0 !important;
325
+ margin-top: 0 !important;
326
+ }
327
+
328
+ ._NewApplication__ws-uploading-text__23fiS {
329
+ font-size: 14px !important;
330
+ margin-top: 8px !important;
331
+ color: #505A5F !important;
332
+ }