@webilix/ngx-form-m3 0.0.53 → 0.0.57

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/ngx-form-m3.css CHANGED
@@ -326,18 +326,32 @@
326
326
 
327
327
  display: grid;
328
328
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
329
+ row-gap: 0.25rem;
330
+ column-gap: 0.25rem;
329
331
  width: fit-content !important;
332
+ direction: ltr;
330
333
 
331
334
  button {
335
+ display: flex;
336
+ align-items: center;
337
+ justify-content: center;
338
+
332
339
  padding: 0.75rem;
333
340
  min-width: auto;
334
341
  min-height: auto;
335
342
  border-radius: 0;
336
343
 
344
+ text-align: center;
345
+
337
346
  span.hour {
338
347
  font-size: 90%;
339
348
  }
340
349
  }
350
+
351
+ button.selected {
352
+ color: var(--primary);
353
+ border: 1px solid var(--primary);
354
+ }
341
355
  }
342
356
  }
343
357
 
@@ -347,18 +361,32 @@
347
361
 
348
362
  display: grid;
349
363
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
364
+ row-gap: 0.25rem;
365
+ column-gap: 0.25rem;
350
366
  width: fit-content !important;
367
+ direction: ltr;
351
368
 
352
369
  button {
353
- padding: 0.75rem 0.5rem;
370
+ display: flex;
371
+ align-items: center;
372
+ justify-content: center;
373
+
374
+ padding: 0.5rem;
354
375
  min-width: auto;
355
376
  min-height: auto;
356
377
  border-radius: 0;
357
378
 
379
+ text-align: center;
380
+
358
381
  span.minute {
359
382
  font-size: 90%;
360
383
  }
361
384
  }
385
+
386
+ button.selected {
387
+ color: var(--primary);
388
+ border: 1px solid var(--primary);
389
+ }
362
390
  }
363
391
  }
364
392
 
@@ -368,17 +396,31 @@
368
396
 
369
397
  display: grid;
370
398
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
399
+ row-gap: 0.25rem;
400
+ column-gap: 0.25rem;
371
401
  width: fit-content !important;
402
+ direction: ltr;
372
403
 
373
404
  button {
374
- padding: 0.75rem 0.5rem;
405
+ display: flex;
406
+ align-items: center;
407
+ justify-content: center;
408
+
409
+ padding: 0.5rem;
375
410
  min-width: auto;
376
411
  min-height: auto;
377
412
  border-radius: 0;
378
413
 
414
+ text-align: center;
415
+
379
416
  span.second {
380
417
  font-size: 90%;
381
418
  }
382
419
  }
420
+
421
+ button.selected {
422
+ color: var(--primary);
423
+ border: 1px solid var(--primary);
424
+ }
383
425
  }
384
426
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webilix/ngx-form-m3",
3
- "version": "0.0.53",
3
+ "version": "0.0.57",
4
4
  "author": "Ali Amirnezhad",
5
5
  "description": "Persian form library for Angular and Material 3",
6
6
  "repository": {
@@ -20,14 +20,14 @@
20
20
  },
21
21
  "homepage": "https://github.com/webilix/ngx-form-m3#readme",
22
22
  "peerDependencies": {
23
- "@angular/common": ">=20.3.6",
24
- "@angular/core": ">=20.3.6",
25
- "@angular/forms": ">=20.3.6",
26
- "@angular/material": ">=20.2.9",
23
+ "@angular/common": ">=20.3.10",
24
+ "@angular/core": ">=20.3.10",
25
+ "@angular/forms": ">=20.3.10",
26
+ "@angular/material": ">=20.2.12",
27
27
  "@webilix/helper-library": ">=6.1.7",
28
28
  "@webilix/jalali-date-time": ">=2.0.9",
29
- "@webilix/ngx-calendar-m3": ">=0.0.21",
30
- "@webilix/ngx-helper-m3": ">=0.0.42",
29
+ "@webilix/ngx-calendar-m3": ">=0.0.25",
30
+ "@webilix/ngx-helper-m3": ">=0.0.45",
31
31
  "ngx-mask": ">=20.0.3"
32
32
  },
33
33
  "dependencies": {