dynamic-ds 1.0.7 → 1.0.9
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/README.md +372 -270
- package/package.json +1 -1
- package/src/lib/styles/_animations.scss +1012 -300
- package/src/lib/styles/_spacing.scss +1413 -563
- package/src/lib/styles/_typography.scss +293 -148
- package/src/lib/styles/icons.scss +3597 -0
package/README.md
CHANGED
|
@@ -411,208 +411,308 @@ export class SettingsComponent {
|
|
|
411
411
|
</details>
|
|
412
412
|
|
|
413
413
|
<details open>
|
|
414
|
-
<summary><strong>Available Icons</strong></summary>
|
|
415
|
-
|
|
416
|
-
The library includes **
|
|
417
|
-
|
|
418
|
-
#### Activity & Status Icons
|
|
419
|
-
|
|
420
|
-
| Icon | Duocolor | Duotone | Line | Solid | Class Names |
|
|
421
|
-
|------|------|------|------|------|-------------|
|
|
422
|
-
| Activity | - | - |  |  | `dsi-activity-line` `dsi-activity-solid` |
|
|
423
|
-
| Activity Heart | - | - |  |  | `dsi-activity-heart-line` `dsi-activity-heart-solid` |
|
|
424
|
-
| Check Circle |  |  |  |  | `dsi-check-circle-duocolor` `dsi-check-circle-duotone` `dsi-check-circle-line` `dsi-check-circle-solid` |
|
|
425
|
-
| Check Square | - | - |  |  | `dsi-check-square-line` `dsi-check-square-solid` |
|
|
426
|
-
| Info Circle | - | - |  |  | `dsi-info-circle-line` `dsi-info-circle-solid` |
|
|
427
|
-
| X Close | - | - |  |  | `dsi-x-close-line` `dsi-x-close-solid` |
|
|
428
|
-
| X Circle |  |  |  |  | `dsi-x-circle-duocolor` `dsi-x-circle-duotone` `dsi-x-circle-line` `dsi-x-circle-solid` |
|
|
429
|
-
| Minus Circle |  |  |  |  | `dsi-minus-circle-duocolor` `dsi-minus-circle-duotone` `dsi-minus-circle-line` `dsi-minus-circle-solid` |
|
|
430
|
-
|
|
431
|
-
#### Navigation Icons
|
|
432
|
-
|
|
433
|
-
| Icon | Line | Solid | Class Names |
|
|
434
|
-
|------|------|------|-------------|
|
|
435
|
-
| Anchor |  |  | `dsi-anchor-line` `dsi-anchor-solid` |
|
|
436
|
-
| Home 01 |  |  | `dsi-home-01-line` `dsi-home-01-solid` |
|
|
437
|
-
| Home 02 |  |  | `dsi-home-02-line` `dsi-home-02-solid` |
|
|
438
|
-
| Home 03 |  |  | `dsi-home-03-line` `dsi-home-03-solid` |
|
|
439
|
-
| Home 04 |  |  | `dsi-home-04-line` `dsi-home-04-solid` |
|
|
440
|
-
| Home 05 |  |  | `dsi-home-05-line` `dsi-home-05-solid` |
|
|
441
|
-
| Home Line |  |  | `dsi-home-line-line` `dsi-home-line-solid` |
|
|
442
|
-
| Home Smile |  |  | `dsi-home-smile-line` `dsi-home-smile-solid` |
|
|
443
|
-
|
|
444
|
-
#### Arrow Icons
|
|
445
|
-
|
|
446
|
-
| Icon | Line | Solid | Class Names |
|
|
447
|
-
|------|------|------|-------------|
|
|
448
|
-
| Arrow Up |  |  | `dsi-arrow-up-line` `dsi-arrow-up-solid` |
|
|
449
|
-
| Arrow Down |  |  | `dsi-arrow-down-line` `dsi-arrow-down-solid` |
|
|
450
|
-
| Arrow Left |  |  | `dsi-arrow-left-line` `dsi-arrow-left-solid` |
|
|
451
|
-
| Arrow Right |  |  | `dsi-arrow-right-line` `dsi-arrow-right-solid` |
|
|
452
|
-
| Arrow Up Left |  |  | `dsi-arrow-up-left-line` `dsi-arrow-up-left-solid` |
|
|
453
|
-
| Arrow Up Right |  |  | `dsi-arrow-up-right-line` `dsi-arrow-up-right-solid` |
|
|
454
|
-
| Arrow Down Left |  |  | `dsi-arrow-down-left-line` `dsi-arrow-down-left-solid` |
|
|
455
|
-
| Arrow Down Right |  |  | `dsi-arrow-down-right-line` `dsi-arrow-down-right-solid` |
|
|
456
|
-
|
|
457
|
-
#### Arrow Circle Icons
|
|
458
|
-
|
|
459
|
-
| Icon | Line | Solid | Class Names |
|
|
460
|
-
|------|------|------|-------------|
|
|
461
|
-
| Arrow Circle Up |  |  | `dsi-arrow-circle-up-line` `dsi-arrow-circle-up-solid` |
|
|
462
|
-
| Arrow Circle Down |  |  | `dsi-arrow-circle-down-line` `dsi-arrow-circle-down-solid` |
|
|
463
|
-
| Arrow Circle Left |  |  | `dsi-arrow-circle-left-line` `dsi-arrow-circle-left-solid` |
|
|
464
|
-
| Arrow Circle Right |  |  | `dsi-arrow-circle-right-line` `dsi-arrow-circle-right-solid` |
|
|
465
|
-
| Arrow Circle Up Left |  |  | `dsi-arrow-circle-up-left-line` `dsi-arrow-circle-up-left-solid` |
|
|
466
|
-
| Arrow Circle Up Right |  |  | `dsi-arrow-circle-up-right-line` `dsi-arrow-circle-up-right-solid` |
|
|
467
|
-
| Arrow Circle Down Left |  |  | `dsi-arrow-circle-down-left-line` `dsi-arrow-circle-down-left-solid` |
|
|
468
|
-
| Arrow Circle Down Right |  |  | `dsi-arrow-circle-down-right-line` `dsi-arrow-circle-down-right-solid` |
|
|
469
|
-
|
|
470
|
-
#### Arrow Square Icons
|
|
471
|
-
|
|
472
|
-
| Icon | Line | Solid | Class Names |
|
|
473
|
-
|------|------|------|-------------|
|
|
474
|
-
| Arrow Square Up |  |  | `dsi-arrow-square-up-line` `dsi-arrow-square-up-solid` |
|
|
475
|
-
| Arrow Square Down |  |  | `dsi-arrow-square-down-line` `dsi-arrow-square-down-solid` |
|
|
476
|
-
| Arrow Square Left |  |  | `dsi-arrow-square-left-line` `dsi-arrow-square-left-solid` |
|
|
477
|
-
| Arrow Square Right |  |  | `dsi-arrow-square-right-line` `dsi-arrow-square-right-solid` |
|
|
478
|
-
| Arrow Square Up Left |  |  | `dsi-arrow-square-up-left-line` `dsi-arrow-square-up-left-solid` |
|
|
479
|
-
| Arrow Square Up Right |  |  | `dsi-arrow-square-up-right-line` `dsi-arrow-square-up-right-solid` |
|
|
480
|
-
| Arrow Square Down Left |  |  | `dsi-arrow-square-down-left-line` `dsi-arrow-square-down-left-solid` |
|
|
481
|
-
| Arrow Square Down Right |  |  | `dsi-arrow-square-down-right-line` `dsi-arrow-square-down-right-solid` |
|
|
482
|
-
|
|
483
|
-
#### Arrow Block Icons
|
|
484
|
-
|
|
485
|
-
| Icon | Line | Solid | Class Names |
|
|
486
|
-
|------|------|------|-------------|
|
|
487
|
-
| Arrow Block Up |  |  | `dsi-arrow-block-up-line` `dsi-arrow-block-up-solid` |
|
|
488
|
-
| Arrow Block Down |  |  | `dsi-arrow-block-down-line` `dsi-arrow-block-down-solid` |
|
|
489
|
-
| Arrow Block Left |  |  | `dsi-arrow-block-left-line` `dsi-arrow-block-left-solid` |
|
|
490
|
-
| Arrow Block Right |  |  | `dsi-arrow-block-right-line` `dsi-arrow-block-right-solid` |
|
|
491
|
-
|
|
492
|
-
#### Arrow Narrow Icons
|
|
493
|
-
|
|
494
|
-
| Icon | Line | Solid | Class Names |
|
|
495
|
-
|------|------|------|-------------|
|
|
496
|
-
| Arrow Narrow Up |  |  | `dsi-arrow-narrow-up-line` `dsi-arrow-narrow-up-solid` |
|
|
497
|
-
| Arrow Narrow Down |  |  | `dsi-arrow-narrow-down-line` `dsi-arrow-narrow-down-solid` |
|
|
498
|
-
| Arrow Narrow Left |  |  | `dsi-arrow-narrow-left-line` `dsi-arrow-narrow-left-solid` |
|
|
499
|
-
| Arrow Narrow Right |  |  | `dsi-arrow-narrow-right-line` `dsi-arrow-narrow-right-solid` |
|
|
500
|
-
| Arrow Narrow Up Left |  |  | `dsi-arrow-narrow-up-left-line` `dsi-arrow-narrow-up-left-solid` |
|
|
501
|
-
| Arrow Narrow Up Right |  |  | `dsi-arrow-narrow-up-right-line` `dsi-arrow-narrow-up-right-solid` |
|
|
502
|
-
| Arrow Narrow Down Left |  |  | `dsi-arrow-narrow-down-left-line` `dsi-arrow-narrow-down-left-solid` |
|
|
503
|
-
| Arrow Narrow Down Right |  |  | `dsi-arrow-narrow-down-right-line` `dsi-arrow-narrow-down-right-solid` |
|
|
504
|
-
|
|
505
|
-
#### Arrow Circle Broken Icons
|
|
506
|
-
|
|
507
|
-
| Icon | Line | Solid | Class Names |
|
|
508
|
-
|------|------|------|-------------|
|
|
509
|
-
| Arrow Circle Broken Up |  |  | `dsi-arrow-circle-broken-up-line` `dsi-arrow-circle-broken-up-solid` |
|
|
510
|
-
| Arrow Circle Broken Down |  |  | `dsi-arrow-circle-broken-down-line` `dsi-arrow-circle-broken-down-solid` |
|
|
511
|
-
| Arrow Circle Broken Left |  |  | `dsi-arrow-circle-broken-left-line` `dsi-arrow-circle-broken-left-solid` |
|
|
512
|
-
| Arrow Circle Broken Right |  |  | `dsi-arrow-circle-broken-right-line` `dsi-arrow-circle-broken-right-solid` |
|
|
513
|
-
| Arrow Circle Broken Up Left |  |  | `dsi-arrow-circle-broken-up-left-line` `dsi-arrow-circle-broken-up-left-solid` |
|
|
514
|
-
| Arrow Circle Broken Up Right |  |  | `dsi-arrow-circle-broken-up-right-line` `dsi-arrow-circle-broken-up-right-solid` |
|
|
515
|
-
| Arrow Circle Broken Down Left |  |  | `dsi-arrow-circle-broken-down-left-line` `dsi-arrow-circle-broken-down-left-solid` |
|
|
516
|
-
| Arrow Circle Broken Down Right |  |  | `dsi-arrow-circle-broken-down-right-line` `dsi-arrow-circle-broken-down-right-solid` |
|
|
517
|
-
|
|
518
|
-
#### Multi-Arrow Icons
|
|
519
|
-
|
|
520
|
-
| Icon | Line | Solid | Class Names |
|
|
521
|
-
|------|------|------|-------------|
|
|
522
|
-
| Arrows Up |  |  | `dsi-arrows-up-line` `dsi-arrows-up-solid` |
|
|
523
|
-
| Arrows Down |  |  | `dsi-arrows-down-line` `dsi-arrows-down-solid` |
|
|
524
|
-
| Arrows Left |  |  | `dsi-arrows-left-line` `dsi-arrows-left-solid` |
|
|
525
|
-
| Arrows Right |  |  | `dsi-arrows-right-line` `dsi-arrows-right-solid` |
|
|
526
|
-
| Arrows Triangle |  |  | `dsi-arrows-triangle-line` `dsi-arrows-triangle-solid` |
|
|
527
|
-
|
|
528
|
-
#### Calendar Icons
|
|
529
|
-
|
|
530
|
-
| Icon | Line | Solid | Class Names |
|
|
531
|
-
|------|------|------|-------------|
|
|
532
|
-
| Calendar |  |  | `dsi-calendar-line` `dsi-calendar-solid` |
|
|
533
|
-
| Calendar Check 01 |  |  | `dsi-calendar-check-01-line` `dsi-calendar-check-01-solid` |
|
|
534
|
-
| Calendar Check 02 |  |  | `dsi-calendar-check-02-line` `dsi-calendar-check-02-solid` |
|
|
535
|
-
| Calendar Date |  |  | `dsi-calendar-date-line` `dsi-calendar-date-solid` |
|
|
536
|
-
| Calendar Heart 01 |  |  | `dsi-calendar-heart-01-line` `dsi-calendar-heart-01-solid` |
|
|
537
|
-
| Calendar Heart 02 |  |  | `dsi-calendar-heart-02-line` `dsi-calendar-heart-02-solid` |
|
|
538
|
-
| Calendar Minus 01 |  |  | `dsi-calendar-minus-01-line` `dsi-calendar-minus-01-solid` |
|
|
539
|
-
| Calendar Minus 02 |  |  | `dsi-calendar-minus-02-line` `dsi-calendar-minus-02-solid` |
|
|
540
|
-
| Calendar Plus 01 |  |  | `dsi-calendar-plus-01-line` `dsi-calendar-plus-01-solid` |
|
|
541
|
-
| Calendar Plus 02 |  |  | `dsi-calendar-plus-02-line` `dsi-calendar-plus-02-solid` |
|
|
542
|
-
|
|
543
|
-
#### Other Icons
|
|
544
|
-
|
|
545
|
-
| Icon | Line | Solid | Class Names |
|
|
546
|
-
|------|------|------|-------------|
|
|
547
|
-
|
|
|
548
|
-
|
|
|
549
|
-
|
|
|
550
|
-
|
|
|
551
|
-
|
|
|
552
|
-
|
|
|
553
|
-
|
|
|
554
|
-
|
|
|
555
|
-
|
|
|
556
|
-
|
|
|
557
|
-
|
|
|
558
|
-
|
|
|
559
|
-
|
|
|
560
|
-
|
|
|
561
|
-
|
|
|
562
|
-
|
|
|
563
|
-
|
|
|
564
|
-
|
|
|
565
|
-
|
|
|
566
|
-
|
|
|
567
|
-
|
|
|
568
|
-
|
|
|
569
|
-
|
|
|
570
|
-
|
|
|
571
|
-
|
|
|
572
|
-
|
|
|
573
|
-
|
|
|
574
|
-
|
|
|
575
|
-
|
|
|
576
|
-
|
|
|
577
|
-
|
|
|
578
|
-
|
|
|
579
|
-
|
|
|
580
|
-
|
|
|
581
|
-
|
|
|
582
|
-
|
|
|
583
|
-
|
|
|
584
|
-
|
|
|
585
|
-
|
|
|
586
|
-
|
|
|
587
|
-
|
|
|
588
|
-
|
|
|
589
|
-
|
|
|
590
|
-
|
|
|
591
|
-
|
|
|
592
|
-
|
|
|
593
|
-
|
|
|
594
|
-
|
|
|
595
|
-
|
|
|
596
|
-
|
|
|
597
|
-
|
|
|
598
|
-
|
|
|
599
|
-
|
|
|
600
|
-
|
|
|
601
|
-
|
|
|
602
|
-
|
|
|
603
|
-
|
|
|
604
|
-
|
|
|
605
|
-
|
|
|
606
|
-
|
|
|
607
|
-
|
|
|
608
|
-
|
|
|
609
|
-
|
|
|
610
|
-
|
|
|
611
|
-
|
|
|
612
|
-
|
|
|
613
|
-
|
|
|
614
|
-
|
|
|
615
|
-
|
|
414
|
+
<summary><strong>Available Icons</strong></summary>
|
|
415
|
+
|
|
416
|
+
The library includes **243 icons** with multiple style variants (duocolor, duotone, line, solid). Below is the complete list:
|
|
417
|
+
|
|
418
|
+
#### Activity & Status Icons
|
|
419
|
+
|
|
420
|
+
| Icon | Duocolor | Duotone | Line | Solid | Class Names |
|
|
421
|
+
|------|------|------|------|------|-------------|
|
|
422
|
+
| Activity | - | - |  |  | `dsi-activity-line` `dsi-activity-solid` |
|
|
423
|
+
| Activity Heart | - | - |  |  | `dsi-activity-heart-line` `dsi-activity-heart-solid` |
|
|
424
|
+
| Check Circle |  |  |  |  | `dsi-check-circle-duocolor` `dsi-check-circle-duotone` `dsi-check-circle-line` `dsi-check-circle-solid` |
|
|
425
|
+
| Check Square | - | - |  |  | `dsi-check-square-line` `dsi-check-square-solid` |
|
|
426
|
+
| Info Circle | - | - |  |  | `dsi-info-circle-line` `dsi-info-circle-solid` |
|
|
427
|
+
| X Close | - | - |  |  | `dsi-x-close-line` `dsi-x-close-solid` |
|
|
428
|
+
| X Circle |  |  |  |  | `dsi-x-circle-duocolor` `dsi-x-circle-duotone` `dsi-x-circle-line` `dsi-x-circle-solid` |
|
|
429
|
+
| Minus Circle |  |  |  |  | `dsi-minus-circle-duocolor` `dsi-minus-circle-duotone` `dsi-minus-circle-line` `dsi-minus-circle-solid` |
|
|
430
|
+
|
|
431
|
+
#### Navigation Icons
|
|
432
|
+
|
|
433
|
+
| Icon | Line | Solid | Class Names |
|
|
434
|
+
|------|------|------|-------------|
|
|
435
|
+
| Anchor |  |  | `dsi-anchor-line` `dsi-anchor-solid` |
|
|
436
|
+
| Home 01 |  |  | `dsi-home-01-line` `dsi-home-01-solid` |
|
|
437
|
+
| Home 02 |  |  | `dsi-home-02-line` `dsi-home-02-solid` |
|
|
438
|
+
| Home 03 |  |  | `dsi-home-03-line` `dsi-home-03-solid` |
|
|
439
|
+
| Home 04 |  |  | `dsi-home-04-line` `dsi-home-04-solid` |
|
|
440
|
+
| Home 05 |  |  | `dsi-home-05-line` `dsi-home-05-solid` |
|
|
441
|
+
| Home Line |  |  | `dsi-home-line-line` `dsi-home-line-solid` |
|
|
442
|
+
| Home Smile |  |  | `dsi-home-smile-line` `dsi-home-smile-solid` |
|
|
443
|
+
|
|
444
|
+
#### Arrow Icons
|
|
445
|
+
|
|
446
|
+
| Icon | Line | Solid | Class Names |
|
|
447
|
+
|------|------|------|-------------|
|
|
448
|
+
| Arrow Up |  |  | `dsi-arrow-up-line` `dsi-arrow-up-solid` |
|
|
449
|
+
| Arrow Down |  |  | `dsi-arrow-down-line` `dsi-arrow-down-solid` |
|
|
450
|
+
| Arrow Left |  |  | `dsi-arrow-left-line` `dsi-arrow-left-solid` |
|
|
451
|
+
| Arrow Right |  |  | `dsi-arrow-right-line` `dsi-arrow-right-solid` |
|
|
452
|
+
| Arrow Up Left |  |  | `dsi-arrow-up-left-line` `dsi-arrow-up-left-solid` |
|
|
453
|
+
| Arrow Up Right |  |  | `dsi-arrow-up-right-line` `dsi-arrow-up-right-solid` |
|
|
454
|
+
| Arrow Down Left |  |  | `dsi-arrow-down-left-line` `dsi-arrow-down-left-solid` |
|
|
455
|
+
| Arrow Down Right |  |  | `dsi-arrow-down-right-line` `dsi-arrow-down-right-solid` |
|
|
456
|
+
|
|
457
|
+
#### Arrow Circle Icons
|
|
458
|
+
|
|
459
|
+
| Icon | Line | Solid | Class Names |
|
|
460
|
+
|------|------|------|-------------|
|
|
461
|
+
| Arrow Circle Up |  |  | `dsi-arrow-circle-up-line` `dsi-arrow-circle-up-solid` |
|
|
462
|
+
| Arrow Circle Down |  |  | `dsi-arrow-circle-down-line` `dsi-arrow-circle-down-solid` |
|
|
463
|
+
| Arrow Circle Left |  |  | `dsi-arrow-circle-left-line` `dsi-arrow-circle-left-solid` |
|
|
464
|
+
| Arrow Circle Right |  |  | `dsi-arrow-circle-right-line` `dsi-arrow-circle-right-solid` |
|
|
465
|
+
| Arrow Circle Up Left |  |  | `dsi-arrow-circle-up-left-line` `dsi-arrow-circle-up-left-solid` |
|
|
466
|
+
| Arrow Circle Up Right |  |  | `dsi-arrow-circle-up-right-line` `dsi-arrow-circle-up-right-solid` |
|
|
467
|
+
| Arrow Circle Down Left |  |  | `dsi-arrow-circle-down-left-line` `dsi-arrow-circle-down-left-solid` |
|
|
468
|
+
| Arrow Circle Down Right |  |  | `dsi-arrow-circle-down-right-line` `dsi-arrow-circle-down-right-solid` |
|
|
469
|
+
|
|
470
|
+
#### Arrow Square Icons
|
|
471
|
+
|
|
472
|
+
| Icon | Line | Solid | Class Names |
|
|
473
|
+
|------|------|------|-------------|
|
|
474
|
+
| Arrow Square Up |  |  | `dsi-arrow-square-up-line` `dsi-arrow-square-up-solid` |
|
|
475
|
+
| Arrow Square Down |  |  | `dsi-arrow-square-down-line` `dsi-arrow-square-down-solid` |
|
|
476
|
+
| Arrow Square Left |  |  | `dsi-arrow-square-left-line` `dsi-arrow-square-left-solid` |
|
|
477
|
+
| Arrow Square Right |  |  | `dsi-arrow-square-right-line` `dsi-arrow-square-right-solid` |
|
|
478
|
+
| Arrow Square Up Left |  |  | `dsi-arrow-square-up-left-line` `dsi-arrow-square-up-left-solid` |
|
|
479
|
+
| Arrow Square Up Right |  |  | `dsi-arrow-square-up-right-line` `dsi-arrow-square-up-right-solid` |
|
|
480
|
+
| Arrow Square Down Left |  |  | `dsi-arrow-square-down-left-line` `dsi-arrow-square-down-left-solid` |
|
|
481
|
+
| Arrow Square Down Right |  |  | `dsi-arrow-square-down-right-line` `dsi-arrow-square-down-right-solid` |
|
|
482
|
+
|
|
483
|
+
#### Arrow Block Icons
|
|
484
|
+
|
|
485
|
+
| Icon | Line | Solid | Class Names |
|
|
486
|
+
|------|------|------|-------------|
|
|
487
|
+
| Arrow Block Up |  |  | `dsi-arrow-block-up-line` `dsi-arrow-block-up-solid` |
|
|
488
|
+
| Arrow Block Down |  |  | `dsi-arrow-block-down-line` `dsi-arrow-block-down-solid` |
|
|
489
|
+
| Arrow Block Left |  |  | `dsi-arrow-block-left-line` `dsi-arrow-block-left-solid` |
|
|
490
|
+
| Arrow Block Right |  |  | `dsi-arrow-block-right-line` `dsi-arrow-block-right-solid` |
|
|
491
|
+
|
|
492
|
+
#### Arrow Narrow Icons
|
|
493
|
+
|
|
494
|
+
| Icon | Line | Solid | Class Names |
|
|
495
|
+
|------|------|------|-------------|
|
|
496
|
+
| Arrow Narrow Up |  |  | `dsi-arrow-narrow-up-line` `dsi-arrow-narrow-up-solid` |
|
|
497
|
+
| Arrow Narrow Down |  |  | `dsi-arrow-narrow-down-line` `dsi-arrow-narrow-down-solid` |
|
|
498
|
+
| Arrow Narrow Left |  |  | `dsi-arrow-narrow-left-line` `dsi-arrow-narrow-left-solid` |
|
|
499
|
+
| Arrow Narrow Right |  |  | `dsi-arrow-narrow-right-line` `dsi-arrow-narrow-right-solid` |
|
|
500
|
+
| Arrow Narrow Up Left |  |  | `dsi-arrow-narrow-up-left-line` `dsi-arrow-narrow-up-left-solid` |
|
|
501
|
+
| Arrow Narrow Up Right |  |  | `dsi-arrow-narrow-up-right-line` `dsi-arrow-narrow-up-right-solid` |
|
|
502
|
+
| Arrow Narrow Down Left |  |  | `dsi-arrow-narrow-down-left-line` `dsi-arrow-narrow-down-left-solid` |
|
|
503
|
+
| Arrow Narrow Down Right |  |  | `dsi-arrow-narrow-down-right-line` `dsi-arrow-narrow-down-right-solid` |
|
|
504
|
+
|
|
505
|
+
#### Arrow Circle Broken Icons
|
|
506
|
+
|
|
507
|
+
| Icon | Line | Solid | Class Names |
|
|
508
|
+
|------|------|------|-------------|
|
|
509
|
+
| Arrow Circle Broken Up |  |  | `dsi-arrow-circle-broken-up-line` `dsi-arrow-circle-broken-up-solid` |
|
|
510
|
+
| Arrow Circle Broken Down |  |  | `dsi-arrow-circle-broken-down-line` `dsi-arrow-circle-broken-down-solid` |
|
|
511
|
+
| Arrow Circle Broken Left |  |  | `dsi-arrow-circle-broken-left-line` `dsi-arrow-circle-broken-left-solid` |
|
|
512
|
+
| Arrow Circle Broken Right |  |  | `dsi-arrow-circle-broken-right-line` `dsi-arrow-circle-broken-right-solid` |
|
|
513
|
+
| Arrow Circle Broken Up Left |  |  | `dsi-arrow-circle-broken-up-left-line` `dsi-arrow-circle-broken-up-left-solid` |
|
|
514
|
+
| Arrow Circle Broken Up Right |  |  | `dsi-arrow-circle-broken-up-right-line` `dsi-arrow-circle-broken-up-right-solid` |
|
|
515
|
+
| Arrow Circle Broken Down Left |  |  | `dsi-arrow-circle-broken-down-left-line` `dsi-arrow-circle-broken-down-left-solid` |
|
|
516
|
+
| Arrow Circle Broken Down Right |  |  | `dsi-arrow-circle-broken-down-right-line` `dsi-arrow-circle-broken-down-right-solid` |
|
|
517
|
+
|
|
518
|
+
#### Multi-Arrow Icons
|
|
519
|
+
|
|
520
|
+
| Icon | Line | Solid | Class Names |
|
|
521
|
+
|------|------|------|-------------|
|
|
522
|
+
| Arrows Up |  |  | `dsi-arrows-up-line` `dsi-arrows-up-solid` |
|
|
523
|
+
| Arrows Down |  |  | `dsi-arrows-down-line` `dsi-arrows-down-solid` |
|
|
524
|
+
| Arrows Left |  |  | `dsi-arrows-left-line` `dsi-arrows-left-solid` |
|
|
525
|
+
| Arrows Right |  |  | `dsi-arrows-right-line` `dsi-arrows-right-solid` |
|
|
526
|
+
| Arrows Triangle |  |  | `dsi-arrows-triangle-line` `dsi-arrows-triangle-solid` |
|
|
527
|
+
|
|
528
|
+
#### Calendar Icons
|
|
529
|
+
|
|
530
|
+
| Icon | Line | Solid | Class Names |
|
|
531
|
+
|------|------|------|-------------|
|
|
532
|
+
| Calendar |  |  | `dsi-calendar-line` `dsi-calendar-solid` |
|
|
533
|
+
| Calendar Check 01 |  |  | `dsi-calendar-check-01-line` `dsi-calendar-check-01-solid` |
|
|
534
|
+
| Calendar Check 02 |  |  | `dsi-calendar-check-02-line` `dsi-calendar-check-02-solid` |
|
|
535
|
+
| Calendar Date |  |  | `dsi-calendar-date-line` `dsi-calendar-date-solid` |
|
|
536
|
+
| Calendar Heart 01 |  |  | `dsi-calendar-heart-01-line` `dsi-calendar-heart-01-solid` |
|
|
537
|
+
| Calendar Heart 02 |  |  | `dsi-calendar-heart-02-line` `dsi-calendar-heart-02-solid` |
|
|
538
|
+
| Calendar Minus 01 |  |  | `dsi-calendar-minus-01-line` `dsi-calendar-minus-01-solid` |
|
|
539
|
+
| Calendar Minus 02 |  |  | `dsi-calendar-minus-02-line` `dsi-calendar-minus-02-solid` |
|
|
540
|
+
| Calendar Plus 01 |  |  | `dsi-calendar-plus-01-line` `dsi-calendar-plus-01-solid` |
|
|
541
|
+
| Calendar Plus 02 |  |  | `dsi-calendar-plus-02-line` `dsi-calendar-plus-02-solid` |
|
|
542
|
+
|
|
543
|
+
#### Other Icons
|
|
544
|
+
|
|
545
|
+
| Icon | Line | Solid | Class Names |
|
|
546
|
+
|------|------|------|-------------|
|
|
547
|
+
| Announcement 01 |  |  | `dsi-announcement-01-line` `dsi-announcement-01-solid` |
|
|
548
|
+
| Announcement 02 |  |  | `dsi-announcement-02-line` `dsi-announcement-02-solid` |
|
|
549
|
+
| Announcement 03 |  |  | `dsi-announcement-03-line` `dsi-announcement-03-solid` |
|
|
550
|
+
| Bar Chart 01 |  |  | `dsi-bar-chart-01-line` `dsi-bar-chart-01-solid` |
|
|
551
|
+
| Bar Chart 02 |  |  | `dsi-bar-chart-02-line` `dsi-bar-chart-02-solid` |
|
|
552
|
+
| Bar Chart 03 |  |  | `dsi-bar-chart-03-line` `dsi-bar-chart-03-solid` |
|
|
553
|
+
| Bar Chart 04 |  |  | `dsi-bar-chart-04-line` `dsi-bar-chart-04-solid` |
|
|
554
|
+
| Bar Chart 05 |  |  | `dsi-bar-chart-05-line` `dsi-bar-chart-05-solid` |
|
|
555
|
+
| Bar Chart 06 |  |  | `dsi-bar-chart-06-line` `dsi-bar-chart-06-solid` |
|
|
556
|
+
| Bar Chart 07 |  |  | `dsi-bar-chart-07-line` `dsi-bar-chart-07-solid` |
|
|
557
|
+
| Bar Chart 08 |  |  | `dsi-bar-chart-08-line` `dsi-bar-chart-08-solid` |
|
|
558
|
+
| Bar Chart 09 |  |  | `dsi-bar-chart-09-line` `dsi-bar-chart-09-solid` |
|
|
559
|
+
| Bar Chart 10 |  |  | `dsi-bar-chart-10-line` `dsi-bar-chart-10-solid` |
|
|
560
|
+
| Bar Chart 11 |  |  | `dsi-bar-chart-11-line` `dsi-bar-chart-11-solid` |
|
|
561
|
+
| Bar Chart 12 |  |  | `dsi-bar-chart-12-line` `dsi-bar-chart-12-solid` |
|
|
562
|
+
| Bell 01 |  |  | `dsi-bell-01-line` `dsi-bell-01-solid` |
|
|
563
|
+
| Bell 02 |  |  | `dsi-bell-02-line` `dsi-bell-02-solid` |
|
|
564
|
+
| Bell 03 |  |  | `dsi-bell-03-line` `dsi-bell-03-solid` |
|
|
565
|
+
| Bell 04 |  |  | `dsi-bell-04-line` `dsi-bell-04-solid` |
|
|
566
|
+
| Book Open 01 |  |  | `dsi-book-open-01-line` `dsi-book-open-01-solid` |
|
|
567
|
+
| Book Open 02 |  |  | `dsi-book-open-02-line` `dsi-book-open-02-solid` |
|
|
568
|
+
| Chevron Down |  |  | `dsi-chevron-down-line` `dsi-chevron-down-solid` |
|
|
569
|
+
| Chevron Down Double |  |  | `dsi-chevron-down-double-line` `dsi-chevron-down-double-solid` |
|
|
570
|
+
| Chevron Left |  |  | `dsi-chevron-left-line` `dsi-chevron-left-solid` |
|
|
571
|
+
| Chevron Left Double |  |  | `dsi-chevron-left-double-line` `dsi-chevron-left-double-solid` |
|
|
572
|
+
| Chevron Right |  |  | `dsi-chevron-right-line` `dsi-chevron-right-solid` |
|
|
573
|
+
| Chevron Right Double |  |  | `dsi-chevron-right-double-line` `dsi-chevron-right-double-solid` |
|
|
574
|
+
| Chevron Selector Horizontal |  |  | `dsi-chevron-selector-horizontal-line` `dsi-chevron-selector-horizontal-solid` |
|
|
575
|
+
| Chevron Selector Vertical |  |  | `dsi-chevron-selector-vertical-line` `dsi-chevron-selector-vertical-solid` |
|
|
576
|
+
| Chevron Up |  |  | `dsi-chevron-up-line` `dsi-chevron-up-solid` |
|
|
577
|
+
| Chevron Up Double |  |  | `dsi-chevron-up-double-line` `dsi-chevron-up-double-solid` |
|
|
578
|
+
| Clipboard |  |  | `dsi-clipboard-line` `dsi-clipboard-solid` |
|
|
579
|
+
| Clipboard Attachment |  |  | `dsi-clipboard-attachment-line` `dsi-clipboard-attachment-solid` |
|
|
580
|
+
| Clipboard Check |  |  | `dsi-clipboard-check-line` `dsi-clipboard-check-solid` |
|
|
581
|
+
| Clipboard Download |  |  | `dsi-clipboard-download-line` `dsi-clipboard-download-solid` |
|
|
582
|
+
| Clipboard Minus |  |  | `dsi-clipboard-minus-line` `dsi-clipboard-minus-solid` |
|
|
583
|
+
| Clipboard Plus |  |  | `dsi-clipboard-plus-line` `dsi-clipboard-plus-solid` |
|
|
584
|
+
| Clipboard X |  |  | `dsi-clipboard-x-line` `dsi-clipboard-x-solid` |
|
|
585
|
+
| Dots Grid |  |  | `dsi-dots-grid-line` `dsi-dots-grid-solid` |
|
|
586
|
+
| Dots Horizontal |  |  | `dsi-dots-horizontal-line` `dsi-dots-horizontal-solid` |
|
|
587
|
+
| Dots Vertical |  |  | `dsi-dots-vertical-line` `dsi-dots-vertical-solid` |
|
|
588
|
+
| Edit 01 |  |  | `dsi-edit-01-line` `dsi-edit-01-solid` |
|
|
589
|
+
| Edit 02 |  |  | `dsi-edit-02-line` `dsi-edit-02-solid` |
|
|
590
|
+
| Edit 03 |  |  | `dsi-edit-03-line` `dsi-edit-03-solid` |
|
|
591
|
+
| Edit 04 |  |  | `dsi-edit-04-line` `dsi-edit-04-solid` |
|
|
592
|
+
| Edit 05 |  |  | `dsi-edit-05-line` `dsi-edit-05-solid` |
|
|
593
|
+
| File 01 |  |  | `dsi-file-01-line` `dsi-file-01-solid` |
|
|
594
|
+
| File 02 |  |  | `dsi-file-02-line` `dsi-file-02-solid` |
|
|
595
|
+
| File 03 |  |  | `dsi-file-03-line` `dsi-file-03-solid` |
|
|
596
|
+
| File 04 |  |  | `dsi-file-04-line` `dsi-file-04-solid` |
|
|
597
|
+
| File 05 |  |  | `dsi-file-05-line` `dsi-file-05-solid` |
|
|
598
|
+
| File 06 |  |  | `dsi-file-06-line` `dsi-file-06-solid` |
|
|
599
|
+
| File 07 |  |  | `dsi-file-07-line` `dsi-file-07-solid` |
|
|
600
|
+
| File Minus 01 |  |  | `dsi-file-minus-01-line` `dsi-file-minus-01-solid` |
|
|
601
|
+
| File Minus 02 |  |  | `dsi-file-minus-02-line` `dsi-file-minus-02-solid` |
|
|
602
|
+
| File Minus 03 |  |  | `dsi-file-minus-03-line` `dsi-file-minus-03-solid` |
|
|
603
|
+
| File Plus 01 |  |  | `dsi-file-plus-01-line` `dsi-file-plus-01-solid` |
|
|
604
|
+
| File Plus 02 |  |  | `dsi-file-plus-02-line` `dsi-file-plus-02-solid` |
|
|
605
|
+
| File Plus 03 |  |  | `dsi-file-plus-03-line` `dsi-file-plus-03-solid` |
|
|
606
|
+
| Folder |  |  | `dsi-folder-line` `dsi-folder-solid` |
|
|
607
|
+
| Folder Check |  |  | `dsi-folder-check-line` `dsi-folder-check-solid` |
|
|
608
|
+
| Folder Closed |  |  | `dsi-folder-closed-line` `dsi-folder-closed-solid` |
|
|
609
|
+
| Folder Download |  |  | `dsi-folder-download-line` `dsi-folder-download-solid` |
|
|
610
|
+
| Folder Lock |  |  | `dsi-folder-lock-line` `dsi-folder-lock-solid` |
|
|
611
|
+
| Folder Minus |  |  | `dsi-folder-minus-line` `dsi-folder-minus-solid` |
|
|
612
|
+
| Folder Plus |  |  | `dsi-folder-plus-line` `dsi-folder-plus-solid` |
|
|
613
|
+
| Folder Question |  |  | `dsi-folder-question-line` `dsi-folder-question-solid` |
|
|
614
|
+
| Folder Search |  |  | `dsi-folder-search-line` `dsi-folder-search-solid` |
|
|
615
|
+
| Folder X |  |  | `dsi-folder-x-line` `dsi-folder-x-solid` |
|
|
616
|
+
| Help Circle |  |  | `dsi-help-circle-line` `dsi-help-circle-solid` |
|
|
617
|
+
| Help Hexagon |  |  | `dsi-help-hexagon-line` `dsi-help-hexagon-solid` |
|
|
618
|
+
| Help Octagon |  |  | `dsi-help-octagon-line` `dsi-help-octagon-solid` |
|
|
619
|
+
| Help Square |  |  | `dsi-help-square-line` `dsi-help-square-solid` |
|
|
620
|
+
| Info Hexagon |  |  | `dsi-info-hexagon-line` `dsi-info-hexagon-solid` |
|
|
621
|
+
| Info Octagon |  |  | `dsi-info-octagon-line` `dsi-info-octagon-solid` |
|
|
622
|
+
| Info Square |  |  | `dsi-info-square-line` `dsi-info-square-solid` |
|
|
623
|
+
| Laptop 01 |  |  | `dsi-laptop-01-line` `dsi-laptop-01-solid` |
|
|
624
|
+
| Laptop 02 |  |  | `dsi-laptop-02-line` `dsi-laptop-02-solid` |
|
|
625
|
+
| List |  |  | `dsi-list-line` `dsi-list-solid` |
|
|
626
|
+
| Mail 01 |  |  | `dsi-mail-01-line` `dsi-mail-01-solid` |
|
|
627
|
+
| Mail 02 |  |  | `dsi-mail-02-line` `dsi-mail-02-solid` |
|
|
628
|
+
| Mail 03 |  |  | `dsi-mail-03-line` `dsi-mail-03-solid` |
|
|
629
|
+
| Mail 04 |  |  | `dsi-mail-04-line` `dsi-mail-04-solid` |
|
|
630
|
+
| Mail 05 |  |  | `dsi-mail-05-line` `dsi-mail-05-solid` |
|
|
631
|
+
| Message Notification Circle |  |  | `dsi-message-notification-circle-line` `dsi-message-notification-circle-solid` |
|
|
632
|
+
| Message Notification Square |  |  | `dsi-message-notification-square-line` `dsi-message-notification-square-solid` |
|
|
633
|
+
| Notification Box |  |  | `dsi-notification-box-line` `dsi-notification-box-solid` |
|
|
634
|
+
| Notification Message |  |  | `dsi-notification-message-line` `dsi-notification-message-solid` |
|
|
635
|
+
| Notification Text |  |  | `dsi-notification-text-line` `dsi-notification-text-solid` |
|
|
636
|
+
| Plus |  |  | `dsi-plus-line` `dsi-plus-solid` |
|
|
637
|
+
| Plus Circle |  |  | `dsi-plus-circle-line` `dsi-plus-circle-solid` |
|
|
638
|
+
| Plus Square |  |  | `dsi-plus-square-line` `dsi-plus-square-solid` |
|
|
639
|
+
| Refresh Ccw 01 |  |  | `dsi-refresh-ccw-01-line` `dsi-refresh-ccw-01-solid` |
|
|
640
|
+
| Refresh Ccw 02 |  |  | `dsi-refresh-ccw-02-line` `dsi-refresh-ccw-02-solid` |
|
|
641
|
+
| Refresh Ccw 03 |  |  | `dsi-refresh-ccw-03-line` `dsi-refresh-ccw-03-solid` |
|
|
642
|
+
| Refresh Ccw 04 |  |  | `dsi-refresh-ccw-04-line` `dsi-refresh-ccw-04-solid` |
|
|
643
|
+
| Refresh Ccw 05 |  |  | `dsi-refresh-ccw-05-line` `dsi-refresh-ccw-05-solid` |
|
|
644
|
+
| Refresh Cw 01 |  |  | `dsi-refresh-cw-01-line` `dsi-refresh-cw-01-solid` |
|
|
645
|
+
| Refresh Cw 02 |  |  | `dsi-refresh-cw-02-line` `dsi-refresh-cw-02-solid` |
|
|
646
|
+
| Refresh Cw 03 |  |  | `dsi-refresh-cw-03-line` `dsi-refresh-cw-03-solid` |
|
|
647
|
+
| Refresh Cw 04 |  |  | `dsi-refresh-cw-04-line` `dsi-refresh-cw-04-solid` |
|
|
648
|
+
| Refresh Cw 05 |  |  | `dsi-refresh-cw-05-line` `dsi-refresh-cw-05-solid` |
|
|
649
|
+
| Search Lg |  |  | `dsi-search-lg-line` `dsi-search-lg-solid` |
|
|
650
|
+
| Search Md |  |  | `dsi-search-md-line` `dsi-search-md-solid` |
|
|
651
|
+
| Search Refraction |  |  | `dsi-search-refraction-line` `dsi-search-refraction-solid` |
|
|
652
|
+
| Search Sm |  |  | `dsi-search-sm-line` `dsi-search-sm-solid` |
|
|
653
|
+
| Settings 01 |  |  | `dsi-settings-01-line` `dsi-settings-01-solid` |
|
|
654
|
+
| Settings 02 |  |  | `dsi-settings-02-line` `dsi-settings-02-solid` |
|
|
655
|
+
| Settings 03 |  |  | `dsi-settings-03-line` `dsi-settings-03-solid` |
|
|
656
|
+
| Settings 04 |  |  | `dsi-settings-04-line` `dsi-settings-04-solid` |
|
|
657
|
+
| Star 01 |  |  | `dsi-star-01-line` `dsi-star-01-solid` |
|
|
658
|
+
| Star 02 |  |  | `dsi-star-02-line` `dsi-star-02-solid` |
|
|
659
|
+
| Star 03 |  |  | `dsi-star-03-line` `dsi-star-03-solid` |
|
|
660
|
+
| Star 04 |  |  | `dsi-star-04-line` `dsi-star-04-solid` |
|
|
661
|
+
| Star 05 |  |  | `dsi-star-05-line` `dsi-star-05-solid` |
|
|
662
|
+
| Star 06 |  |  | `dsi-star-06-line` `dsi-star-06-solid` |
|
|
663
|
+
| Star 07 |  |  | `dsi-star-07-line` `dsi-star-07-solid` |
|
|
664
|
+
| Stars 01 |  |  | `dsi-stars-01-line` `dsi-stars-01-solid` |
|
|
665
|
+
| Stars 02 |  |  | `dsi-stars-02-line` `dsi-stars-02-solid` |
|
|
666
|
+
| Stars 03 |  |  | `dsi-stars-03-line` `dsi-stars-03-solid` |
|
|
667
|
+
| Ticket 01 |  |  | `dsi-ticket-01-line` `dsi-ticket-01-solid` |
|
|
668
|
+
| Ticket 02 |  |  | `dsi-ticket-02-line` `dsi-ticket-02-solid` |
|
|
669
|
+
| Trash 01 |  |  | `dsi-trash-01-line` `dsi-trash-01-solid` |
|
|
670
|
+
| Trash 02 |  |  | `dsi-trash-02-line` `dsi-trash-02-solid` |
|
|
671
|
+
| Trash 03 |  |  | `dsi-trash-03-line` `dsi-trash-03-solid` |
|
|
672
|
+
| Trash 04 |  |  | `dsi-trash-04-line` `dsi-trash-04-solid` |
|
|
673
|
+
| Upload 01 |  |  | `dsi-upload-01-line` `dsi-upload-01-solid` |
|
|
674
|
+
| Upload 02 |  |  | `dsi-upload-02-line` `dsi-upload-02-solid` |
|
|
675
|
+
| Upload 03 |  |  | `dsi-upload-03-line` `dsi-upload-03-solid` |
|
|
676
|
+
| Upload 04 |  |  | `dsi-upload-04-line` `dsi-upload-04-solid` |
|
|
677
|
+
| Upload Cloud 01 |  |  | `dsi-upload-cloud-01-line` `dsi-upload-cloud-01-solid` |
|
|
678
|
+
| Upload Cloud 02 |  |  | `dsi-upload-cloud-02-line` `dsi-upload-cloud-02-solid` |
|
|
679
|
+
| User 01 |  |  | `dsi-user-01-line` `dsi-user-01-solid` |
|
|
680
|
+
| User 02 |  |  | `dsi-user-02-line` `dsi-user-02-solid` |
|
|
681
|
+
| User 03 |  |  | `dsi-user-03-line` `dsi-user-03-solid` |
|
|
682
|
+
| User Check 01 |  |  | `dsi-user-check-01-line` `dsi-user-check-01-solid` |
|
|
683
|
+
| User Check 02 |  |  | `dsi-user-check-02-line` `dsi-user-check-02-solid` |
|
|
684
|
+
| User Circle |  |  | `dsi-user-circle-line` `dsi-user-circle-solid` |
|
|
685
|
+
| User Down 01 |  |  | `dsi-user-down-01-line` `dsi-user-down-01-solid` |
|
|
686
|
+
| User Down 02 |  |  | `dsi-user-down-02-line` `dsi-user-down-02-solid` |
|
|
687
|
+
| User Edit |  |  | `dsi-user-edit-line` `dsi-user-edit-solid` |
|
|
688
|
+
| User Left 01 |  |  | `dsi-user-left-01-line` `dsi-user-left-01-solid` |
|
|
689
|
+
| User Left 02 |  |  | `dsi-user-left-02-line` `dsi-user-left-02-solid` |
|
|
690
|
+
| User Minus 01 |  |  | `dsi-user-minus-01-line` `dsi-user-minus-01-solid` |
|
|
691
|
+
| User Minus 02 |  |  | `dsi-user-minus-02-line` `dsi-user-minus-02-solid` |
|
|
692
|
+
| User Plus 01 |  |  | `dsi-user-plus-01-line` `dsi-user-plus-01-solid` |
|
|
693
|
+
| User Plus 02 |  |  | `dsi-user-plus-02-line` `dsi-user-plus-02-solid` |
|
|
694
|
+
| User Right 01 |  |  | `dsi-user-right-01-line` `dsi-user-right-01-solid` |
|
|
695
|
+
| User Right 02 |  |  | `dsi-user-right-02-line` `dsi-user-right-02-solid` |
|
|
696
|
+
| User Square |  |  | `dsi-user-square-line` `dsi-user-square-solid` |
|
|
697
|
+
| User Up 01 |  |  | `dsi-user-up-01-line` `dsi-user-up-01-solid` |
|
|
698
|
+
| User Up 02 |  |  | `dsi-user-up-02-line` `dsi-user-up-02-solid` |
|
|
699
|
+
| User X 01 |  |  | `dsi-user-x-01-line` `dsi-user-x-01-solid` |
|
|
700
|
+
| User X 02 |  |  | `dsi-user-x-02-line` `dsi-user-x-02-solid` |
|
|
701
|
+
| Users 01 |  |  | `dsi-users-01-line` `dsi-users-01-solid` |
|
|
702
|
+
| Users 02 |  |  | `dsi-users-02-line` `dsi-users-02-solid` |
|
|
703
|
+
| Users 03 |  |  | `dsi-users-03-line` `dsi-users-03-solid` |
|
|
704
|
+
| Users Check |  |  | `dsi-users-check-line` `dsi-users-check-solid` |
|
|
705
|
+
| Users Down |  |  | `dsi-users-down-line` `dsi-users-down-solid` |
|
|
706
|
+
| Users Edit |  |  | `dsi-users-edit-line` `dsi-users-edit-solid` |
|
|
707
|
+
| Users Left |  |  | `dsi-users-left-line` `dsi-users-left-solid` |
|
|
708
|
+
| Users Minus |  |  | `dsi-users-minus-line` `dsi-users-minus-solid` |
|
|
709
|
+
| Users Plus |  |  | `dsi-users-plus-line` `dsi-users-plus-solid` |
|
|
710
|
+
| Users Right |  |  | `dsi-users-right-line` `dsi-users-right-solid` |
|
|
711
|
+
| Users Up |  |  | `dsi-users-up-line` `dsi-users-up-solid` |
|
|
712
|
+
| Users X |  |  | `dsi-users-x-line` `dsi-users-x-solid` |
|
|
713
|
+
| Wifi |  |  | `dsi-wifi-line` `dsi-wifi-solid` |
|
|
714
|
+
| Wifi Off |  |  | `dsi-wifi-off-line` `dsi-wifi-off-solid` |
|
|
715
|
+
|
|
616
716
|
</details>
|
|
617
717
|
|
|
618
718
|
<details open>
|
|
@@ -933,6 +1033,7 @@ Comprehensive typography utilities for consistent text styling.
|
|
|
933
1033
|
```
|
|
934
1034
|
|
|
935
1035
|
**CSS Variables:**
|
|
1036
|
+
|
|
936
1037
|
- `--font-sans`: System sans-serif stack
|
|
937
1038
|
- `--font-mono`: Monospace stack
|
|
938
1039
|
- `--font-serif`: Serif stack
|
|
@@ -942,19 +1043,19 @@ Comprehensive typography utilities for consistent text styling.
|
|
|
942
1043
|
<details open>
|
|
943
1044
|
<summary><strong>Font Sizes</strong></summary>
|
|
944
1045
|
|
|
945
|
-
| Class
|
|
946
|
-
|
|
947
|
-
| `text-2xs`
|
|
948
|
-
| `text-xs`
|
|
949
|
-
| `text-sm`
|
|
950
|
-
| `text-base` | 16px | 24px
|
|
951
|
-
| `text-lg`
|
|
952
|
-
| `text-xl`
|
|
953
|
-
| `text-2xl`
|
|
954
|
-
| `text-3xl`
|
|
955
|
-
| `text-4xl`
|
|
956
|
-
| `text-5xl`
|
|
957
|
-
| `text-6xl`
|
|
1046
|
+
| Class | Size | Line Height |
|
|
1047
|
+
| ----------- | ---- | ----------- |
|
|
1048
|
+
| `text-2xs` | 10px | 14px |
|
|
1049
|
+
| `text-xs` | 12px | 16px |
|
|
1050
|
+
| `text-sm` | 14px | 20px |
|
|
1051
|
+
| `text-base` | 16px | 24px |
|
|
1052
|
+
| `text-lg` | 18px | 28px |
|
|
1053
|
+
| `text-xl` | 20px | 28px |
|
|
1054
|
+
| `text-2xl` | 24px | 32px |
|
|
1055
|
+
| `text-3xl` | 30px | 36px |
|
|
1056
|
+
| `text-4xl` | 36px | 40px |
|
|
1057
|
+
| `text-5xl` | 48px | 48px |
|
|
1058
|
+
| `text-6xl` | 64px | 64px |
|
|
958
1059
|
|
|
959
1060
|
```html
|
|
960
1061
|
<p class="text-sm">Small text (14px)</p>
|
|
@@ -968,17 +1069,17 @@ Comprehensive typography utilities for consistent text styling.
|
|
|
968
1069
|
<details open>
|
|
969
1070
|
<summary><strong>Font Weights</strong></summary>
|
|
970
1071
|
|
|
971
|
-
| Class
|
|
972
|
-
|
|
973
|
-
| `font-thin`
|
|
974
|
-
| `font-extralight` | 200
|
|
975
|
-
| `font-light`
|
|
976
|
-
| `font-normal`
|
|
977
|
-
| `font-medium`
|
|
978
|
-
| `font-semibold`
|
|
979
|
-
| `font-bold`
|
|
980
|
-
| `font-extrabold`
|
|
981
|
-
| `font-black`
|
|
1072
|
+
| Class | Weight |
|
|
1073
|
+
| ----------------- | ------ |
|
|
1074
|
+
| `font-thin` | 100 |
|
|
1075
|
+
| `font-extralight` | 200 |
|
|
1076
|
+
| `font-light` | 300 |
|
|
1077
|
+
| `font-normal` | 400 |
|
|
1078
|
+
| `font-medium` | 500 |
|
|
1079
|
+
| `font-semibold` | 600 |
|
|
1080
|
+
| `font-bold` | 700 |
|
|
1081
|
+
| `font-extrabold` | 800 |
|
|
1082
|
+
| `font-black` | 900 |
|
|
982
1083
|
|
|
983
1084
|
```html
|
|
984
1085
|
<p class="font-normal">Normal weight text</p>
|
|
@@ -1058,22 +1159,22 @@ Flexible spacing utilities based on a 4px grid system.
|
|
|
1058
1159
|
<details open>
|
|
1059
1160
|
<summary><strong>Spacing Scale</strong></summary>
|
|
1060
1161
|
|
|
1061
|
-
| Token | Value | Usage
|
|
1062
|
-
|
|
1063
|
-
| `0`
|
|
1064
|
-
| `px`
|
|
1065
|
-
| `0.5` | 2px
|
|
1066
|
-
| `1`
|
|
1067
|
-
| `2`
|
|
1068
|
-
| `3`
|
|
1069
|
-
| `4`
|
|
1070
|
-
| `6`
|
|
1071
|
-
| `8`
|
|
1072
|
-
| `10`
|
|
1073
|
-
| `12`
|
|
1074
|
-
| `16`
|
|
1075
|
-
| `20`
|
|
1076
|
-
| `24`
|
|
1162
|
+
| Token | Value | Usage |
|
|
1163
|
+
| ----- | ----- | ----------- |
|
|
1164
|
+
| `0` | 0px | No spacing |
|
|
1165
|
+
| `px` | 1px | Hairline |
|
|
1166
|
+
| `0.5` | 2px | Minimal |
|
|
1167
|
+
| `1` | 4px | Extra small |
|
|
1168
|
+
| `2` | 8px | Small |
|
|
1169
|
+
| `3` | 12px | Default |
|
|
1170
|
+
| `4` | 16px | Medium |
|
|
1171
|
+
| `6` | 24px | Large |
|
|
1172
|
+
| `8` | 32px | Extra large |
|
|
1173
|
+
| `10` | 40px | 2XL |
|
|
1174
|
+
| `12` | 48px | 3XL |
|
|
1175
|
+
| `16` | 64px | 4XL |
|
|
1176
|
+
| `20` | 80px | 5XL |
|
|
1177
|
+
| `24` | 96px | 6XL |
|
|
1077
1178
|
|
|
1078
1179
|
</details>
|
|
1079
1180
|
|
|
@@ -1462,7 +1563,8 @@ Animations respect user's motion preferences:
|
|
|
1462
1563
|
```css
|
|
1463
1564
|
/* Automatically applied when user prefers reduced motion */
|
|
1464
1565
|
@media (prefers-reduced-motion: reduce) {
|
|
1465
|
-
.animate-*,
|
|
1566
|
+
.animate-*,
|
|
1567
|
+
.transition {
|
|
1466
1568
|
animation: none !important;
|
|
1467
1569
|
transition: none !important;
|
|
1468
1570
|
}
|
|
@@ -1902,27 +2004,27 @@ Các tiện ích typography toàn diện để định dạng văn bản nhất
|
|
|
1902
2004
|
|
|
1903
2005
|
#### Kích thước chữ
|
|
1904
2006
|
|
|
1905
|
-
| Class
|
|
1906
|
-
|
|
1907
|
-
| `text-2xs`
|
|
1908
|
-
| `text-xs`
|
|
1909
|
-
| `text-sm`
|
|
1910
|
-
| `text-base` | 16px
|
|
1911
|
-
| `text-lg`
|
|
1912
|
-
| `text-xl`
|
|
1913
|
-
| `text-2xl`
|
|
1914
|
-
| `text-3xl`
|
|
1915
|
-
| `text-4xl`
|
|
2007
|
+
| Class | Kích thước | Line Height |
|
|
2008
|
+
| ----------- | ---------- | ----------- |
|
|
2009
|
+
| `text-2xs` | 10px | 14px |
|
|
2010
|
+
| `text-xs` | 12px | 16px |
|
|
2011
|
+
| `text-sm` | 14px | 20px |
|
|
2012
|
+
| `text-base` | 16px | 24px |
|
|
2013
|
+
| `text-lg` | 18px | 28px |
|
|
2014
|
+
| `text-xl` | 20px | 28px |
|
|
2015
|
+
| `text-2xl` | 24px | 32px |
|
|
2016
|
+
| `text-3xl` | 30px | 36px |
|
|
2017
|
+
| `text-4xl` | 36px | 40px |
|
|
1916
2018
|
|
|
1917
2019
|
#### Độ đậm chữ
|
|
1918
2020
|
|
|
1919
|
-
| Class
|
|
1920
|
-
|
|
1921
|
-
| `font-light`
|
|
1922
|
-
| `font-normal`
|
|
1923
|
-
| `font-medium`
|
|
1924
|
-
| `font-semibold` | 600
|
|
1925
|
-
| `font-bold`
|
|
2021
|
+
| Class | Weight |
|
|
2022
|
+
| --------------- | ------ |
|
|
2023
|
+
| `font-light` | 300 |
|
|
2024
|
+
| `font-normal` | 400 |
|
|
2025
|
+
| `font-medium` | 500 |
|
|
2026
|
+
| `font-semibold` | 600 |
|
|
2027
|
+
| `font-bold` | 700 |
|
|
1926
2028
|
|
|
1927
2029
|
#### Heading ngữ nghĩa
|
|
1928
2030
|
|
|
@@ -1959,15 +2061,15 @@ Tiện ích spacing linh hoạt dựa trên hệ thống lưới 4px.
|
|
|
1959
2061
|
|
|
1960
2062
|
#### Thang đo Spacing
|
|
1961
2063
|
|
|
1962
|
-
| Token | Giá trị | Mô tả
|
|
1963
|
-
|
|
1964
|
-
| `0`
|
|
1965
|
-
| `1`
|
|
1966
|
-
| `2`
|
|
1967
|
-
| `3`
|
|
1968
|
-
| `4`
|
|
1969
|
-
| `6`
|
|
1970
|
-
| `8`
|
|
2064
|
+
| Token | Giá trị | Mô tả |
|
|
2065
|
+
| ----- | ------- | ---------------- |
|
|
2066
|
+
| `0` | 0px | Không có spacing |
|
|
2067
|
+
| `1` | 4px | Cực nhỏ |
|
|
2068
|
+
| `2` | 8px | Nhỏ |
|
|
2069
|
+
| `3` | 12px | Mặc định |
|
|
2070
|
+
| `4` | 16px | Vừa |
|
|
2071
|
+
| `6` | 24px | Lớn |
|
|
2072
|
+
| `8` | 32px | Cực lớn |
|
|
1971
2073
|
|
|
1972
2074
|
#### Margin & Padding
|
|
1973
2075
|
|