@digigov/css 0.17.3 → 0.18.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.json +49 -0
- package/CHANGELOG.md +27 -1
- package/dist/base/index.css +2 -2
- package/dist/base.css +2 -2
- package/dist/components.css +1 -1
- package/dist/components.js +1 -1
- package/dist/digigov.css +3 -3
- package/package.json +2 -2
- package/src/components/dropdown.css +10 -2
- package/src/components/form.css +23 -0
- package/src/components/layout.css +1 -4
- package/src/components/modal.css +1 -1
- package/src/components/typography.css +2 -2
- package/src/pages/form.js +147 -0
package/src/pages/form.js
CHANGED
|
@@ -245,6 +245,153 @@ export default function Home() {
|
|
|
245
245
|
Συνέχεια
|
|
246
246
|
</button>
|
|
247
247
|
</div>
|
|
248
|
+
<h2 className="govgr-heading-xl">Disabled</h2>
|
|
249
|
+
<div className="govgr-form">
|
|
250
|
+
<div className="govgr-field">
|
|
251
|
+
<fieldset className="govgr-fieldset" aria-describedby="radiohint">
|
|
252
|
+
<legend className="govgr-heading-m govgr-fieldset__legend">
|
|
253
|
+
Επιλέξτε την απάντηση σας
|
|
254
|
+
</legend>
|
|
255
|
+
<div className="govgr-radios">
|
|
256
|
+
<div className="govgr-radios__item">
|
|
257
|
+
<label className="govgr-radios__label">
|
|
258
|
+
Ναι
|
|
259
|
+
<input className="govgr-radios__input" type="radio" name="fav_language" value="ναι" disabled checked />
|
|
260
|
+
</label>
|
|
261
|
+
</div>
|
|
262
|
+
<div className="govgr-radios__item">
|
|
263
|
+
<label className="govgr-radios__label">
|
|
264
|
+
Όχι
|
|
265
|
+
<input className="govgr-radios__input" type="radio" name="fav_language" value="όχι" disabled/>
|
|
266
|
+
</label>
|
|
267
|
+
</div>
|
|
268
|
+
</div>
|
|
269
|
+
</fieldset>
|
|
270
|
+
</div>
|
|
271
|
+
|
|
272
|
+
<div className="govgr-field">
|
|
273
|
+
<fieldset className="govgr-fieldset" aria-describedby="checkboxhint">
|
|
274
|
+
<legend className="govgr-heading-m govgr-fieldset__legend">Πώς αισθάνεται αυτή τη στιγμή;</legend>
|
|
275
|
+
<p className="govgr-hint">Πείτε μας σχετικά με πρόσφατες αλλαγές. Επιλέξτε ό,τι ισχύει.</p>
|
|
276
|
+
<div className="govgr-checkboxes">
|
|
277
|
+
<div className="govgr-checkboxes__item">
|
|
278
|
+
<label className="govgr-label govgr-checkboxes__label" >
|
|
279
|
+
Ναι
|
|
280
|
+
<input className="govgr-checkboxes__input" type="checkbox" name="fav_language" value="ναι" disabled checked/>
|
|
281
|
+
</label>
|
|
282
|
+
</div>
|
|
283
|
+
<div className="govgr-checkboxes__item">
|
|
284
|
+
<label className="govgr-label govgr-checkboxes__label">
|
|
285
|
+
Όχι
|
|
286
|
+
<input className="govgr-checkboxes__input" type="checkbox" name="fav_language" value="όχι" disabled/>
|
|
287
|
+
</label>
|
|
288
|
+
</div>
|
|
289
|
+
</div>
|
|
290
|
+
</fieldset>
|
|
291
|
+
</div>
|
|
292
|
+
|
|
293
|
+
<div className="govgr-field">
|
|
294
|
+
<label className='govgr-label'>
|
|
295
|
+
<span className="govgr-heading-s">Ερώτηση</span>
|
|
296
|
+
<p className="govgr-hint">Κάποια επεξήγηση εδώ.</p>
|
|
297
|
+
<input className="govgr-input" type="text" name="fname" disabled/>
|
|
298
|
+
</label>
|
|
299
|
+
</div>
|
|
300
|
+
|
|
301
|
+
<div className="govgr-field">
|
|
302
|
+
<label className='govgr-label'>
|
|
303
|
+
<span className="govgr-heading-s">Μια ακόμα ερώτηση</span>
|
|
304
|
+
<p className="govgr-hint">Κάποια επεξήγηση εδώ.</p>
|
|
305
|
+
<textarea className="govgr-textarea" name="ta" rows={5} disabled />
|
|
306
|
+
<span className="govgr-hint"> Μπορείτε να πληκτρολογήσετε άλλους 200 χαρακτήρες. </span>
|
|
307
|
+
</label>
|
|
308
|
+
</div>
|
|
309
|
+
|
|
310
|
+
<div className="govgr-field">
|
|
311
|
+
<fieldset>
|
|
312
|
+
<legend class="govgr-fieldset__legend govgr-heading-l" ></legend>
|
|
313
|
+
<h4 className="govgr-fieldset__legend" >Επιλέξτε από την λίστα</h4>
|
|
314
|
+
<p className="govgr-hint">Μπορείτε να επιλέξετε μόνο μία επιλογή.</p>
|
|
315
|
+
<label className="govgr-label">
|
|
316
|
+
<select className="govgr-select" id="select-list" name="select-list" defaultValue="one" disabled>
|
|
317
|
+
<option value="one">Ένα</option>
|
|
318
|
+
<option value="two">Δύο</option>
|
|
319
|
+
<option value="three">Τρία</option>
|
|
320
|
+
<option value="four">Τέσσερα</option>
|
|
321
|
+
</select>
|
|
322
|
+
</label>
|
|
323
|
+
</fieldset>
|
|
324
|
+
</div>
|
|
325
|
+
<div className="govgr-field">
|
|
326
|
+
<fieldset>
|
|
327
|
+
<legend class="govgr-fieldset__legend govgr-heading-l" >
|
|
328
|
+
Βασικές πληροφορίες
|
|
329
|
+
</legend>
|
|
330
|
+
<label className="govgr-label" >
|
|
331
|
+
<span class="govgr-heading-s">Όνομα</span>
|
|
332
|
+
<input className="govgr-input" type="text" name="fname" disabled />
|
|
333
|
+
</label>
|
|
334
|
+
<label className="govgr-label" >
|
|
335
|
+
<span class="govgr-heading-s">Επώνυμο</span>
|
|
336
|
+
<input className="govgr-input" type="text" name="lname" />
|
|
337
|
+
</label>
|
|
338
|
+
<label className="govgr-label">
|
|
339
|
+
<span class="govgr-heading-s">Email</span>
|
|
340
|
+
<input className="govgr-input" type="email" name="email" disabled value="test@test.com"/>
|
|
341
|
+
</label>
|
|
342
|
+
<label className="govgr-label">
|
|
343
|
+
<span class="govgr-heading-s">Ημ/νια γέννησης</span>
|
|
344
|
+
<input className="govgr-input" type="date" name="birthday" disabled/>
|
|
345
|
+
</label>
|
|
346
|
+
</fieldset>
|
|
347
|
+
</div>
|
|
348
|
+
<div className="govgr-field">
|
|
349
|
+
<fieldset>
|
|
350
|
+
<legend class="govgr-fieldset__legend govgr-heading-l">
|
|
351
|
+
Πότε έγινε αυτό;
|
|
352
|
+
</legend>
|
|
353
|
+
<div className="govgr-date-input">
|
|
354
|
+
<div className="govgr-date-input__item">
|
|
355
|
+
<div className="govgr-field">
|
|
356
|
+
<label className="govgr-label">
|
|
357
|
+
Ημέρα
|
|
358
|
+
<input className="govgr-input govgr-input--width-2" type="text" pattern="[0-9]*" inputMode="numeric" name="b-day" autoComplete="bday-day" disabled/>
|
|
359
|
+
</label>
|
|
360
|
+
</div>
|
|
361
|
+
</div>
|
|
362
|
+
<div className="govgr-date-input__item">
|
|
363
|
+
<div className="govgr-field">
|
|
364
|
+
<label className="govgr-label">
|
|
365
|
+
Μήνας
|
|
366
|
+
<input className="govgr-input govgr-input--width-2" type="text" pattern="[0-9]*" inputMode="numeric" name="b-month" autoComplete="bday-month" />
|
|
367
|
+
</label>
|
|
368
|
+
</div>
|
|
369
|
+
</div>
|
|
370
|
+
<div className="govgr-date-input__item">
|
|
371
|
+
<div className="govgr-field">
|
|
372
|
+
<label className="govgr-label">
|
|
373
|
+
Έτος
|
|
374
|
+
<input className="govgr-input govgr-input--width-4" type="text" pattern="[0-9]*" inputMode="numeric" name="b-year" autoComplete="bday-year" disabled value="2022"/>
|
|
375
|
+
</label>
|
|
376
|
+
</div>
|
|
377
|
+
</div>
|
|
378
|
+
</div>
|
|
379
|
+
</fieldset>
|
|
380
|
+
</div>
|
|
381
|
+
<div className="govgr-field">
|
|
382
|
+
<label className="govgr-label label-file">
|
|
383
|
+
Επιλογή αρχείου
|
|
384
|
+
<p className="govgr-hint"> Ανεβάστε το αρχείο που χρειάζεται.</p>
|
|
385
|
+
<div className="upload-file" >
|
|
386
|
+
<input className="govgr-file-upload" type="file" name="filename" disabled/>
|
|
387
|
+
</div>
|
|
388
|
+
</label>
|
|
389
|
+
</div>
|
|
390
|
+
|
|
391
|
+
<button className="govgr-btn govgr-btn-primary">
|
|
392
|
+
Συνέχεια
|
|
393
|
+
</button>
|
|
394
|
+
</div>
|
|
248
395
|
</div>
|
|
249
396
|
</div>
|
|
250
397
|
</div>
|