@luscii-healthtech/web-ui 0.2.2 → 0.4.1

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 (40) hide show
  1. package/dist/components/Section/SectionItem.d.ts +9 -0
  2. package/dist/components/{TextListItem/TextListItem.d.ts → Section/SectionItemWithContent.d.ts} +3 -3
  3. package/dist/components/Steps/Step.d.ts +1 -1
  4. package/dist/components/Tag/Tag.d.ts +2 -2
  5. package/dist/components/Tag/Tag.utils.d.ts +4 -0
  6. package/dist/components/Tag/TagGroup.d.ts +2 -5
  7. package/dist/components/Text/Text.d.ts +5 -3
  8. package/dist/index.d.ts +2 -2
  9. package/dist/web-ui-tailwind.css +2111 -0
  10. package/dist/web-ui.cjs.development.css +58 -58
  11. package/dist/web-ui.cjs.development.js +99 -75
  12. package/dist/web-ui.cjs.development.js.map +1 -1
  13. package/dist/web-ui.cjs.production.min.css +58 -58
  14. package/dist/web-ui.cjs.production.min.js +1 -1
  15. package/dist/web-ui.cjs.production.min.js.map +1 -1
  16. package/dist/web-ui.esm.css +58 -58
  17. package/dist/web-ui.esm.js +98 -74
  18. package/dist/web-ui.esm.js.map +1 -1
  19. package/package.json +13 -5
  20. package/src/components/Checkbox/Checkbox.tsx +27 -13
  21. package/src/components/Dropdown/Dropdown.js +89 -37
  22. package/src/components/InfoField/InfoField.tsx +12 -4
  23. package/src/components/ListTable/ListTable.tsx +2 -1
  24. package/src/components/ListTable/ListTableCell.tsx +15 -4
  25. package/src/components/NavMenu/NavMenuItem.tsx +12 -6
  26. package/src/components/NotificationBanner/NotificationBanner.tsx +29 -9
  27. package/src/components/PaginationMenu/PaginationMenuLarge.tsx +1 -1
  28. package/src/components/PaginationMenu/PaginationMenuSmall.tsx +1 -1
  29. package/src/components/{ListItem/ListItem.scss → Section/SectionItem.scss} +0 -0
  30. package/src/components/{ListItem/ListItem.tsx → Section/SectionItem.tsx} +7 -7
  31. package/src/components/{TextListItem/TextListItem.js → Section/SectionItemWithContent.js} +10 -9
  32. package/src/components/{TextListItem/TextListItem.scss → Section/SectionItemWithContent.scss} +2 -2
  33. package/src/components/Steps/Step.tsx +12 -3
  34. package/src/components/Tag/Tag.tsx +31 -12
  35. package/src/components/Tag/Tag.utils.ts +4 -0
  36. package/src/components/Tag/TagGroup.tsx +12 -8
  37. package/src/components/Text/Text.tsx +87 -37
  38. package/src/components/ViewItem/ViewItem.tsx +21 -9
  39. package/src/index.tsx +4 -4
  40. package/dist/components/ListItem/ListItem.d.ts +0 -9
package/dist/web-ui.cjs.production.min.css CHANGED
@@ -546,6 +546,64 @@
546
546
  .cweb-list-item.cweb-list-item-clickable:hover {
547
547
  background-color: #f2fafd; }
548
548
 
549
+ .cweb-section .cweb-button:last-of-type {
550
+ margin-right: 24px; }
551
+
552
+ .cweb-section .cweb-button:not(:last-of-type) {
553
+ margin-right: 8px; }
554
+
555
+ .cweb-section .cweb-button.add-button, .cweb-section .cweb-button.edit-button, .cweb-section .cweb-button.delete-button {
556
+ margin-left: auto;
557
+ width: 32px;
558
+ height: 32px; }
559
+
560
+ .cweb-section .cweb-button.add-button {
561
+ background: url("../../assets/add.svg") no-repeat center;
562
+ background-size: contain; }
563
+ .cweb-section .cweb-button.add-button:hover, .cweb-section .cweb-button.add-button:active, .cweb-section .cweb-button.add-button:focus {
564
+ background: url("../../assets/add_hover.svg") no-repeat center;
565
+ background-size: contain; }
566
+
567
+ .cweb-section .cweb-button.edit-button {
568
+ background: url("../../assets/edit.svg") no-repeat center;
569
+ background-size: contain; }
570
+ .cweb-section .cweb-button.edit-button:hover, .cweb-section .cweb-button.edit-button:active, .cweb-section .cweb-button.edit-button:focus {
571
+ background: url("../../assets/edit_hover.svg") no-repeat center;
572
+ background-size: contain; }
573
+
574
+ .cweb-section .cweb-button.delete-button {
575
+ background: url("../../assets/delete.svg") no-repeat center;
576
+ background-size: contain; }
577
+ .cweb-section .cweb-button.delete-button:hover, .cweb-section .cweb-button.delete-button:active, .cweb-section .cweb-button.delete-button:focus {
578
+ background: url("../../assets/delete_hover.svg") no-repeat center;
579
+ background-size: contain; }
580
+
581
+ .cweb-section > .cweb-section-header {
582
+ display: flex;
583
+ justify-content: space-between;
584
+ flex-direction: row;
585
+ align-items: center;
586
+ border-bottom: 1px solid #eeeeee;
587
+ width: 100%;
588
+ padding: 18px 24px; }
589
+
590
+ .cweb-section > .cweb-section-footer {
591
+ display: flex;
592
+ justify-content: space-between;
593
+ flex-direction: row;
594
+ align-items: center;
595
+ border-top: 1px solid #eeeeee;
596
+ width: 100%;
597
+ padding: 1rem 24px 1rem 24px; }
598
+ .cweb-section > .cweb-section-footer img {
599
+ width: 32px;
600
+ height: 32px; }
601
+
602
+ .cweb-section-text-item .cweb-section-text-item-icon {
603
+ width: 24px;
604
+ height: 24px;
605
+ margin-right: 16px; }
606
+
549
607
  .cweb-loading {
550
608
  display: flex;
551
609
  justify-content: center;
@@ -745,59 +803,6 @@
745
803
  .cweb-radio-group.hasError > .cweb-radio .cweb-radio-icon-container {
746
804
  border: 1px solid #ff6266 !important; }
747
805
 
748
- .cweb-section .cweb-button:last-of-type {
749
- margin-right: 24px; }
750
-
751
- .cweb-section .cweb-button:not(:last-of-type) {
752
- margin-right: 8px; }
753
-
754
- .cweb-section .cweb-button.add-button, .cweb-section .cweb-button.edit-button, .cweb-section .cweb-button.delete-button {
755
- margin-left: auto;
756
- width: 32px;
757
- height: 32px; }
758
-
759
- .cweb-section .cweb-button.add-button {
760
- background: url("../../assets/add.svg") no-repeat center;
761
- background-size: contain; }
762
- .cweb-section .cweb-button.add-button:hover, .cweb-section .cweb-button.add-button:active, .cweb-section .cweb-button.add-button:focus {
763
- background: url("../../assets/add_hover.svg") no-repeat center;
764
- background-size: contain; }
765
-
766
- .cweb-section .cweb-button.edit-button {
767
- background: url("../../assets/edit.svg") no-repeat center;
768
- background-size: contain; }
769
- .cweb-section .cweb-button.edit-button:hover, .cweb-section .cweb-button.edit-button:active, .cweb-section .cweb-button.edit-button:focus {
770
- background: url("../../assets/edit_hover.svg") no-repeat center;
771
- background-size: contain; }
772
-
773
- .cweb-section .cweb-button.delete-button {
774
- background: url("../../assets/delete.svg") no-repeat center;
775
- background-size: contain; }
776
- .cweb-section .cweb-button.delete-button:hover, .cweb-section .cweb-button.delete-button:active, .cweb-section .cweb-button.delete-button:focus {
777
- background: url("../../assets/delete_hover.svg") no-repeat center;
778
- background-size: contain; }
779
-
780
- .cweb-section > .cweb-section-header {
781
- display: flex;
782
- justify-content: space-between;
783
- flex-direction: row;
784
- align-items: center;
785
- border-bottom: 1px solid #eeeeee;
786
- width: 100%;
787
- padding: 18px 24px; }
788
-
789
- .cweb-section > .cweb-section-footer {
790
- display: flex;
791
- justify-content: space-between;
792
- flex-direction: row;
793
- align-items: center;
794
- border-top: 1px solid #eeeeee;
795
- width: 100%;
796
- padding: 1rem 24px 1rem 24px; }
797
- .cweb-section > .cweb-section-footer img {
798
- width: 32px;
799
- height: 32px; }
800
-
801
806
  .cweb-textarea {
802
807
  border: 1px solid #cccccc;
803
808
  border-radius: 4px;
@@ -917,11 +922,6 @@
917
922
  .editor .rdw-editor .rdw-editor-main .DraftEditor-root {
918
923
  margin: 0 12px; }
919
924
 
920
- .cweb-text-list-item .cweb-text-list-item-icon {
921
- width: 24px;
922
- height: 24px;
923
- margin-right: 16px; }
924
-
925
925
  @font-face {
926
926
  font-family: "AvenirNextLTPro-Regular";
927
927
  src: url("../../styles/fonts/avenir/3A0AF8_1_0.eot");