@agility/plenum-ui 1.3.46 → 1.3.47

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 (45) hide show
  1. package/lib/components/Button/Button.d.ts +3 -1
  2. package/lib/components/Forms/Checkbox/Checkbox.d.ts +4 -0
  3. package/lib/components/Forms/Checkbox/Checkbox.stories.d.ts +1 -0
  4. package/lib/index.esm.js +578 -587
  5. package/lib/index.esm.js.map +1 -1
  6. package/lib/index.js +592 -601
  7. package/lib/index.js.map +1 -1
  8. package/lib/tailwind.css +60 -12
  9. package/package.json +1 -1
  10. package/coverage/base.css +0 -224
  11. package/coverage/block-navigation.js +0 -87
  12. package/coverage/components/Button/Button.tsx.html +0 -739
  13. package/coverage/components/Button/index.html +0 -116
  14. package/coverage/components/Forms/BaseField/BaseField.tsx.html +0 -415
  15. package/coverage/components/Forms/BaseField/index.html +0 -116
  16. package/coverage/components/Forms/Checkbox/Checkbox.tsx.html +0 -346
  17. package/coverage/components/Forms/Checkbox/index.html +0 -116
  18. package/coverage/components/Forms/InputCounter/InputCounter.tsx.html +0 -163
  19. package/coverage/components/Forms/InputCounter/index.html +0 -116
  20. package/coverage/components/Forms/InputLabel/InputLabel.tsx.html +0 -211
  21. package/coverage/components/Forms/InputLabel/index.html +0 -131
  22. package/coverage/components/Forms/InputLabel/index.ts.html +0 -94
  23. package/coverage/components/Forms/Radio/Radio.tsx.html +0 -364
  24. package/coverage/components/Forms/Radio/index.html +0 -116
  25. package/coverage/components/Forms/Select/Select.tsx.html +0 -394
  26. package/coverage/components/Forms/Select/index.html +0 -116
  27. package/coverage/components/Forms/TextInputAddon/InputCta/InputCta.tsx.html +0 -271
  28. package/coverage/components/Forms/TextInputAddon/InputCta/index.html +0 -116
  29. package/coverage/components/Forms/TextInputSelect/InputSelect/InputSelect.tsx.html +0 -259
  30. package/coverage/components/Forms/TextInputSelect/InputSelect/index.html +0 -116
  31. package/coverage/coverage-final.json +0 -14
  32. package/coverage/favicon.png +0 -0
  33. package/coverage/index.html +0 -251
  34. package/coverage/prettify.css +0 -1
  35. package/coverage/prettify.js +0 -2
  36. package/coverage/sort-arrow-sprite.png +0 -0
  37. package/coverage/sorter.js +0 -196
  38. package/coverage/util/DynamicIcons.tsx.html +0 -151
  39. package/coverage/util/Loader.tsx.html +0 -139
  40. package/coverage/util/index.html +0 -146
  41. package/coverage/util/useID.ts.html +0 -133
  42. package/lib/components/Switch/Switch.d.ts +0 -11
  43. package/lib/components/Switch/Switch.stories.d.ts +0 -9
  44. package/lib/components/Switch/Switch.test.d.ts +0 -1
  45. package/lib/components/Switch/index.d.ts +0 -1
package/lib/tailwind.css CHANGED
@@ -858,14 +858,14 @@ select {
858
858
  height: 1.25rem;
859
859
  }
860
860
 
861
- .h-9 {
862
- height: 2.25rem;
863
- }
864
-
865
861
  .h-\[38px\] {
866
862
  height: 38px;
867
863
  }
868
864
 
865
+ .h-9 {
866
+ height: 2.25rem;
867
+ }
868
+
869
869
  .h-\[28px\] {
870
870
  height: 28px;
871
871
  }
@@ -890,6 +890,10 @@ select {
890
890
  max-height: 15rem;
891
891
  }
892
892
 
893
+ .min-h-\[38px\] {
894
+ min-height: 38px;
895
+ }
896
+
893
897
  .w-6 {
894
898
  width: 1.5rem;
895
899
  }
@@ -1099,6 +1103,10 @@ select {
1099
1103
  justify-content: space-between;
1100
1104
  }
1101
1105
 
1106
+ .gap-2 {
1107
+ gap: 0.5rem;
1108
+ }
1109
+
1102
1110
  .gap-4 {
1103
1111
  gap: 1rem;
1104
1112
  }
@@ -1160,14 +1168,14 @@ select {
1160
1168
  border-radius: 9999px;
1161
1169
  }
1162
1170
 
1163
- .rounded-\[3px\] {
1164
- border-radius: 3px;
1165
- }
1166
-
1167
1171
  .rounded {
1168
1172
  border-radius: 0.25rem;
1169
1173
  }
1170
1174
 
1175
+ .rounded-sm {
1176
+ border-radius: 0.125rem;
1177
+ }
1178
+
1171
1179
  .rounded-none {
1172
1180
  border-radius: 0px;
1173
1181
  }
@@ -1232,9 +1240,9 @@ select {
1232
1240
  border-color: rgb(105 44 216 / var(--tw-border-opacity));
1233
1241
  }
1234
1242
 
1235
- .border-purple-100 {
1243
+ .border-purple-50 {
1236
1244
  --tw-border-opacity: 1;
1237
- border-color: rgb(222 204 246 / var(--tw-border-opacity));
1245
+ border-color: rgb(238 230 251 / var(--tw-border-opacity));
1238
1246
  }
1239
1247
 
1240
1248
  .border-gray-300 {
@@ -1331,6 +1339,11 @@ select {
1331
1339
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1332
1340
  }
1333
1341
 
1342
+ .bg-purple-50 {
1343
+ --tw-bg-opacity: 1;
1344
+ background-color: rgb(238 230 251 / var(--tw-bg-opacity));
1345
+ }
1346
+
1334
1347
  .bg-red-600 {
1335
1348
  --tw-bg-opacity: 1;
1336
1349
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
@@ -1401,6 +1414,11 @@ select {
1401
1414
  padding-right: 0.75rem;
1402
1415
  }
1403
1416
 
1417
+ .py-3 {
1418
+ padding-top: 0.75rem;
1419
+ padding-bottom: 0.75rem;
1420
+ }
1421
+
1404
1422
  .px-1 {
1405
1423
  padding-left: 0.25rem;
1406
1424
  padding-right: 0.25rem;
@@ -1538,9 +1556,9 @@ select {
1538
1556
  color: rgb(88 0 212 / var(--tw-text-opacity)) !important;
1539
1557
  }
1540
1558
 
1541
- .\!text-gray-600 {
1559
+ .\!text-gray-700 {
1542
1560
  --tw-text-opacity: 1 !important;
1543
- color: rgb(75 85 99 / var(--tw-text-opacity)) !important;
1561
+ color: rgb(55 65 81 / var(--tw-text-opacity)) !important;
1544
1562
  }
1545
1563
 
1546
1564
  .\!text-purple-600 {
@@ -1659,6 +1677,11 @@ select {
1659
1677
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
1660
1678
  }
1661
1679
 
1680
+ .ring-gray-300 {
1681
+ --tw-ring-opacity: 1;
1682
+ --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
1683
+ }
1684
+
1662
1685
  .ring-opacity-5 {
1663
1686
  --tw-ring-opacity: 0.05;
1664
1687
  }
@@ -1764,6 +1787,11 @@ select {
1764
1787
  border-color: rgb(205 179 242 / var(--tw-border-opacity));
1765
1788
  }
1766
1789
 
1790
+ .hover\:border-purple-100:hover {
1791
+ --tw-border-opacity: 1;
1792
+ border-color: rgb(222 204 246 / var(--tw-border-opacity));
1793
+ }
1794
+
1767
1795
  .hover\:border-gray-300:hover {
1768
1796
  --tw-border-opacity: 1;
1769
1797
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
@@ -1789,6 +1817,11 @@ select {
1789
1817
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
1790
1818
  }
1791
1819
 
1820
+ .hover\:bg-purple-100:hover {
1821
+ --tw-bg-opacity: 1;
1822
+ background-color: rgb(222 204 246 / var(--tw-bg-opacity));
1823
+ }
1824
+
1792
1825
  .hover\:bg-white:hover {
1793
1826
  --tw-bg-opacity: 1;
1794
1827
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1829,11 +1862,21 @@ select {
1829
1862
  color: rgb(239 68 68 / var(--tw-text-opacity));
1830
1863
  }
1831
1864
 
1865
+ .focus\:border-purple-700:focus {
1866
+ --tw-border-opacity: 1;
1867
+ border-color: rgb(88 0 212 / var(--tw-border-opacity));
1868
+ }
1869
+
1832
1870
  .focus\:border-purple-500:focus {
1833
1871
  --tw-border-opacity: 1;
1834
1872
  border-color: rgb(121 51 221 / var(--tw-border-opacity));
1835
1873
  }
1836
1874
 
1875
+ .focus\:bg-purple-100:focus {
1876
+ --tw-bg-opacity: 1;
1877
+ background-color: rgb(222 204 246 / var(--tw-bg-opacity));
1878
+ }
1879
+
1837
1880
  .focus\:bg-purple-300:focus {
1838
1881
  --tw-bg-opacity: 1;
1839
1882
  background-color: rgb(188 153 238 / var(--tw-bg-opacity));
@@ -1866,6 +1909,11 @@ select {
1866
1909
  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity));
1867
1910
  }
1868
1911
 
1912
+ .focus\:ring-purple-600:focus {
1913
+ --tw-ring-opacity: 1;
1914
+ --tw-ring-color: rgb(105 44 216 / var(--tw-ring-opacity));
1915
+ }
1916
+
1869
1917
  .focus\:\!ring-purple-500:focus {
1870
1918
  --tw-ring-opacity: 1 !important;
1871
1919
  --tw-ring-color: rgb(121 51 221 / var(--tw-ring-opacity)) !important;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agility/plenum-ui",
3
- "version": "1.3.46",
3
+ "version": "1.3.47",
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",
package/coverage/base.css DELETED
@@ -1,224 +0,0 @@
1
- body, html {
2
- margin:0; padding: 0;
3
- height: 100%;
4
- }
5
- body {
6
- font-family: Helvetica Neue, Helvetica, Arial;
7
- font-size: 14px;
8
- color:#333;
9
- }
10
- .small { font-size: 12px; }
11
- *, *:after, *:before {
12
- -webkit-box-sizing:border-box;
13
- -moz-box-sizing:border-box;
14
- box-sizing:border-box;
15
- }
16
- h1 { font-size: 20px; margin: 0;}
17
- h2 { font-size: 14px; }
18
- pre {
19
- font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace;
20
- margin: 0;
21
- padding: 0;
22
- -moz-tab-size: 2;
23
- -o-tab-size: 2;
24
- tab-size: 2;
25
- }
26
- a { color:#0074D9; text-decoration:none; }
27
- a:hover { text-decoration:underline; }
28
- .strong { font-weight: bold; }
29
- .space-top1 { padding: 10px 0 0 0; }
30
- .pad2y { padding: 20px 0; }
31
- .pad1y { padding: 10px 0; }
32
- .pad2x { padding: 0 20px; }
33
- .pad2 { padding: 20px; }
34
- .pad1 { padding: 10px; }
35
- .space-left2 { padding-left:55px; }
36
- .space-right2 { padding-right:20px; }
37
- .center { text-align:center; }
38
- .clearfix { display:block; }
39
- .clearfix:after {
40
- content:'';
41
- display:block;
42
- height:0;
43
- clear:both;
44
- visibility:hidden;
45
- }
46
- .fl { float: left; }
47
- @media only screen and (max-width:640px) {
48
- .col3 { width:100%; max-width:100%; }
49
- .hide-mobile { display:none!important; }
50
- }
51
-
52
- .quiet {
53
- color: #7f7f7f;
54
- color: rgba(0,0,0,0.5);
55
- }
56
- .quiet a { opacity: 0.7; }
57
-
58
- .fraction {
59
- font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
60
- font-size: 10px;
61
- color: #555;
62
- background: #E8E8E8;
63
- padding: 4px 5px;
64
- border-radius: 3px;
65
- vertical-align: middle;
66
- }
67
-
68
- div.path a:link, div.path a:visited { color: #333; }
69
- table.coverage {
70
- border-collapse: collapse;
71
- margin: 10px 0 0 0;
72
- padding: 0;
73
- }
74
-
75
- table.coverage td {
76
- margin: 0;
77
- padding: 0;
78
- vertical-align: top;
79
- }
80
- table.coverage td.line-count {
81
- text-align: right;
82
- padding: 0 5px 0 20px;
83
- }
84
- table.coverage td.line-coverage {
85
- text-align: right;
86
- padding-right: 10px;
87
- min-width:20px;
88
- }
89
-
90
- table.coverage td span.cline-any {
91
- display: inline-block;
92
- padding: 0 5px;
93
- width: 100%;
94
- }
95
- .missing-if-branch {
96
- display: inline-block;
97
- margin-right: 5px;
98
- border-radius: 3px;
99
- position: relative;
100
- padding: 0 4px;
101
- background: #333;
102
- color: yellow;
103
- }
104
-
105
- .skip-if-branch {
106
- display: none;
107
- margin-right: 10px;
108
- position: relative;
109
- padding: 0 4px;
110
- background: #ccc;
111
- color: white;
112
- }
113
- .missing-if-branch .typ, .skip-if-branch .typ {
114
- color: inherit !important;
115
- }
116
- .coverage-summary {
117
- border-collapse: collapse;
118
- width: 100%;
119
- }
120
- .coverage-summary tr { border-bottom: 1px solid #bbb; }
121
- .keyline-all { border: 1px solid #ddd; }
122
- .coverage-summary td, .coverage-summary th { padding: 10px; }
123
- .coverage-summary tbody { border: 1px solid #bbb; }
124
- .coverage-summary td { border-right: 1px solid #bbb; }
125
- .coverage-summary td:last-child { border-right: none; }
126
- .coverage-summary th {
127
- text-align: left;
128
- font-weight: normal;
129
- white-space: nowrap;
130
- }
131
- .coverage-summary th.file { border-right: none !important; }
132
- .coverage-summary th.pct { }
133
- .coverage-summary th.pic,
134
- .coverage-summary th.abs,
135
- .coverage-summary td.pct,
136
- .coverage-summary td.abs { text-align: right; }
137
- .coverage-summary td.file { white-space: nowrap; }
138
- .coverage-summary td.pic { min-width: 120px !important; }
139
- .coverage-summary tfoot td { }
140
-
141
- .coverage-summary .sorter {
142
- height: 10px;
143
- width: 7px;
144
- display: inline-block;
145
- margin-left: 0.5em;
146
- background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
147
- }
148
- .coverage-summary .sorted .sorter {
149
- background-position: 0 -20px;
150
- }
151
- .coverage-summary .sorted-desc .sorter {
152
- background-position: 0 -10px;
153
- }
154
- .status-line { height: 10px; }
155
- /* yellow */
156
- .cbranch-no { background: yellow !important; color: #111; }
157
- /* dark red */
158
- .red.solid, .status-line.low, .low .cover-fill { background:#C21F39 }
159
- .low .chart { border:1px solid #C21F39 }
160
- .highlighted,
161
- .highlighted .cstat-no, .highlighted .fstat-no, .highlighted .cbranch-no{
162
- background: #C21F39 !important;
163
- }
164
- /* medium red */
165
- .cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE }
166
- /* light red */
167
- .low, .cline-no { background:#FCE1E5 }
168
- /* light green */
169
- .high, .cline-yes { background:rgb(230,245,208) }
170
- /* medium green */
171
- .cstat-yes { background:rgb(161,215,106) }
172
- /* dark green */
173
- .status-line.high, .high .cover-fill { background:rgb(77,146,33) }
174
- .high .chart { border:1px solid rgb(77,146,33) }
175
- /* dark yellow (gold) */
176
- .status-line.medium, .medium .cover-fill { background: #f9cd0b; }
177
- .medium .chart { border:1px solid #f9cd0b; }
178
- /* light yellow */
179
- .medium { background: #fff4c2; }
180
-
181
- .cstat-skip { background: #ddd; color: #111; }
182
- .fstat-skip { background: #ddd; color: #111 !important; }
183
- .cbranch-skip { background: #ddd !important; color: #111; }
184
-
185
- span.cline-neutral { background: #eaeaea; }
186
-
187
- .coverage-summary td.empty {
188
- opacity: .5;
189
- padding-top: 4px;
190
- padding-bottom: 4px;
191
- line-height: 1;
192
- color: #888;
193
- }
194
-
195
- .cover-fill, .cover-empty {
196
- display:inline-block;
197
- height: 12px;
198
- }
199
- .chart {
200
- line-height: 0;
201
- }
202
- .cover-empty {
203
- background: white;
204
- }
205
- .cover-full {
206
- border-right: none !important;
207
- }
208
- pre.prettyprint {
209
- border: none !important;
210
- padding: 0 !important;
211
- margin: 0 !important;
212
- }
213
- .com { color: #999 !important; }
214
- .ignore-none { color: #999; font-weight: normal; }
215
-
216
- .wrapper {
217
- min-height: 100%;
218
- height: auto !important;
219
- height: 100%;
220
- margin: 0 auto -48px;
221
- }
222
- .footer, .push {
223
- height: 48px;
224
- }
@@ -1,87 +0,0 @@
1
- /* eslint-disable */
2
- var jumpToCode = (function init() {
3
- // Classes of code we would like to highlight in the file view
4
- var missingCoverageClasses = ['.cbranch-no', '.cstat-no', '.fstat-no'];
5
-
6
- // Elements to highlight in the file listing view
7
- var fileListingElements = ['td.pct.low'];
8
-
9
- // We don't want to select elements that are direct descendants of another match
10
- var notSelector = ':not(' + missingCoverageClasses.join('):not(') + ') > '; // becomes `:not(a):not(b) > `
11
-
12
- // Selecter that finds elements on the page to which we can jump
13
- var selector =
14
- fileListingElements.join(', ') +
15
- ', ' +
16
- notSelector +
17
- missingCoverageClasses.join(', ' + notSelector); // becomes `:not(a):not(b) > a, :not(a):not(b) > b`
18
-
19
- // The NodeList of matching elements
20
- var missingCoverageElements = document.querySelectorAll(selector);
21
-
22
- var currentIndex;
23
-
24
- function toggleClass(index) {
25
- missingCoverageElements
26
- .item(currentIndex)
27
- .classList.remove('highlighted');
28
- missingCoverageElements.item(index).classList.add('highlighted');
29
- }
30
-
31
- function makeCurrent(index) {
32
- toggleClass(index);
33
- currentIndex = index;
34
- missingCoverageElements.item(index).scrollIntoView({
35
- behavior: 'smooth',
36
- block: 'center',
37
- inline: 'center'
38
- });
39
- }
40
-
41
- function goToPrevious() {
42
- var nextIndex = 0;
43
- if (typeof currentIndex !== 'number' || currentIndex === 0) {
44
- nextIndex = missingCoverageElements.length - 1;
45
- } else if (missingCoverageElements.length > 1) {
46
- nextIndex = currentIndex - 1;
47
- }
48
-
49
- makeCurrent(nextIndex);
50
- }
51
-
52
- function goToNext() {
53
- var nextIndex = 0;
54
-
55
- if (
56
- typeof currentIndex === 'number' &&
57
- currentIndex < missingCoverageElements.length - 1
58
- ) {
59
- nextIndex = currentIndex + 1;
60
- }
61
-
62
- makeCurrent(nextIndex);
63
- }
64
-
65
- return function jump(event) {
66
- if (
67
- document.getElementById('fileSearch') === document.activeElement &&
68
- document.activeElement != null
69
- ) {
70
- // if we're currently focused on the search input, we don't want to navigate
71
- return;
72
- }
73
-
74
- switch (event.which) {
75
- case 78: // n
76
- case 74: // j
77
- goToNext();
78
- break;
79
- case 66: // b
80
- case 75: // k
81
- case 80: // p
82
- goToPrevious();
83
- break;
84
- }
85
- };
86
- })();
87
- window.addEventListener('keydown', jumpToCode);