@agility/plenum-ui 1.3.42 → 1.3.44
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/.github/workflows/test.yml +2 -2
- package/README.md +13 -1
- package/coverage/base.css +224 -0
- package/coverage/block-navigation.js +87 -0
- package/coverage/components/Button/Button.tsx.html +739 -0
- package/coverage/components/Button/index.html +116 -0
- package/coverage/components/Forms/BaseField/BaseField.tsx.html +415 -0
- package/coverage/components/Forms/BaseField/index.html +116 -0
- package/coverage/components/Forms/Checkbox/Checkbox.tsx.html +346 -0
- package/coverage/components/Forms/Checkbox/index.html +116 -0
- package/coverage/components/Forms/InputCounter/InputCounter.tsx.html +163 -0
- package/coverage/components/Forms/InputCounter/index.html +116 -0
- package/coverage/components/Forms/InputLabel/InputLabel.tsx.html +211 -0
- package/coverage/components/Forms/InputLabel/index.html +131 -0
- package/coverage/components/Forms/InputLabel/index.ts.html +94 -0
- package/coverage/components/Forms/Radio/Radio.tsx.html +364 -0
- package/coverage/components/Forms/Radio/index.html +116 -0
- package/coverage/components/Forms/Select/Select.tsx.html +394 -0
- package/coverage/components/Forms/Select/index.html +116 -0
- package/coverage/components/Forms/TextInputAddon/InputCta/InputCta.tsx.html +271 -0
- package/coverage/components/Forms/TextInputAddon/InputCta/index.html +116 -0
- package/coverage/components/Forms/TextInputSelect/InputSelect/InputSelect.tsx.html +259 -0
- package/coverage/components/Forms/TextInputSelect/InputSelect/index.html +116 -0
- package/coverage/coverage-final.json +14 -0
- package/coverage/favicon.png +0 -0
- package/coverage/index.html +251 -0
- package/coverage/prettify.css +1 -0
- package/coverage/prettify.js +2 -0
- package/coverage/sort-arrow-sprite.png +0 -0
- package/coverage/sorter.js +196 -0
- package/coverage/util/DynamicIcons.tsx.html +151 -0
- package/coverage/util/Loader.tsx.html +139 -0
- package/coverage/util/index.html +146 -0
- package/coverage/util/useID.ts.html +133 -0
- package/lib/components/ButtonDropdown/ButtonDropdown.d.ts +1 -0
- package/lib/components/Forms/TextInput/TextInput.d.ts +1 -1
- package/lib/index.d.ts +0 -1
- package/lib/index.esm.js +84 -5074
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +82 -5074
- package/lib/index.js.map +1 -1
- package/lib/tailwind.css +11 -177
- 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
|
|
1052
|
-
width:
|
|
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
|
-
|
|
1481
|
-
--tw-bg-opacity: 1;
|
|
1482
|
-
background-color: rgb(
|
|
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.
|
|
3
|
+
"version": "1.3.44",
|
|
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.
|
|
81
|
+
"@headlessui/react": "^1.7.8",
|
|
82
82
|
"@heroicons/react": "^1.0.5",
|
|
83
|
-
"
|
|
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
|
}
|