@pantheon-systems/pds-toolkit-react 1.0.0-dev.143 → 1.0.0-dev.145
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/_dist/components/Icon/Icon.d.ts +34 -2
- package/_dist/components/StatusIndicator/StatusIndicator.d.ts +19 -14
- package/_dist/components/Tooltip/Tooltip.d.ts +32 -20
- package/_dist/components/inputs/FileUpload/FileUpload.d.ts +37 -0
- package/_dist/components/inputs/ToggleSwitch/ToggleSwitch.d.ts +3 -1
- package/_dist/css/component-css/pds-file-upload.css +5 -0
- package/_dist/css/component-css/pds-icon-story-only.css +1 -1
- package/_dist/css/component-css/pds-index.css +6 -2
- package/_dist/css/component-css/pds-input-group.css +1 -1
- package/_dist/css/component-css/pds-input-wrapper.css +1 -1
- package/_dist/css/component-css/pds-new-site-card.css +1 -1
- package/_dist/css/component-css/pds-toggle-switch.css +1 -1
- package/_dist/css/design-tokens/pds-design-tokens-dark-mode.css +2 -0
- package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +2 -0
- package/_dist/css/pds-components.css +6 -2
- package/_dist/css/pds-core.css +1 -1
- package/_dist/index.css +1 -1
- package/_dist/index.d.ts +1 -0
- package/_dist/index.js +2238 -2108
- package/_dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -87,6 +87,10 @@ declare const svgData: {
|
|
|
87
87
|
readonly path: "M96 0C43 0 0 43 0 96V416c0 53 43 96 96 96H384h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V384c17.7 0 32-14.3 32-32V32c0-17.7-14.3-32-32-32H384 96zm0 384H352v64H96c-17.7 0-32-14.3-32-32s14.3-32 32-32zm32-240c0-8.8 7.2-16 16-16H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16zm16 48H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16s7.2-16 16-16z";
|
|
88
88
|
readonly width: "448";
|
|
89
89
|
};
|
|
90
|
+
readonly books: {
|
|
91
|
+
readonly path: "M0 32C0 14.3 14.3 0 32 0L96 0c17.7 0 32 14.3 32 32l0 64L0 96 0 32zm0 96l128 0 0 256L0 384 0 128zM0 416l128 0 0 64c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32-14.3-32-32l0-64zM160 32c0-17.7 14.3-32 32-32l64 0c17.7 0 32 14.3 32 32l0 64L160 96l0-64zm0 96l128 0 0 256-128 0 0-256zm0 288l128 0 0 64c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32-14.3-32-32l0-64zm203.6-19.9L320 232.6l0-89.9 100.4-26.9 66 247.4L363.6 396.1zM412.2 85L320 109.6 320 11l36.9-9.9c16.9-4.6 34.4 5.5 38.9 22.6L412.2 85zM371.8 427l122.8-32.9 16.3 61.1c4.5 17-5.5 34.5-22.5 39.1l-61.4 16.5c-16.9 4.6-34.4-5.5-38.9-22.6L371.8 427z";
|
|
92
|
+
readonly width: "512";
|
|
93
|
+
};
|
|
90
94
|
readonly bracketRight: {
|
|
91
95
|
readonly path: "M377.9 105.9L500.7 228.7c7.2 7.2 11.3 17.1 11.3 27.3s-4.1 20.1-11.3 27.3L377.9 406.1c-6.4 6.4-15 9.9-24 9.9c-18.7 0-33.9-15.2-33.9-33.9l0-62.1-128 0c-17.7 0-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32l128 0 0-62.1c0-18.7 15.2-33.9 33.9-33.9c9 0 17.6 3.6 24 9.9zM160 96L96 96c-17.7 0-32 14.3-32 32l0 256c0 17.7 14.3 32 32 32l64 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-64 0c-53 0-96-43-96-96L0 128C0 75 43 32 96 32l64 0c17.7 0 32 14.3 32 32s-14.3 32-32 32z";
|
|
92
96
|
readonly width: "548";
|
|
@@ -259,6 +263,10 @@ declare const svgData: {
|
|
|
259
263
|
readonly path: "M64 360a56 56 0 1 0 0 112 56 56 0 1 0 0-112zm0-160a56 56 0 1 0 0 112 56 56 0 1 0 0-112zM120 96A56 56 0 1 0 8 96a56 56 0 1 0 112 0z";
|
|
260
264
|
readonly width: "120";
|
|
261
265
|
};
|
|
266
|
+
readonly emptySet: {
|
|
267
|
+
readonly path: "M435.4 121.9l67.2-67.2c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L390.2 76.6C352.8 48.6 306.3 32 256 32C132.3 32 32 132.3 32 256c0 50.3 16.6 96.8 44.6 134.2L9.4 457.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l67.2-67.2c37.4 28 83.8 44.6 134.1 44.6c123.7 0 224-100.3 224-224c0-50.3-16.6-96.8-44.6-134.1zm-91.2 .7L122.5 344.2C105.8 318.9 96 288.6 96 256c0-88.4 71.6-160 160-160c32.6 0 62.9 9.8 88.2 26.5zm-176.5 267L389.5 167.8C406.2 193.1 416 223.4 416 256c0 88.4-71.6 160-160 160c-32.6 0-62.9-9.8-88.2-26.5z";
|
|
268
|
+
readonly width: "512";
|
|
269
|
+
};
|
|
262
270
|
readonly exclamation: {
|
|
263
271
|
readonly path: "M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64V320c0 17.7 14.3 32 32 32s32-14.3 32-32V64zM32 480a40 40 0 1 0 0-80 40 40 0 1 0 0 80z";
|
|
264
272
|
readonly width: "100";
|
|
@@ -279,6 +287,10 @@ declare const svgData: {
|
|
|
279
287
|
readonly path: "M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z";
|
|
280
288
|
readonly width: "512";
|
|
281
289
|
};
|
|
290
|
+
readonly file: {
|
|
291
|
+
readonly path: "M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 288c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128z";
|
|
292
|
+
readonly width: "400";
|
|
293
|
+
};
|
|
282
294
|
readonly fileContract: {
|
|
283
295
|
readonly path: "M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM80 64h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16s7.2-16 16-16zm54.2 253.8c-6.1 20.3-24.8 34.2-46 34.2H80c-8.8 0-16-7.2-16-16s7.2-16 16-16h8.2c7.1 0 13.3-4.6 15.3-11.4l14.9-49.5c3.4-11.3 13.8-19.1 25.6-19.1s22.2 7.7 25.6 19.1l11.6 38.6c7.4-6.2 16.8-9.7 26.8-9.7c15.9 0 30.4 9 37.5 23.2l4.4 8.8H304c8.8 0 16 7.2 16 16s-7.2 16-16 16H240c-6.1 0-11.6-3.4-14.3-8.8l-8.8-17.7c-1.7-3.4-5.1-5.5-8.8-5.5s-7.2 2.1-8.8 5.5l-8.8 17.7c-2.9 5.9-9.2 9.4-15.7 8.8s-12.1-5.1-13.9-11.3L144 349l-9.8 32.8z";
|
|
284
296
|
readonly width: "400";
|
|
@@ -299,6 +311,10 @@ declare const svgData: {
|
|
|
299
311
|
readonly path: "M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V304H176c-35.3 0-64 28.7-64 64V512H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128zM176 352h32c30.9 0 56 25.1 56 56s-25.1 56-56 56H192v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V448 368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H192v48h16zm96-80h32c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H304c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H320v96h16zm80-112c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V432 368z";
|
|
300
312
|
readonly width: "512";
|
|
301
313
|
};
|
|
314
|
+
readonly folder: {
|
|
315
|
+
readonly path: "M64 480H448c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64H288c-10.1 0-19.6-4.7-25.6-12.8L243.2 57.6C231.1 41.5 212.1 32 192 32H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64z";
|
|
316
|
+
readonly width: "512";
|
|
317
|
+
};
|
|
302
318
|
readonly gear: {
|
|
303
319
|
readonly path: "M495.9 166.6c3.2 8.7 .5 18.4-6.4 24.6l-43.3 39.4c1.1 8.3 1.7 16.8 1.7 25.4s-.6 17.1-1.7 25.4l43.3 39.4c6.9 6.2 9.6 15.9 6.4 24.6c-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2c-5.9 7.2-15.7 9.6-24.5 6.8l-55.7-17.7c-13.4 10.3-28.2 18.9-44 25.4l-12.5 57.1c-2 9.1-9 16.3-18.2 17.8c-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-12.5-57.1c-15.8-6.5-30.6-15.1-44-25.4L83.1 425.9c-8.8 2.8-18.6 .3-24.5-6.8c-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3c-3.2-8.7-.5-18.4 6.4-24.6l43.3-39.4C64.6 273.1 64 264.6 64 256s.6-17.1 1.7-25.4L22.4 191.2c-6.9-6.2-9.6-15.9-6.4-24.6c4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2c5.9-7.2 15.7-9.6 24.5-6.8l55.7 17.7c13.4-10.3 28.2-18.9 44-25.4l12.5-57.1c2-9.1 9-16.3 18.2-17.8C227.3 1.2 241.5 0 256 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l12.5 57.1c15.8 6.5 30.6 15.1 44 25.4l55.7-17.7c8.8-2.8 18.6-.3 24.5 6.8c8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM256 336a80 80 0 1 0 0-160 80 80 0 1 0 0 160z";
|
|
304
320
|
readonly width: "512";
|
|
@@ -327,6 +343,14 @@ declare const svgData: {
|
|
|
327
343
|
readonly path: "M224 80c0-26.5-21.5-48-48-48H80C53.5 32 32 53.5 32 80v96c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48V80zm0 256c0-26.5-21.5-48-48-48H80c-26.5 0-48 21.5-48 48v96c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48V336zM288 80v96c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48H336c-26.5 0-48 21.5-48 48zM480 336c0-26.5-21.5-48-48-48H336c-26.5 0-48 21.5-48 48v96c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48V336z";
|
|
328
344
|
readonly width: "512";
|
|
329
345
|
};
|
|
346
|
+
readonly gripDots: {
|
|
347
|
+
readonly path: "M336 176a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm-160 0a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zM64 224a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM336 336a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zM224 384a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM16 336a48 48 0 1 0 96 0 48 48 0 1 0 -96 0z";
|
|
348
|
+
readonly width: "448";
|
|
349
|
+
};
|
|
350
|
+
readonly gripDotsVertical: {
|
|
351
|
+
readonly path: "M48 144a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm0 160a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM96 416A48 48 0 1 0 0 416a48 48 0 1 0 96 0zM208 144a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm48 112a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM208 464a48 48 0 1 0 0-96 48 48 0 1 0 0 96z";
|
|
352
|
+
readonly width: "280";
|
|
353
|
+
};
|
|
330
354
|
readonly heart: {
|
|
331
355
|
readonly path: "M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z";
|
|
332
356
|
readonly width: "532";
|
|
@@ -387,9 +411,13 @@ declare const svgData: {
|
|
|
387
411
|
readonly path: "M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z";
|
|
388
412
|
readonly width: "384";
|
|
389
413
|
};
|
|
414
|
+
readonly paperclip: {
|
|
415
|
+
readonly path: "M375 73c-26-26-68.1-26-94.1 0L89 265C45.3 308.6 45.3 379.4 89 423s114.4 43.6 158.1 0L399 271c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L281 457c-62.4 62.4-163.5 62.4-225.9 0S-7.4 293.4 55 231L247 39C291.7-5.7 364.3-5.7 409 39s44.7 117.2 0 161.9L225.2 384.7c-31.6 31.6-83.6 28.7-111.5-6.2c-23.8-29.8-21.5-72.8 5.5-99.8L271 127c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L153.2 312.7c-9.7 9.7-10.6 25.1-2 35.8c10 12.5 28.7 13.6 40 2.2L375 167c26-26 26-68.1 0-94.1z";
|
|
416
|
+
readonly width: "448";
|
|
417
|
+
};
|
|
390
418
|
readonly paperPlane: {
|
|
391
419
|
readonly path: "M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z";
|
|
392
|
-
readonly width: "
|
|
420
|
+
readonly width: "512";
|
|
393
421
|
};
|
|
394
422
|
readonly pen: {
|
|
395
423
|
readonly path: "M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z";
|
|
@@ -475,6 +503,10 @@ declare const svgData: {
|
|
|
475
503
|
readonly path: "M224 0c17.7 0 32 14.3 32 32V62.1l15-15c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-49 49v70.3l61.4-35.8 17.7-66.1c3.4-12.8 16.6-20.4 29.4-17s20.4 16.6 17 29.4l-5.2 19.3 23.6-13.8c15.3-8.9 34.9-3.7 43.8 11.5s3.8 34.9-11.5 43.8l-25.3 14.8 21.7 5.8c12.8 3.4 20.4 16.6 17 29.4s-16.6 20.4-29.4 17l-67.7-18.1L287.5 256l60.9 35.5 67.7-18.1c12.8-3.4 26 4.2 29.4 17s-4.2 26-17 29.4l-21.7 5.8 25.3 14.8c15.3 8.9 20.4 28.5 11.5 43.8s-28.5 20.4-43.8 11.5l-23.6-13.8 5.2 19.3c3.4 12.8-4.2 26-17 29.4s-26-4.2-29.4-17l-17.7-66.1L256 311.7v70.3l49 49c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-15-15V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V449.9l-15 15c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l49-49V311.7l-61.4 35.8-17.7 66.1c-3.4 12.8-16.6 20.4-29.4 17s-20.4-16.6-17-29.4l5.2-19.3L48.1 395.6c-15.3 8.9-34.9 3.7-43.8-11.5s-3.7-34.9 11.5-43.8l25.3-14.8-21.7-5.8c-12.8-3.4-20.4-16.6-17-29.4s16.6-20.4 29.4-17l67.7 18.1L160.5 256 99.6 220.5 31.9 238.6c-12.8 3.4-26-4.2-29.4-17s4.2-26 17-29.4l21.7-5.8L15.9 171.6C.6 162.7-4.5 143.1 4.4 127.9s28.5-20.4 43.8-11.5l23.6 13.8-5.2-19.3c-3.4-12.8 4.2-26 17-29.4s26 4.2 29.4 17l17.7 66.1L192 200.3V129.9L143 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l15 15V32c0-17.7 14.3-32 32-32z";
|
|
476
504
|
readonly width: "470";
|
|
477
505
|
};
|
|
506
|
+
readonly sparkles: {
|
|
507
|
+
readonly path: "M327.5 85.2c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L384 128l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L448 128l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L448 64 426.8 7.5C425.1 3 420.8 0 416 0s-9.1 3-10.8 7.5L384 64 327.5 85.2zM205.1 73.3c-2.6-5.7-8.3-9.3-14.5-9.3s-11.9 3.6-14.5 9.3L123.3 187.3 9.3 240C3.6 242.6 0 248.3 0 254.6s3.6 11.9 9.3 14.5l114.1 52.7L176 435.8c2.6 5.7 8.3 9.3 14.5 9.3s11.9-3.6 14.5-9.3l52.7-114.1 114.1-52.7c5.7-2.6 9.3-8.3 9.3-14.5s-3.6-11.9-9.3-14.5L257.8 187.4 205.1 73.3zM384 384l-56.5 21.2c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L384 448l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L448 448l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L448 384l-21.2-56.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L384 384z";
|
|
508
|
+
readonly width: "512";
|
|
509
|
+
};
|
|
478
510
|
readonly squareCheck: {
|
|
479
511
|
readonly path: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z";
|
|
480
512
|
readonly width: "448";
|
|
@@ -588,5 +620,5 @@ declare const svgData: {
|
|
|
588
620
|
readonly width: "576";
|
|
589
621
|
};
|
|
590
622
|
};
|
|
591
|
-
export declare const iconList: ("angleDown" | "angleLeft" | "angleRight" | "angleUp" | "arrowDownToLine" | "arrowLeft" | "arrowRight" | "asterisk" | "banBug" | "bars" | "barsFilter" | "billboard" | "bitbucket" | "bolt" | "book" | "bracketRight" | "broomWide" | "building" | "buildings" | "calendarDays" | "caretDown" | "caretLeft" | "caretRight" | "caretUp" | "ccAmex" | "ccDiscover" | "ccGeneric" | "ccMC" | "ccVisa" | "chartLine" | "chartNetwork" | "chartSimple" | "check" | "circle" | "circleCheck" | "circleExclamation" | "circleInfo" | "circleMinus" | "circleMinusOutline" | "circleNotch" | "circlePlus" | "circlePlusOutline" | "circleQuestion" | "circleXmark" | "cloud" | "cloudArrowUp" | "code" | "codeBranch" | "codeMerge" | "command" | "comment" | "copy" | "diamondExclamation" | "discourse" | "download" | "drupal" | "ellipsis" | "ellipsisVertical" | "exclamation" | "externalLink" | "eye" | "eyeSlash" | "facebook" | "fileContract" | "fileCSV" | "fileExport" | "fileImport" | "filePDF" | "gear" | "github" | "gitlab" | "globe" | "globeLine" | "graduationCap" | "grid" | "heart" | "house" | "idCard" | "instagram" | "keySkeleton" | "laptopCode" | "leaf" | "lifeRing" | "linkedin" | "linkSimple" | "linkSimpleSlash" | "magnifyingGlass" | "messages" | "minus" | "moon" | "paperPlane" | "pen" | "phone" | "play" | "plus" | "quotesLeft" | "quotesRight" | "rectangleList" | "robot" | "rotate" | "rotateClock" | "rss" | "save" | "server" | "shield" | "shovel" | "siren" | "sitemap" | "slack" | "slashForward" | "slidersSimple" | "snowflake" | "squareCheck" | "squareCode" | "squareMinus" | "squarePen" | "squareQuestion" | "squareTerminal" | "star" | "sun" | "table" | "terminal" | "threads" | "trash" | "triangleExclamation" | "twitter" | "upload" | "user" | "userGear" | "userPlus" | "users" | "video" | "wavePulse" | "windowRestore" | "wordpress" | "wrench" | "xmark" | "xmarkLarge" | "xTwitter" | "youtube")[];
|
|
623
|
+
export declare const iconList: ("angleDown" | "angleLeft" | "angleRight" | "angleUp" | "arrowDownToLine" | "arrowLeft" | "arrowRight" | "asterisk" | "banBug" | "bars" | "barsFilter" | "billboard" | "bitbucket" | "bolt" | "book" | "books" | "bracketRight" | "broomWide" | "building" | "buildings" | "calendarDays" | "caretDown" | "caretLeft" | "caretRight" | "caretUp" | "ccAmex" | "ccDiscover" | "ccGeneric" | "ccMC" | "ccVisa" | "chartLine" | "chartNetwork" | "chartSimple" | "check" | "circle" | "circleCheck" | "circleExclamation" | "circleInfo" | "circleMinus" | "circleMinusOutline" | "circleNotch" | "circlePlus" | "circlePlusOutline" | "circleQuestion" | "circleXmark" | "cloud" | "cloudArrowUp" | "code" | "codeBranch" | "codeMerge" | "command" | "comment" | "copy" | "diamondExclamation" | "discourse" | "download" | "drupal" | "ellipsis" | "ellipsisVertical" | "emptySet" | "exclamation" | "externalLink" | "eye" | "eyeSlash" | "facebook" | "file" | "fileContract" | "fileCSV" | "fileExport" | "fileImport" | "filePDF" | "folder" | "gear" | "github" | "gitlab" | "globe" | "globeLine" | "graduationCap" | "grid" | "gripDots" | "gripDotsVertical" | "heart" | "house" | "idCard" | "instagram" | "keySkeleton" | "laptopCode" | "leaf" | "lifeRing" | "linkedin" | "linkSimple" | "linkSimpleSlash" | "magnifyingGlass" | "messages" | "minus" | "moon" | "paperclip" | "paperPlane" | "pen" | "phone" | "play" | "plus" | "quotesLeft" | "quotesRight" | "rectangleList" | "robot" | "rotate" | "rotateClock" | "rss" | "save" | "server" | "shield" | "shovel" | "siren" | "sitemap" | "slack" | "slashForward" | "slidersSimple" | "snowflake" | "sparkles" | "squareCheck" | "squareCode" | "squareMinus" | "squarePen" | "squareQuestion" | "squareTerminal" | "star" | "sun" | "table" | "terminal" | "threads" | "trash" | "triangleExclamation" | "twitter" | "upload" | "user" | "userGear" | "userPlus" | "users" | "video" | "wavePulse" | "windowRestore" | "wordpress" | "wrench" | "xmark" | "xmarkLarge" | "xTwitter" | "youtube")[];
|
|
592
624
|
export {};
|
|
@@ -1,15 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import React, { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import './status-indicator.css';
|
|
3
|
+
export interface StatusIndicatorProps extends ComponentPropsWithoutRef<'div'> {
|
|
4
|
+
/**
|
|
5
|
+
* Status label text
|
|
6
|
+
*/
|
|
7
|
+
label: string;
|
|
8
|
+
/**
|
|
9
|
+
* Sets status type
|
|
10
|
+
*/
|
|
11
|
+
type: 'critical' | 'info' | 'neutral' | 'new' | 'success' | 'warning' | 'working';
|
|
12
|
+
/**
|
|
13
|
+
* Additional class names
|
|
14
|
+
*/
|
|
15
|
+
className?: string;
|
|
13
16
|
}
|
|
14
|
-
|
|
15
|
-
|
|
17
|
+
/**
|
|
18
|
+
* StatusIndicator UI component
|
|
19
|
+
*/
|
|
20
|
+
export declare const StatusIndicator: ({ label, type, className, ...props }: StatusIndicatorProps) => React.JSX.Element;
|
|
@@ -1,21 +1,33 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
1
|
+
import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
+
import './tooltip.css';
|
|
3
|
+
interface TooltipProps extends ComponentPropsWithoutRef<'div'> {
|
|
4
|
+
/**
|
|
5
|
+
* Text to display in tooltip
|
|
6
|
+
*/
|
|
7
|
+
content: string;
|
|
8
|
+
/**
|
|
9
|
+
* Text or HTML content to use as the trigger instead of an icon. Leave null to use the icon. This allows passing HTML content to customize the trigger appearance or functionality.
|
|
10
|
+
*/
|
|
11
|
+
customTrigger: ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* The spacing between the trigger and the tooltip in pixels. Only applies to tooltips with a custom trigger. Icon triggers have a fixed spacing.
|
|
14
|
+
*/
|
|
15
|
+
offsetValue: number;
|
|
16
|
+
/**
|
|
17
|
+
* The accessible text for the trigger. Only necessary when the trigger is an icon.
|
|
18
|
+
*/
|
|
19
|
+
triggerAccessibleText: string;
|
|
20
|
+
/**
|
|
21
|
+
* Icon to trigger tooltip
|
|
22
|
+
*/
|
|
23
|
+
triggerIcon: 'circleInfo' | 'circleQuestion' | 'circleExclamation';
|
|
24
|
+
/**
|
|
25
|
+
* Additional class names
|
|
26
|
+
*/
|
|
27
|
+
className?: string;
|
|
19
28
|
}
|
|
20
|
-
|
|
21
|
-
|
|
29
|
+
/**
|
|
30
|
+
* Tooltip UI component
|
|
31
|
+
*/
|
|
32
|
+
export declare const Tooltip: ({ content, customTrigger, offsetValue, triggerAccessibleText, triggerIcon, className, ...props }: TooltipProps) => React.JSX.Element;
|
|
33
|
+
export {};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export function FileUpload({ accept, chooseFileLabel, clearButtonLabel, disabled, fieldLabel, id, inputWidth, message, multiple, onFileChange, required, showLabel, validationFunction, className, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
accept: any;
|
|
4
|
+
chooseFileLabel?: string;
|
|
5
|
+
clearButtonLabel?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
fieldLabel: any;
|
|
8
|
+
id: any;
|
|
9
|
+
inputWidth: any;
|
|
10
|
+
message: any;
|
|
11
|
+
multiple?: boolean;
|
|
12
|
+
onFileChange: any;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
showLabel?: boolean;
|
|
15
|
+
validationFunction: any;
|
|
16
|
+
className: any;
|
|
17
|
+
}): React.JSX.Element;
|
|
18
|
+
export namespace FileUpload {
|
|
19
|
+
namespace propTypes {
|
|
20
|
+
let accept: PropTypes.Requireable<string>;
|
|
21
|
+
let chooseFileLabel: PropTypes.Requireable<string>;
|
|
22
|
+
let clearButtonLabel: PropTypes.Requireable<string>;
|
|
23
|
+
let disabled: PropTypes.Requireable<boolean>;
|
|
24
|
+
let fieldLabel: PropTypes.Requireable<string>;
|
|
25
|
+
let id: PropTypes.Validator<string>;
|
|
26
|
+
let inputWidth: PropTypes.Requireable<number>;
|
|
27
|
+
let message: PropTypes.Requireable<string>;
|
|
28
|
+
let multiple: PropTypes.Requireable<boolean>;
|
|
29
|
+
let onFileChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
30
|
+
let required: PropTypes.Requireable<boolean>;
|
|
31
|
+
let showLabel: PropTypes.Requireable<boolean>;
|
|
32
|
+
let validationFunction: PropTypes.Requireable<(...args: any[]) => any>;
|
|
33
|
+
let className: PropTypes.Requireable<string>;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
import React from 'react';
|
|
37
|
+
import PropTypes from 'prop-types';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export function ToggleSwitch({ disabled, id, inputWidth, label, message, onChange, required, showStatusLabel, statusOnLabel, statusOffLabel, className, ...props }: {
|
|
1
|
+
export function ToggleSwitch({ disabled, id, inputWidth, label, message, onChange, required, showLabel, showStatusLabel, statusOnLabel, statusOffLabel, className, ...props }: {
|
|
2
2
|
[x: string]: any;
|
|
3
3
|
disabled?: boolean;
|
|
4
4
|
id: any;
|
|
@@ -7,6 +7,7 @@ export function ToggleSwitch({ disabled, id, inputWidth, label, message, onChang
|
|
|
7
7
|
message: any;
|
|
8
8
|
onChange: any;
|
|
9
9
|
required?: boolean;
|
|
10
|
+
showLabel?: boolean;
|
|
10
11
|
showStatusLabel?: boolean;
|
|
11
12
|
statusOnLabel?: string;
|
|
12
13
|
statusOffLabel?: string;
|
|
@@ -21,6 +22,7 @@ export namespace ToggleSwitch {
|
|
|
21
22
|
let message: PropTypes.Requireable<string>;
|
|
22
23
|
let onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
23
24
|
let required: PropTypes.Requireable<boolean>;
|
|
25
|
+
let showLabel: PropTypes.Requireable<boolean>;
|
|
24
26
|
let showStatusLabel: PropTypes.Requireable<boolean>;
|
|
25
27
|
let statusOffLabel: PropTypes.Requireable<string>;
|
|
26
28
|
let statusOnLabel: PropTypes.Requireable<string>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
.pds-input-field--file-upload{align-items:center;border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;display:flex;gap:.41rem;height:2.441rem;padding-inline:.41rem .25rem}.pds-file-upload::file-selector-button{padding:0;visibility:hidden;width:.1rem}.pds-file-upload:focus{outline:none}.pds-file-upload{color:var(--pds-color-text-default);font-size:1rem;text-align:left;width:100%}.pds-file-upload--has-value{padding-inline-start:0}.pds-file-upload__label{all:unset;align-items:center;background-color:var(
|
|
2
|
+
--pds-color-input-file-upload-button-background-default
|
|
3
|
+
);border-radius:.1875rem;color:var(--pds-color-foreground-default);display:flex;font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;gap:.41rem;letter-spacing:0;line-height:1;padding:.41rem .512rem;padding-inline-start:.41rem;white-space:nowrap}.pds-file-upload__label:hover{background-color:var(
|
|
4
|
+
--pds-color-input-file-upload-button-background-hover
|
|
5
|
+
)}.pds-input-wrapper.pds-input-wrapper--file-upload.pds-has-error .pds-input-field--file-upload,.pds-input-wrapper.pds-input-wrapper--file-upload.pds-has-success .pds-input-field--file-upload{padding-inline-start:.64rem}.pds-input-wrapper.pds-input-wrapper--file-upload.pds-has-error .pds-file-upload--has-value,.pds-input-wrapper.pds-input-wrapper--file-upload.pds-has-success .pds-file-upload--has-value{padding-inline-start:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.icon-story-container{container-type:inline-size}@container (width > 32rem){.icon-story-columns{column-
|
|
1
|
+
.icon-story-container{container-type:inline-size;margin-block:2rem 4rem!important}.icon-story-columns{margin-block-start:2rem!important}@container (width > 32rem){.icon-story-columns{column-gap:5rem;columns:2}}@container (width > 48rem){.icon-story-columns{column-count:3}}.icon-story-list-item{margin-block-end:1.5rem!important}.icon-story-list-item:first-child{margin-block-start:-1rem!important}
|