@agility/plenum-ui 1.3.42 → 1.3.43

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 (42) hide show
  1. package/.github/workflows/test.yml +2 -2
  2. package/README.md +13 -1
  3. package/coverage/base.css +224 -0
  4. package/coverage/block-navigation.js +87 -0
  5. package/coverage/components/Button/Button.tsx.html +739 -0
  6. package/coverage/components/Button/index.html +116 -0
  7. package/coverage/components/Forms/BaseField/BaseField.tsx.html +415 -0
  8. package/coverage/components/Forms/BaseField/index.html +116 -0
  9. package/coverage/components/Forms/Checkbox/Checkbox.tsx.html +346 -0
  10. package/coverage/components/Forms/Checkbox/index.html +116 -0
  11. package/coverage/components/Forms/InputCounter/InputCounter.tsx.html +163 -0
  12. package/coverage/components/Forms/InputCounter/index.html +116 -0
  13. package/coverage/components/Forms/InputLabel/InputLabel.tsx.html +211 -0
  14. package/coverage/components/Forms/InputLabel/index.html +131 -0
  15. package/coverage/components/Forms/InputLabel/index.ts.html +94 -0
  16. package/coverage/components/Forms/Radio/Radio.tsx.html +364 -0
  17. package/coverage/components/Forms/Radio/index.html +116 -0
  18. package/coverage/components/Forms/Select/Select.tsx.html +394 -0
  19. package/coverage/components/Forms/Select/index.html +116 -0
  20. package/coverage/components/Forms/TextInputAddon/InputCta/InputCta.tsx.html +271 -0
  21. package/coverage/components/Forms/TextInputAddon/InputCta/index.html +116 -0
  22. package/coverage/components/Forms/TextInputSelect/InputSelect/InputSelect.tsx.html +259 -0
  23. package/coverage/components/Forms/TextInputSelect/InputSelect/index.html +116 -0
  24. package/coverage/coverage-final.json +14 -0
  25. package/coverage/favicon.png +0 -0
  26. package/coverage/index.html +251 -0
  27. package/coverage/prettify.css +1 -0
  28. package/coverage/prettify.js +2 -0
  29. package/coverage/sort-arrow-sprite.png +0 -0
  30. package/coverage/sorter.js +196 -0
  31. package/coverage/util/DynamicIcons.tsx.html +151 -0
  32. package/coverage/util/Loader.tsx.html +139 -0
  33. package/coverage/util/index.html +146 -0
  34. package/coverage/util/useID.ts.html +133 -0
  35. package/lib/components/ButtonDropdown/ButtonDropdown.d.ts +1 -0
  36. package/lib/index.d.ts +0 -1
  37. package/lib/index.esm.js +84 -5074
  38. package/lib/index.esm.js.map +1 -1
  39. package/lib/index.js +82 -5074
  40. package/lib/index.js.map +1 -1
  41. package/lib/tailwind.css +11 -177
  42. package/package.json +3 -6
package/lib/tailwind.css CHANGED
@@ -637,40 +637,6 @@ select {
637
637
  --tw-backdrop-sepia: ;
638
638
  }
639
639
 
640
- .container {
641
- width: 100%;
642
- }
643
-
644
- @media (min-width: 640px) {
645
- .container {
646
- max-width: 640px;
647
- }
648
- }
649
-
650
- @media (min-width: 768px) {
651
- .container {
652
- max-width: 768px;
653
- }
654
- }
655
-
656
- @media (min-width: 1024px) {
657
- .container {
658
- max-width: 1024px;
659
- }
660
- }
661
-
662
- @media (min-width: 1280px) {
663
- .container {
664
- max-width: 1280px;
665
- }
666
- }
667
-
668
- @media (min-width: 1536px) {
669
- .container {
670
- max-width: 1536px;
671
- }
672
- }
673
-
674
640
  .sr-only {
675
641
  position: absolute;
676
642
  width: 1px;
@@ -724,10 +690,6 @@ select {
724
690
  left: 0px;
725
691
  }
726
692
 
727
- .left-4 {
728
- left: 1rem;
729
- }
730
-
731
693
  .top-8 {
732
694
  top: 2rem;
733
695
  }
@@ -760,10 +722,6 @@ select {
760
722
  margin: 0px;
761
723
  }
762
724
 
763
- .\!mt-1 {
764
- margin-top: 0.25rem !important;
765
- }
766
-
767
725
  .mt-5 {
768
726
  margin-top: 1.25rem;
769
727
  }
@@ -784,18 +742,10 @@ select {
784
742
  margin-right: 0.5rem;
785
743
  }
786
744
 
787
- .ml-0 {
788
- margin-left: 0px;
789
- }
790
-
791
745
  .ml-3 {
792
746
  margin-left: 0.75rem;
793
747
  }
794
748
 
795
- .mt-10 {
796
- margin-top: 2.5rem;
797
- }
798
-
799
749
  .mb-1 {
800
750
  margin-bottom: 0.25rem;
801
751
  }
@@ -804,10 +754,6 @@ select {
804
754
  margin-left: 0.5rem;
805
755
  }
806
756
 
807
- .mr-1 {
808
- margin-right: 0.25rem;
809
- }
810
-
811
757
  .-ml-px {
812
758
  margin-left: -1px;
813
759
  }
@@ -940,22 +886,6 @@ select {
940
886
  height: 14px;
941
887
  }
942
888
 
943
- .h-\[500px\] {
944
- height: 500px;
945
- }
946
-
947
- .h-\[2px\] {
948
- height: 2px;
949
- }
950
-
951
- .h-auto {
952
- height: auto;
953
- }
954
-
955
- .h-7 {
956
- height: 1.75rem;
957
- }
958
-
959
889
  .max-h-60 {
960
890
  max-height: 15rem;
961
891
  }
@@ -1024,10 +954,6 @@ select {
1024
954
  width: 1px;
1025
955
  }
1026
956
 
1027
- .w-56 {
1028
- width: 14rem;
1029
- }
1030
-
1031
957
  .w-\[74px\] {
1032
958
  width: 74px;
1033
959
  }
@@ -1048,8 +974,10 @@ select {
1048
974
  width: 14px;
1049
975
  }
1050
976
 
1051
- .w-\[calc\(100\%-16px\)\] {
1052
- width: calc(100% - 16px);
977
+ .min-w-fit {
978
+ min-width: -webkit-fit-content;
979
+ min-width: -moz-fit-content;
980
+ min-width: fit-content;
1053
981
  }
1054
982
 
1055
983
  .min-w-\[320px\] {
@@ -1151,10 +1079,6 @@ select {
1151
1079
  flex-direction: row;
1152
1080
  }
1153
1081
 
1154
- .flex-col {
1155
- flex-direction: column;
1156
- }
1157
-
1158
1082
  .items-start {
1159
1083
  align-items: flex-start;
1160
1084
  }
@@ -1205,16 +1129,6 @@ select {
1205
1129
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1206
1130
  }
1207
1131
 
1208
- .\!divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
1209
- --tw-divide-opacity: 1 !important;
1210
- border-color: rgb(88 0 212 / var(--tw-divide-opacity)) !important;
1211
- }
1212
-
1213
- .\!divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
1214
- --tw-divide-opacity: 1 !important;
1215
- border-color: rgb(205 179 242 / var(--tw-divide-opacity)) !important;
1216
- }
1217
-
1218
1132
  .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
1219
1133
  --tw-divide-opacity: 1;
1220
1134
  border-color: rgb(243 244 246 / var(--tw-divide-opacity));
@@ -1224,10 +1138,6 @@ select {
1224
1138
  align-self: flex-end;
1225
1139
  }
1226
1140
 
1227
- .self-center {
1228
- align-self: center;
1229
- }
1230
-
1231
1141
  .overflow-auto {
1232
1142
  overflow: auto;
1233
1143
  }
@@ -1242,6 +1152,10 @@ select {
1242
1152
  white-space: nowrap;
1243
1153
  }
1244
1154
 
1155
+ .whitespace-nowrap {
1156
+ white-space: nowrap;
1157
+ }
1158
+
1245
1159
  .rounded-full {
1246
1160
  border-radius: 9999px;
1247
1161
  }
@@ -1304,10 +1218,6 @@ select {
1304
1218
  border-left-width: 0px !important;
1305
1219
  }
1306
1220
 
1307
- .border-l {
1308
- border-left-width: 1px;
1309
- }
1310
-
1311
1221
  .border-purple-700 {
1312
1222
  --tw-border-opacity: 1;
1313
1223
  border-color: rgb(88 0 212 / var(--tw-border-opacity));
@@ -1333,16 +1243,6 @@ select {
1333
1243
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
1334
1244
  }
1335
1245
 
1336
- .\!border-purple-700 {
1337
- --tw-border-opacity: 1 !important;
1338
- border-color: rgb(88 0 212 / var(--tw-border-opacity)) !important;
1339
- }
1340
-
1341
- .\!border-purple-200 {
1342
- --tw-border-opacity: 1 !important;
1343
- border-color: rgb(205 179 242 / var(--tw-border-opacity)) !important;
1344
- }
1345
-
1346
1246
  .border-red-500 {
1347
1247
  --tw-border-opacity: 1;
1348
1248
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
@@ -1367,11 +1267,6 @@ select {
1367
1267
  border-right-color: rgb(229 231 235 / var(--tw-border-opacity));
1368
1268
  }
1369
1269
 
1370
- .border-l-gray-300 {
1371
- --tw-border-opacity: 1;
1372
- border-left-color: rgb(209 213 219 / var(--tw-border-opacity));
1373
- }
1374
-
1375
1270
  .\!border-l-white {
1376
1271
  --tw-border-opacity: 1 !important;
1377
1272
  border-left-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
@@ -1447,26 +1342,11 @@ select {
1447
1342
  background-color: rgb(205 179 242 / var(--tw-bg-opacity));
1448
1343
  }
1449
1344
 
1450
- .\!bg-purple-600 {
1451
- --tw-bg-opacity: 1 !important;
1452
- background-color: rgb(105 44 216 / var(--tw-bg-opacity)) !important;
1453
- }
1454
-
1455
1345
  .\!bg-purple-100 {
1456
1346
  --tw-bg-opacity: 1 !important;
1457
1347
  background-color: rgb(222 204 246 / var(--tw-bg-opacity)) !important;
1458
1348
  }
1459
1349
 
1460
- .\!bg-purple-800 {
1461
- --tw-bg-opacity: 1 !important;
1462
- background-color: rgb(79 0 191 / var(--tw-bg-opacity)) !important;
1463
- }
1464
-
1465
- .\!bg-purple-300 {
1466
- --tw-bg-opacity: 1 !important;
1467
- background-color: rgb(188 153 238 / var(--tw-bg-opacity)) !important;
1468
- }
1469
-
1470
1350
  .bg-gray-200 {
1471
1351
  --tw-bg-opacity: 1;
1472
1352
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
@@ -1477,9 +1357,9 @@ select {
1477
1357
  background-color: rgb(248 113 113 / var(--tw-bg-opacity)) !important;
1478
1358
  }
1479
1359
 
1480
- .bg-purple-500 {
1481
- --tw-bg-opacity: 1;
1482
- background-color: rgb(121 51 221 / var(--tw-bg-opacity));
1360
+ .\!bg-purple-300 {
1361
+ --tw-bg-opacity: 1 !important;
1362
+ background-color: rgb(188 153 238 / var(--tw-bg-opacity)) !important;
1483
1363
  }
1484
1364
 
1485
1365
  .bg-gray-50 {
@@ -1487,14 +1367,6 @@ select {
1487
1367
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1488
1368
  }
1489
1369
 
1490
- .fill-white {
1491
- fill: #fff;
1492
- }
1493
-
1494
- .p-1 {
1495
- padding: 0.25rem;
1496
- }
1497
-
1498
1370
  .px-4 {
1499
1371
  padding-left: 1rem;
1500
1372
  padding-right: 1rem;
@@ -1530,11 +1402,6 @@ select {
1530
1402
  padding-right: 0.25rem;
1531
1403
  }
1532
1404
 
1533
- .py-\[6px\] {
1534
- padding-top: 6px;
1535
- padding-bottom: 6px;
1536
- }
1537
-
1538
1405
  .pl-3 {
1539
1406
  padding-left: 0.75rem;
1540
1407
  }
@@ -1551,14 +1418,6 @@ select {
1551
1418
  padding-left: 0.25rem;
1552
1419
  }
1553
1420
 
1554
- .pl-0 {
1555
- padding-left: 0px;
1556
- }
1557
-
1558
- .pl-2 {
1559
- padding-left: 0.5rem;
1560
- }
1561
-
1562
1421
  .pr-10 {
1563
1422
  padding-right: 2.5rem;
1564
1423
  }
@@ -1587,10 +1446,6 @@ select {
1587
1446
  text-align: center;
1588
1447
  }
1589
1448
 
1590
- .align-middle {
1591
- vertical-align: middle;
1592
- }
1593
-
1594
1449
  .font-muli {
1595
1450
  font-family: Muli, sans-serif;
1596
1451
  }
@@ -1714,20 +1569,10 @@ select {
1714
1569
  color: rgb(107 114 128 / var(--tw-text-opacity));
1715
1570
  }
1716
1571
 
1717
- .text-gray-200 {
1718
- --tw-text-opacity: 1;
1719
- color: rgb(229 231 235 / var(--tw-text-opacity));
1720
- }
1721
-
1722
1572
  .text-gray-700\/\[\.5\] {
1723
1573
  color: rgb(55 65 81 / .5);
1724
1574
  }
1725
1575
 
1726
- .text-purple-500 {
1727
- --tw-text-opacity: 1;
1728
- color: rgb(121 51 221 / var(--tw-text-opacity));
1729
- }
1730
-
1731
1576
  .opacity-50 {
1732
1577
  opacity: 0.5;
1733
1578
  }
@@ -2096,10 +1941,6 @@ select {
2096
1941
  background-color: rgb(188 153 238 / var(--tw-bg-opacity)) !important;
2097
1942
  }
2098
1943
 
2099
- .group:hover .group-hover\:block {
2100
- display: block;
2101
- }
2102
-
2103
1944
  .group:hover .group-hover\:text-gray-500 {
2104
1945
  --tw-text-opacity: 1;
2105
1946
  color: rgb(107 114 128 / var(--tw-text-opacity));
@@ -2114,13 +1955,6 @@ select {
2114
1955
  opacity: 1;
2115
1956
  }
2116
1957
 
2117
- @media (prefers-color-scheme: dark) {
2118
- .dark\:text-purple-500 {
2119
- --tw-text-opacity: 1;
2120
- color: rgb(121 51 221 / var(--tw-text-opacity));
2121
- }
2122
- }
2123
-
2124
1958
  @media (min-width: 640px) {
2125
1959
  .sm\:text-sm {
2126
1960
  font-size: 0.875rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agility/plenum-ui",
3
- "version": "1.3.42",
3
+ "version": "1.3.43",
4
4
  "description": "Components that are part of the Agility CMS design system.",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",
@@ -78,11 +78,8 @@
78
78
  "react-dom": "^17.0.2"
79
79
  },
80
80
  "dependencies": {
81
- "@headlessui/react": "^1.6.4",
81
+ "@headlessui/react": "^1.7.8",
82
82
  "@heroicons/react": "^1.0.5",
83
- "@minoru/react-dnd-treeview": "^2.0.0",
84
- "classnames": "^2.3.1",
85
- "react-dnd": "^16.0.1",
86
- "react-dnd-html5-backend": "^16.0.1"
83
+ "classnames": "^2.3.1"
87
84
  }
88
85
  }