superdesk-ui-framework 4.0.54 → 4.0.56

package/app/fonts/sd_big-icons.svg

@@ -7,7 +7,6 @@
 <font-face units-per-em="1024" ascent="960" descent="-64" />
 <missing-glyph horiz-adv-x="1024" />
 <glyph unicode="&#x20;" horiz-adv-x="512" d="" />
-<<<<<<< HEAD
 <glyph unicode="&#xe600;" glyph-name="dashboard" d="M275.692 78.769h157.538v236.308h157.538v-236.308h157.538v315.077h157.538l-362.575 381.44c-7.632 7.626-18.172 12.342-29.814 12.342s-22.182-4.716-29.814-12.343v0l-365.489-381.44h157.538v-315.077z" />
 <glyph unicode="&#xe601;" glyph-name="view" d="M512 787.693c-310.863 0-512-354.462-512-354.462s197.474-354.462 512-354.462c292.588 0 512 354.462 512 354.462s-215.788 354.462-512 354.462zM512 196.923c-130.509 0-236.308 105.799-236.308 236.308s105.799 236.308 236.308 236.308c130.509 0 236.308-105.799 236.308-236.308v0c0-130.509-105.799-236.308-236.308-236.308v0zM630.154 433.231c0-65.255-52.899-118.154-118.154-118.154s-118.154 52.899-118.154 118.154c0 65.255 52.899 118.154 118.154 118.154s118.154-52.899 118.154-118.154z" />
 <glyph unicode="&#xe602;" glyph-name="tasks" d="M748.308 787.693v-78.769h-157.538v78.769h-157.538v-78.769h-157.538v78.769h-118.154c-0.297 0.008-0.647 0.013-0.998 0.013-20.504 0-37.192-16.339-37.755-36.707l-0.001-0.052q0-0.985 0-2.009v-672.571c-0.017-0.407-0.026-0.884-0.026-1.363 0-19.223 15.218-34.892 34.264-35.617l0.066-0.002h713.098c0.52-0.026 1.13-0.040 1.743-0.040 20.138 0 36.587 15.793 37.638 35.669l0.004 0.094q0 1.221 0 2.442v673.201c0.021 0.454 0.033 0.987 0.033 1.522 0 19.103-15.112 34.677-34.033 35.419l-0.067 0.002h-123.195zM787.692 157.539h-551.385v472.615h551.385v-472.615zM344.734 866.462h19.456c16.379 0 29.657-13.278 29.657-29.657v-58.841c0-16.379-13.278-29.657-29.657-29.657h-19.456c-16.379 0-29.657 13.278-29.657 29.657v58.841c0 16.379 13.278 29.657 29.657 29.657zM659.81 866.462h19.456c16.379 0 29.657-13.278 29.657-29.657v-58.841c0-16.379-13.278-29.657-29.657-29.657h-19.456c-16.379 0-29.657 13.278-29.657 29.657v58.841c0 16.379 13.278 29.657 29.657 29.657zM433.231 315.077l-77.942 90.585-40.212-41.118 118.154-128.236 275.692 274.747-39.385 40.33z" />
@@ -16,16 +15,6 @@
 <glyph unicode="&#xe605;" glyph-name="archive" d="M787.692 748.308h-551.385v-275.692h551.385v275.692zM590.769 590.769h-157.538v39.385h157.538v-39.385zM787.692 433.231h-551.385v-275.692h551.385v275.692zM590.769 275.693h-157.538v39.385h157.538v-39.385zM866.462 866.462h-708.923c-21.752 0-39.385-17.633-39.385-39.385v0-748.308c0-21.752 17.633-39.385 39.385-39.385v0h708.923c21.752 0 39.385 17.633 39.385 39.385v0 748.308c0 21.752-17.633 39.385-39.385 39.385v0zM827.077 748.308v-630.154h-630.154v669.538h630.154v-39.385zM236.308 39.385h157.538v-39.385h-157.538v39.385zM630.154 39.385h157.538v-39.385h-157.538v39.385z" />
 <glyph unicode="&#xe606;" glyph-name="spike" d="M236.308 630.154v-512c0.134-43.449 35.32-78.635 78.756-78.769h393.859c43.449 0.134 78.635 35.32 78.769 78.756v512.013h-551.385zM393.846 118.154h-78.769v433.231h78.769v-433.231zM551.385 118.154h-78.769v433.231h78.769v-433.231zM708.923 118.154h-78.769v433.231h78.769v-433.231zM787.692 748.308h-165.415c-16.187 46.218-59.431 78.769-110.277 78.769s-94.089-32.552-110.027-77.952l-0.25-0.817h-165.415c-0.668 0.043-1.448 0.067-2.233 0.067-20.555 0-37.218-16.663-37.218-37.218 0-0.786 0.024-1.566 0.072-2.339l-0.005 0.106v-39.385h630.154v39.385c0.043 0.668 0.067 1.448 0.067 2.233 0 20.555-16.663 37.218-37.218 37.218-0.786 0-1.566-0.024-2.339-0.072l0.106 0.005z" />
 <glyph unicode="&#xe607;" glyph-name="unspike" d="M787.692 748.308h-165.415c-16.187 46.218-59.431 78.769-110.277 78.769s-94.089-32.552-110.027-77.952l-0.25-0.817h-165.415c-0.668 0.043-1.448 0.067-2.233 0.067-20.555 0-37.218-16.663-37.218-37.218 0-0.786 0.024-1.566 0.072-2.339l-0.005 0.106v-39.385h630.154v39.385c0.043 0.668 0.067 1.448 0.067 2.233 0 20.555-16.663 37.218-37.218 37.218-0.786 0-1.566-0.024-2.339-0.072l0.106 0.005zM293.022 630.154c-0.007 0-0.016 0-0.024 0-3.959 0-7.168-3.209-7.168-7.168 0-1.985 0.807-3.782 2.111-5.080v0l66.521-66.521h39.385v-39.385l78.769-78.769v118.154h78.769v-196.923l78.769-78.769v275.692h78.769v-354.462l64.866-64.866c1.474-1.467 3.506-2.373 5.75-2.373 4.503 0 8.153 3.65 8.153 8.153 0 0.004 0 0.007 0 0.011v-0.001 492.308h-494.671zM776.35 27.373l-591.518 591.478c-7.056 7.055-16.803 11.419-27.569 11.419s-20.513-4.364-27.569-11.419l-0.197-0.197c-7.055-7.056-11.419-16.803-11.419-27.569s4.364-20.513 11.419-27.569v0l106.811-106.654v-338.708c0.134-43.449 35.32-78.635 78.756-78.769h338.721l67.348-67.348c7.056-7.055 16.803-11.419 27.569-11.419s20.513 4.364 27.569 11.419l0.197 0.197c7.020 7.050 11.36 16.773 11.36 27.51 0 10.796-4.387 20.567-11.477 27.627l-0.001 0.001zM315.077 118.154v259.938l78.769-78.769v-181.169h-78.769zM551.385 118.154h-78.769v102.4l78.769-78.769v-23.631z" />
-=======
-<glyph unicode="&#xe600;" glyph-name="unspike" d="M787.692 748.308h-165.415c-16.187 46.218-59.431 78.769-110.277 78.769s-94.089-32.552-110.027-77.952l-0.25-0.817h-165.415c-0.668 0.043-1.448 0.067-2.233 0.067-20.555 0-37.218-16.663-37.218-37.218 0-0.786 0.024-1.566 0.072-2.339l-0.005 0.106v-39.385h630.154v39.385c0.043 0.668 0.067 1.448 0.067 2.233 0 20.555-16.663 37.218-37.218 37.218-0.786 0-1.566-0.024-2.339-0.072l0.106 0.005zM293.022 630.154c-0.007 0-0.016 0-0.024 0-3.959 0-7.168-3.209-7.168-7.168 0-1.985 0.807-3.782 2.111-5.080v0l66.521-66.521h39.385v-39.385l78.769-78.769v118.154h78.769v-196.923l78.769-78.769v275.692h78.769v-354.462l64.866-64.866c1.474-1.467 3.506-2.373 5.75-2.373 4.503 0 8.153 3.65 8.153 8.153 0 0.004 0 0.007 0 0.011v-0.001 492.308h-494.671zM776.35 27.373l-591.518 591.478c-7.056 7.055-16.803 11.419-27.569 11.419s-20.513-4.364-27.569-11.419l-0.197-0.197c-7.055-7.056-11.419-16.803-11.419-27.569s4.364-20.513 11.419-27.569v0l106.811-106.654v-338.708c0.134-43.449 35.32-78.635 78.756-78.769h338.721l67.348-67.348c7.056-7.055 16.803-11.419 27.569-11.419s20.513 4.364 27.569 11.419l0.197 0.197c7.020 7.050 11.36 16.773 11.36 27.51 0 10.796-4.387 20.567-11.477 27.627l-0.001 0.001zM315.077 118.154v259.938l78.769-78.769v-181.169h-78.769zM551.385 118.154h-78.769v102.4l78.769-78.769v-23.631z" />
-<glyph unicode="&#xe601;" glyph-name="dashboard" d="M275.692 78.769h157.538v236.308h157.538v-236.308h157.538v315.077h157.538l-362.575 381.44c-7.632 7.626-18.172 12.342-29.814 12.342s-22.182-4.716-29.814-12.343v0l-365.489-381.44h157.538v-315.077z" />
-<glyph unicode="&#xe602;" glyph-name="view" d="M512 787.693c-310.863 0-512-354.462-512-354.462s197.474-354.462 512-354.462c292.588 0 512 354.462 512 354.462s-215.788 354.462-512 354.462zM512 196.923c-130.509 0-236.308 105.799-236.308 236.308s105.799 236.308 236.308 236.308c130.509 0 236.308-105.799 236.308-236.308v0c0-130.509-105.799-236.308-236.308-236.308v0zM630.154 433.231c0-65.255-52.899-118.154-118.154-118.154s-118.154 52.899-118.154 118.154c0 65.255 52.899 118.154 118.154 118.154s118.154-52.899 118.154-118.154z" />
-<glyph unicode="&#xe603;" glyph-name="tasks" d="M748.308 787.693v-78.769h-157.538v78.769h-157.538v-78.769h-157.538v78.769h-118.154c-0.297 0.008-0.647 0.013-0.998 0.013-20.504 0-37.192-16.339-37.755-36.707l-0.001-0.052q0-0.985 0-2.009v-672.571c-0.017-0.407-0.026-0.884-0.026-1.363 0-19.223 15.218-34.892 34.264-35.617l0.066-0.002h713.098c0.52-0.026 1.13-0.040 1.743-0.040 20.138 0 36.587 15.793 37.638 35.669l0.004 0.094q0 1.221 0 2.442v673.201c0.021 0.454 0.033 0.987 0.033 1.522 0 19.103-15.112 34.677-34.033 35.419l-0.067 0.002h-123.195zM787.692 157.539h-551.385v472.615h551.385v-472.615zM344.734 866.462h19.456c16.379 0 29.657-13.278 29.657-29.657v-58.841c0-16.379-13.278-29.657-29.657-29.657h-19.456c-16.379 0-29.657 13.278-29.657 29.657v58.841c0 16.379 13.278 29.657 29.657 29.657zM659.81 866.462h19.456c16.379 0 29.657-13.278 29.657-29.657v-58.841c0-16.379-13.278-29.657-29.657-29.657h-19.456c-16.379 0-29.657 13.278-29.657 29.657v58.841c0 16.379 13.278 29.657 29.657 29.657zM433.231 315.077l-77.942 90.585-40.212-41.118 118.154-128.236 275.692 274.747-39.385 40.33z" />
-<glyph unicode="&#xe604;" glyph-name="calendar" d="M787.692 787.693v-78.769h-157.538v78.769h-236.308v-78.769h-157.538v78.769h-118.784c-0.297 0.008-0.647 0.013-0.998 0.013-20.86 0-37.77-16.91-37.77-37.77 0-0.351 0.005-0.701 0.014-1.049l-0.001 0.051v-672.61c-0.015-0.388-0.024-0.843-0.024-1.3 0-19.624 15.859-35.544 35.461-35.643h791.403c0.577-0.032 1.253-0.050 1.933-0.050 20.816 0 37.691 16.875 37.691 37.691 0 0.184-0.001 0.367-0.004 0.55v-0.028 673.201c0.015 0.388 0.024 0.843 0.024 1.3 0 19.624-15.859 35.544-35.461 35.643h-122.101zM866.462 118.154h-708.923v472.615h708.923v-472.615zM319.37 748.308h-8.586c-19.372 0.022-35.069 15.72-35.092 35.090v47.972c0.067 19.395 15.805 35.092 35.21 35.092 0.083 0 0.166 0 0.249-0.001h8.612c19.206-0.2 34.698-15.816 34.698-35.051 0-0.014 0-0.029 0-0.043v0.002-48.010c-0.089-19.378-15.819-35.053-35.209-35.053-0.083 0-0.166 0-0.249 0.001h0.367zM713.216 748.308h-8.625c-19.355 0.045-35.030 15.734-35.052 35.090v47.972c0.067 19.395 15.805 35.092 35.21 35.092 0.083 0 0.166 0 0.249-0.001h8.612c19.206-0.2 34.698-15.816 34.698-35.051 0-0.014 0-0.029 0-0.043v0.002-48.010c-0.089-19.378-15.819-35.053-35.209-35.053-0.083 0-0.166 0-0.249 0.001h0.367zM236.308 512h196.923v-196.923h-196.923v196.923z" />
-<glyph unicode="&#xe605;" glyph-name="marked-star" d="M512 827.077l107.087-266.398 286.759-19.417-220.554-184.084 70.105-278.41-243.397 152.655-243.397-152.655 70.105 278.41-220.554 184.084 286.759 19.417 107.087 266.398z" />
-<glyph unicode="&#xe606;" glyph-name="archive" d="M787.692 748.308h-551.385v-275.692h551.385v275.692zM590.769 590.769h-157.538v39.385h157.538v-39.385zM787.692 433.231h-551.385v-275.692h551.385v275.692zM590.769 275.693h-157.538v39.385h157.538v-39.385zM866.462 866.462h-708.923c-21.752 0-39.385-17.633-39.385-39.385v0-748.308c0-21.752 17.633-39.385 39.385-39.385v0h708.923c21.752 0 39.385 17.633 39.385 39.385v0 748.308c0 21.752-17.633 39.385-39.385 39.385v0zM827.077 748.308v-630.154h-630.154v669.538h630.154v-39.385zM236.308 39.385h157.538v-39.385h-157.538v39.385zM630.154 39.385h157.538v-39.385h-157.538v39.385z" />
-<glyph unicode="&#xe607;" glyph-name="spike" d="M236.308 630.154v-512c0.134-43.449 35.32-78.635 78.756-78.769h393.859c43.449 0.134 78.635 35.32 78.769 78.756v512.013h-551.385zM393.846 118.154h-78.769v433.231h78.769v-433.231zM551.385 118.154h-78.769v433.231h78.769v-433.231zM708.923 118.154h-78.769v433.231h78.769v-433.231zM787.692 748.308h-165.415c-16.187 46.218-59.431 78.769-110.277 78.769s-94.089-32.552-110.027-77.952l-0.25-0.817h-165.415c-0.668 0.043-1.448 0.067-2.233 0.067-20.555 0-37.218-16.663-37.218-37.218 0-0.786 0.024-1.566 0.072-2.339l-0.005 0.106v-39.385h630.154v39.385c0.043 0.668 0.067 1.448 0.067 2.233 0 20.555-16.663 37.218-37.218 37.218-0.786 0-1.566-0.024-2.339-0.072l0.106 0.005z" />
->>>>>>> a08c0d67188170f83c5a6467642c6a78cfde8f31
 <glyph unicode="&#xe608;" glyph-name="personal" d="M945.231-0h-196.923c-21.752 0-39.385 17.633-39.385 39.385v0 157.538c0 21.752 17.633 39.385 39.385 39.385v0h196.923c0.346 0.011 0.752 0.018 1.16 0.018 21.121 0 38.242-17.122 38.242-38.242 0-0.408-0.006-0.814-0.019-1.219l0.001 0.059v-157.538c0.043-0.668 0.067-1.448 0.067-2.233 0-20.555-16.663-37.218-37.218-37.218-0.786 0-1.566 0.024-2.339 0.072l0.106-0.005zM708.923 236.308v118.154s1.221 78.769 39.385 78.769c15.754 8.192 78.769 9.886 78.769 39.385 0 195.764-158.698 354.462-354.462 354.462s-354.462-158.698-354.462-354.462v0c-0.058-2.458-0.090-5.353-0.090-8.257 0-125.955 61.699-237.5 156.523-306.059l1.105-0.761v78.769c0.332 43.369 35.4 78.437 78.737 78.769h260.325c0.165 0.002 0.359 0.003 0.554 0.003 29.952 0 54.233-24.281 54.233-54.233 0-0.195-0.001-0.39-0.003-0.584v0.030zM477.538 354.462c-77.448 5.673-138.133 69.901-138.133 148.303 0 3.249 0.104 6.474 0.31 9.672l-0.022-0.436c-0.183 2.762-0.287 5.987-0.287 9.236 0 78.402 60.685 142.63 137.646 148.274l0.487 0.029c77.465-5.8 138.119-70.077 138.119-148.522 0-3.172-0.099-6.321-0.295-9.444l0.021 0.427c0.21-2.952 0.33-6.397 0.33-9.87 0-78.614-61.323-142.905-138.743-147.648l-0.417-0.020h0.985zM846.769 433.231c-53.327 0-98.462-41.236-98.462-118.154v-118.154h196.923v118.154c0 78.769-47.262 118.154-98.462 118.154zM905.846 236.308h-118.154v78.769c0 34.304 9.019 78.769 59.077 78.769 60.298 0 59.077-43.323 59.077-78.769v-78.769z" />
 <glyph unicode="&#xe609;" glyph-name="global-search" d="M78.769 787.693h866.462v-39.385h-866.462zM78.769 669.539h196.923v-39.385h-196.923zM748.308 669.539h196.923v-39.385h-196.923zM827.077 551.385h118.154v-39.385h-118.154zM78.769 551.385h118.154v-39.385h-118.154zM78.769 433.231h118.154v-39.385h-118.154zM866.462 433.231h78.769v-39.385h-78.769zM590.769 315.077h-157.538l-39.385 78.769h236.308l-39.385-78.769zM630.154 472.616h-236.308l39.385 78.769h157.538l39.385-78.769zM512 708.923c-152.261 0-275.692-123.432-275.692-275.692s123.432-275.692 275.692-275.692c152.261 0 275.692 123.432 275.692 275.692v0c0 152.261-123.432 275.692-275.692 275.692v0zM512 236.308c-108.758 0-196.923 88.165-196.923 196.923s88.165 196.923 196.923 196.923c108.758 0 196.923-88.165 196.923-196.923v0c0-108.758-88.165-196.923-196.923-196.923v0zM708.923 315.077l-78.769-78.769 236.308-236.308c0.094 0 0.205-0.001 0.316-0.001 43.218 0 78.275 34.946 78.453 78.123v0.647z" />
 <glyph unicode="&#xe60a;" glyph-name="analytics" d="M433.231 787.693h157.538v-708.923h-157.538v708.923zM196.923 393.846h157.538v-315.077h-157.538v315.077zM669.538 551.385h157.538v-472.615h-157.538v472.615z" />
@@ -75,4 +64,6 @@
 <glyph unicode="&#xe636;" glyph-name="checkmark-circle" d="M512-0c239.267 0 433.231 193.964 433.231 433.231s-193.964 433.231-433.231 433.231c-239.267 0-433.231-193.964-433.231-433.231s193.964-433.231 433.231-433.231zM433.231 236.308l-157.538 157.538 55.138 55.138 102.4-102.4 259.938 259.938 55.138-55.138-315.077-315.077z" />
 <glyph unicode="&#xe637;" glyph-name="open-ai" d="M956.774 526.127c23.398 69.777 15.25 146.038-22.351 209.588-56.529 97.271-170.374 147.333-281.592 123.729-62.578 68.738-157.755 99.346-249.253 80.151-91.5-19.195-165.908-85.080-195.092-172.753-73.094-14.785-135.933-59.919-173.006-123.729-57.318-97.010-44.172-219.445 32.077-302.708-23.663-69.774-15.512-146.034 22.086-209.585 56.792-97.272 170.639-147.334 281.857-123.731 49.431-54.989 120.422-86.114 195.091-85.858 113.845 0 214.812 72.373 249.517 179.499 73.094 14.785 135.932 59.92 173.005 123.727 56.529 96.756 43.382 218.667-32.339 301.67zM566.591-11.847c-45.485 0-89.395 15.565-124.365 44.359l6.049 3.371 206.659 117.764c10.516 5.963 16.825 17.117 17.089 29.050v287.661l87.292-49.802c0.788-0.52 1.579-1.296 1.579-2.336v-238.119c-0.264-106.090-87.032-191.689-194.304-191.949zM148.801 164.281c-22.875 38.908-31.026 84.303-23.138 128.658l6.047-3.631 206.923-117.764c10.517-5.967 23.4-5.967 33.655 0l252.67 143.703v-99.608c0-1.036-0.524-2.076-1.312-2.592l-209.29-119.060c-93.077-52.917-211.92-21.532-265.556 70.294zM94.113 608.355c22.875 39.168 59.158 68.998 102.278 84.302v-242.27c-0.263-11.93 6.31-23.087 16.827-28.79l251.359-143.187-87.293-49.802c-1.052-0.516-2.104-0.516-3.155 0l-209.026 118.8c-92.813 53.177-124.627 170.161-71.253 261.985v-1.038zM812.166 443.904l-252.412 144.478 87.292 49.543c1.052 0.519 2.103 0.519 3.155 0l209.026-119.061c65.205-37.092 102.806-108.166 96.496-182.091s-55.217-137.736-125.944-163.675v242.271c-0.524 11.934-7.097 22.567-17.613 28.534zM898.93 572.819l-6.049 3.632-206.395 118.8c-10.516 5.966-23.402 5.966-33.918 0l-252.408-143.702v99.606c0 1.037 0.264 2.075 1.315 2.594l209.026 118.801c65.469 37.092 146.712 33.721 208.498-8.819 61.791-42.54 93.342-116.725 80.455-189.873v-1.037zM352.306 396.434l-87.291 49.542c-0.789 0.52-1.578 1.3-1.578 2.336v237.601c0 74.445 43.646 142.146 112.007 173.532 68.362 31.646 148.817 21.27 206.921-26.198l-6.046-3.372-206.66-117.763c-10.517-5.966-16.827-17.12-17.090-29.052zM399.632 497.337l112.534 64.069 112.794-64.069v-127.878l-112.27-64.071-112.794 64.071z" />
 <glyph unicode="&#xe638;" glyph-name="general-ai" d="M433.231 551.385c-32.626 0-59.077-26.451-59.077-59.077v-177.231h39.385v78.769h39.385v-78.769h39.385v177.231c0 32.626-26.451 59.077-59.077 59.077zM452.923 492.308v-59.077h-39.385v59.077c0 10.874 8.818 19.692 19.692 19.692s19.692-8.818 19.692-19.692zM649.846 512v39.385h-118.154v-39.385h39.385v-157.538h-39.385v-39.385h118.154v39.385h-39.385v157.538h39.385zM393.846 886.154c0 32.627-26.45 59.077-59.077 59.077s-59.077-26.45-59.077-59.077c0-25.722 16.439-47.605 39.385-55.715v-82.131h-39.385c-43.503 0-78.769-35.266-78.769-78.769v-58.877l-101.246 14.464c-9.702 1.386-16.907 9.695-16.907 19.495v107.049c22.945 8.11 39.385 29.993 39.385 55.715 0 32.627-26.45 59.077-59.077 59.077s-59.077-26.45-59.077-59.077c0-25.722 16.439-47.605 39.385-55.715v-107.049c0-29.4 21.618-54.326 50.722-58.483l106.816-15.059v-59.077h-39.385v-39.385h39.385v-78.769h-39.385v-39.385h39.385v-59.061l-106.816-15.076c-29.104-4.155-50.722-29.082-50.722-58.482v-107.051c-22.945-8.109-39.385-29.991-39.385-55.713 0-32.626 26.45-59.077 59.077-59.077s59.077 26.451 59.077 59.077c0 25.722-16.439 47.604-39.385 55.713v107.051c0 9.799 7.206 18.109 16.907 19.495l101.246 14.462v-58.876c0-43.504 35.266-78.769 78.769-78.769h39.385v-82.133c-22.945-8.109-39.385-29.991-39.385-55.713 0-32.626 26.45-59.077 59.077-59.077s59.077 26.451 59.077 59.077c0 25.722-16.439 47.604-39.385 55.713v82.133h78.769v-39.385h39.385v39.385h78.769v-39.385h39.385v39.385h78.769v-82.133c-22.945-8.109-39.385-29.991-39.385-55.713 0-32.626 26.451-59.077 59.077-59.077s59.077 26.451 59.077 59.077c0 25.722-16.439 47.604-39.385 55.713v82.133h39.385c43.504 0 78.769 35.265 78.769 78.769v58.872l101.246-14.466c9.704-1.386 16.908-9.693 16.908-19.495v-107.047c-22.945-8.109-39.385-29.995-39.385-55.717 0-32.626 26.451-59.077 59.077-59.077s59.077 26.451 59.077 59.077c0 25.722-16.439 47.604-39.385 55.717v107.047c0 29.401-21.618 54.327-50.72 58.486l-106.819 15.049v59.093h39.385v39.385h-39.385v78.769h39.385v39.385h-39.385v59.095l106.819 15.041c29.105 4.158 50.723 29.084 50.723 58.483v107.050c22.942 8.11 39.381 29.993 39.381 55.715 0 32.627-26.447 59.077-59.077 59.077-32.626 0-59.077-26.45-59.077-59.077 0-25.723 16.443-47.606 39.389-55.716v-107.049c0-9.8-7.207-18.109-16.908-19.495l-101.25-14.464v58.877c0 43.503-35.265 78.769-78.769 78.769h-39.385v82.131c22.945 8.11 39.385 29.993 39.385 55.715 0 32.627-26.451 59.077-59.077 59.077s-59.077-26.45-59.077-59.077c0-25.722 16.439-47.605 39.385-55.715v-82.131h-78.769v39.385h-39.385v-39.385h-78.769v39.385h-39.385v-39.385h-78.769v82.131c22.945 8.11 39.385 29.993 39.385 55.715zM748.308 196.927h-472.615v472.615h472.615v-472.615z" />
+<glyph unicode="&#xe639;" glyph-name="user" d="M512 817.231c105.968 0 192-86.033 192-192.002 0-105.967-86.032-191.998-192-191.998s-192 86.032-192 191.998c0 105.968 86.032 192.002 192 192.002zM128-14.769c0 211.933 172.065 384 384 384 211.936 0 384-172.067 384-384z" />
+<glyph unicode="&#xe63a;" glyph-name="user-ok" d="M606.283-1.256c2.462-2.060 3.367-5.443 2.272-8.46-1.099-3.017-3.966-5.025-7.18-5.025-108.489-0.028-537.376-0.028-537.376-0.028 0 211.933 172.065 384 384 384 31.023 0 61.196-3.69 90.096-10.65 1.603-0.398 2.702-1.875 2.623-3.525-0.075-1.65-1.304-3.017-2.938-3.265-24.942-4.328-48.829-16.108-68.112-35.312-50.050-49.853-50.215-130.966-0.358-181.020l128.043-128.555c2.859-2.871 5.841-5.593 8.928-8.16zM448 817.231c105.968 0 192-86.033 192-192.002 0-105.967-86.032-191.998-192-191.998s-192 86.032-192 191.998c0 105.968 86.031 192.002 192 192.002zM526.048 191.291c-18.731 18.731-18.731 49.148 0 67.879 18.735 18.735 49.152 18.735 67.883 0l94.058-94.058 254.058 254.058c18.735 18.735 49.152 18.735 67.883 0 18.731-18.731 18.731-49.148 0-67.879l-288-288c-18.743-18.747-49.136-18.747-67.883 0z" />
 </font></defs></svg>

package/app/styles/_big-icon-font.scss

@@ -117,6 +117,8 @@ $sd-big-icon-font: (
     checkmark-circle: "\e636",
     open-ai: "\e637",
     general-ai: "\e638",
+    user: "\e639",
+    user-ok: "\e63a",
 );
 
 @each $name, $value in $sd-big-icon-font {

package/app-typescript/components/Card.tsx

@@ -9,26 +9,49 @@ interface IProps extends Pick<React.CSSProperties, 'paddingBlock'> {
     paddingInline?: React.CSSProperties['paddingInline'];
     paddingInlineStart?: React.CSSProperties['paddingInlineStart'];
     paddingInlineEnd?: React.CSSProperties['paddingInlineEnd'];
+    style?: React.CSSProperties;
+    'data-test-id'?: string;
 }
 
 export class Card extends React.PureComponent<IProps> {
     render() {
+        const style: React.CSSProperties = {
+            width: '100%',
+            background: 'var(--sd-item__main-Bg)',
+            borderRadius: 'var(--b-radius--medium)',
+            boxShadow: 'var(--sd-shadow--z2)',
+        };
+
+        if (this.props.paddingBase != null) {
+            style.padding = `calc( ${this.props.paddingBase} * var(--base-increment))`;
+        }
+
+        if (this.props.paddingBlock != null) {
+            style.paddingBlock = this.props.paddingBlock;
+        }
+
+        if (this.props.paddingBlockStart != null) {
+            style.paddingBlockStart = this.props.paddingBlockStart;
+        }
+
+        if (this.props.paddingBlockEnd != null) {
+            style.paddingBlockEnd = this.props.paddingBlockEnd;
+        }
+
+        if (this.props.paddingInline != null) {
+            style.paddingInline = this.props.paddingInline;
+        }
+
+        if (this.props.paddingInlineStart != null) {
+            style.paddingInlineStart = this.props.paddingInlineStart;
+        }
+
+        if (this.props.paddingInlineEnd != null) {
+            style.paddingInlineEnd = this.props.paddingInlineEnd;
+        }
+
         return (
-            <div
-                style={{
-                    width: '100%',
-                    background: 'var(--sd-item__main-Bg)',
-                    borderRadius: 'var(--b-radius--medium)',
-                    padding: `calc( ${this.props.paddingBase} * var(--base-increment))`,
-                    boxShadow: 'var(--sd-shadow--z2)',
-                    paddingBlock: this.props.paddingBlock,
-                    paddingBlockStart: this.props.paddingBlockStart,
-                    paddingBlockEnd: this.props.paddingBlockEnd,
-                    paddingInline: this.props.paddingInline,
-                    paddingInlineStart: this.props.paddingInlineStart,
-                    paddingInlineEnd: this.props.paddingInlineEnd,
-                }}
-            >
+            <div style={{...style, ...this.props.style}} data-test-id={this.props['data-test-id']}>
                 {this.props.children}
             </div>
         );

package/app-typescript/components/ShowPopup.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 import {createPopper, Instance as PopperInstance, Placement, Modifier} from '@popperjs/core';
-import {throttle} from 'lodash';
+import {noop, throttle} from 'lodash';
 import maxSize from 'popper-max-size-modifier';
 import {getNextZIndex} from '../zIndex';
 
@@ -13,6 +13,8 @@ interface IPropsPopupPositioner {
     'data-test-id'?: string;
 }
 
+const padding = 8;
+
 export class PopupPositioner extends React.PureComponent<IPropsPopupPositioner> {
     private wrapperEl: HTMLDivElement | null;
     private popper: PopperInstance | null;
@@ -78,11 +80,43 @@ export class PopupPositioner extends React.PureComponent<IPropsPopupPositioner>
             fn: ({state}) => {
                 const {height} = state.modifiersData.maxSize;
 
-                // subtracting 10 in order to make a gap between the edge of the viewport
-                state.styles.popper.maxHeight = `${height - 10}px`;
+                // subtracting {padding} in order to make a gap between the edge of the viewport
+                state.styles.popper.maxHeight = `${height - padding}px`;
             },
         };
 
+        /**
+         * If popover height is greater than viewport height,
+         * popper will not flip it to direction that has more space available.
+         * This modifier limits popover height to max available
+         * so popper can position it in direction where more space is available.
+         */
+        const restrictHeightToMaxAvailable: Modifier<any, any> = {
+            name: 'restrictHeightToMaxAvailable',
+            enabled: true,
+            phase: 'main',
+            fn: noop,
+
+            // execute this as early as possible not to interfere with popper calculations
+            requires: ['popperOffsets'],
+
+            effect: (args) => {
+                const popperHeight = args.state.elements.popper.offsetHeight;
+                const viewportHeight = document.body.offsetHeight;
+                const refRect = args.state.elements.reference.getBoundingClientRect();
+                const availableSpaceAbove = refRect.top;
+                const availableSpaceBelow = viewportHeight - refRect.bottom;
+                const availableSpaceMax = Math.max(availableSpaceAbove, availableSpaceBelow);
+
+                if (popperHeight > availableSpaceMax) {
+                    args.state.elements.popper.style.height = availableSpaceMax + 'px';
+                }
+
+                return () => {
+                    // no cleanup needed
+                };
+            },
+        };
         if (this.wrapperEl != null) {
             /**
              * Wait until referenceElement renders so createPopper
@@ -92,7 +126,19 @@ export class PopupPositioner extends React.PureComponent<IPropsPopupPositioner>
                 if (this.wrapperEl != null) {
                     this.popper = createPopper(this.props.getReferenceElement(), this.wrapperEl, {
                         placement: this.props.placement,
-                        modifiers: [maxSize, applyMaxSize],
+                        modifiers: [
+                            restrictHeightToMaxAvailable,
+                            {
+                                name: 'preventOverflow',
+                                options: {
+                                    padding: {
+                                        top: padding,
+                                    },
+                                },
+                            },
+                            maxSize,
+                            applyMaxSize,
+                        ],
                     });
                 }
             }, 50);

package/app-typescript/components/with-pagination.spec.tsx

@@ -1,4 +1,4 @@
-import {describe, it} from 'mocha';
+import {describe, it, xit} from 'mocha';
 import * as assert from 'assert';
 import {mount} from 'enzyme';
 import * as React from 'react';
@@ -83,7 +83,7 @@ describe('with-pagination', () => {
         }, TIMEOUT + 100);
     });
 
-    it('previous-next buttons works', (done) => {
+    xit('previous-next buttons works', (done) => {
         const wrapper = mount(<Paginated />);
 
         setTimeout(() => {
@@ -108,7 +108,7 @@ describe('with-pagination', () => {
         }, TIMEOUT + 100);
     });
 
-    it.only('scrolls to the top of the pagination container', (done) => {
+    it('scrolls to the top of the pagination container', (done) => {
         const wrapper = mount(
             <div style={{height: 1200, overflowY: 'auto'}}>
                 <div style={{height: 400}} />

package/dist/examples.bundle.css

@@ -16492,3 +16492,65 @@ doc-react-playground {
 
 .big-icon--general-ai:before {
   content: ""; }
+
+.big-icon--user {
+  content: ""; }
+  .big-icon--user.color--default {
+    color: #2c323a; }
+  .big-icon--user.color--primary {
+    color: var(--sd-colour-primary) !important; }
+  .big-icon--user.color--success {
+    color: var(--sd-colour-success) !important; }
+  .big-icon--user.color--warning {
+    color: var(--sd-colour-warning) !important; }
+  .big-icon--user.color--alert {
+    color: var(--sd-colour-alert) !important; }
+  .big-icon--user.color--highlight {
+    color: var(--sd-colour-highlight) !important; }
+  .big-icon--user.color--light {
+    color: var(--color-text-lighter) !important; }
+  .big-icon--user.color--white {
+    color: #e2e5e9 !important; }
+  .big-icon--user.scale--2x {
+    --big-icon-size: 52px
+        ; }
+  .big-icon--user.scale--3x {
+    --big-icon-size: 78px
+        ; }
+  .big-icon--user.scale--4x {
+    --big-icon-size: 104px
+        ; }
+
+.big-icon--user:before {
+  content: ""; }
+
+.big-icon--user-ok {
+  content: ""; }
+  .big-icon--user-ok.color--default {
+    color: #2c323a; }
+  .big-icon--user-ok.color--primary {
+    color: var(--sd-colour-primary) !important; }
+  .big-icon--user-ok.color--success {
+    color: var(--sd-colour-success) !important; }
+  .big-icon--user-ok.color--warning {
+    color: var(--sd-colour-warning) !important; }
+  .big-icon--user-ok.color--alert {
+    color: var(--sd-colour-alert) !important; }
+  .big-icon--user-ok.color--highlight {
+    color: var(--sd-colour-highlight) !important; }
+  .big-icon--user-ok.color--light {
+    color: var(--color-text-lighter) !important; }
+  .big-icon--user-ok.color--white {
+    color: #e2e5e9 !important; }
+  .big-icon--user-ok.scale--2x {
+    --big-icon-size: 52px
+        ; }
+  .big-icon--user-ok.scale--3x {
+    --big-icon-size: 78px
+        ; }
+  .big-icon--user-ok.scale--4x {
+    --big-icon-size: 104px
+        ; }
+
+.big-icon--user-ok:before {
+  content: ""; }

package/dist/examples.bundle.js

@@ -59899,6 +59899,7 @@ var core_1 = __webpack_require__(45);
 var lodash_1 = __webpack_require__(18);
 var popper_max_size_modifier_1 = __importDefault(__webpack_require__(618));
 var zIndex_1 = __webpack_require__(24);
+var padding = 8;
 var PopupPositioner = /** @class */ (function (_super) {
     __extends(PopupPositioner, _super);
     function PopupPositioner(props) {
@@ -59952,8 +59953,36 @@ var PopupPositioner = /** @class */ (function (_super) {
             fn: function (_a) {
                 var state = _a.state;
                 var height = state.modifiersData.maxSize.height;
-                // subtracting 10 in order to make a gap between the edge of the viewport
-                state.styles.popper.maxHeight = "".concat(height - 10, "px");
+                // subtracting {padding} in order to make a gap between the edge of the viewport
+                state.styles.popper.maxHeight = "".concat(height - padding, "px");
+            },
+        };
+        /**
+         * If popover height is greater than viewport height,
+         * popper will not flip it to direction that has more space available.
+         * This modifier limits popover height to max available
+         * so popper can position it in direction where more space is available.
+         */
+        var restrictHeightToMaxAvailable = {
+            name: 'restrictHeightToMaxAvailable',
+            enabled: true,
+            phase: 'main',
+            fn: lodash_1.noop,
+            // execute this as early as possible not to interfere with popper calculations
+            requires: ['popperOffsets'],
+            effect: function (args) {
+                var popperHeight = args.state.elements.popper.offsetHeight;
+                var viewportHeight = document.body.offsetHeight;
+                var refRect = args.state.elements.reference.getBoundingClientRect();
+                var availableSpaceAbove = refRect.top;
+                var availableSpaceBelow = viewportHeight - refRect.bottom;
+                var availableSpaceMax = Math.max(availableSpaceAbove, availableSpaceBelow);
+                if (popperHeight > availableSpaceMax) {
+                    args.state.elements.popper.style.height = availableSpaceMax + 'px';
+                }
+                return function () {
+                    // no cleanup needed
+                };
             },
         };
         if (this.wrapperEl != null) {
@@ -59965,7 +59994,19 @@ var PopupPositioner = /** @class */ (function (_super) {
                 if (_this.wrapperEl != null) {
                     _this.popper = (0, core_1.createPopper)(_this.props.getReferenceElement(), _this.wrapperEl, {
                         placement: _this.props.placement,
-                        modifiers: [popper_max_size_modifier_1.default, applyMaxSize],
+                        modifiers: [
+                            restrictHeightToMaxAvailable,
+                            {
+                                name: 'preventOverflow',
+                                options: {
+                                    padding: {
+                                        top: padding,
+                                    },
+                                },
+                            },
+                            popper_max_size_modifier_1.default,
+                            applyMaxSize,
+                        ],
                     });
                 }
             }, 50);
@@ -98925,6 +98966,17 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -98967,19 +99019,34 @@ var Card = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     Card.prototype.render = function () {
-        return (React.createElement("div", { style: {
-                width: '100%',
-                background: 'var(--sd-item__main-Bg)',
-                borderRadius: 'var(--b-radius--medium)',
-                padding: "calc( ".concat(this.props.paddingBase, " * var(--base-increment))"),
-                boxShadow: 'var(--sd-shadow--z2)',
-                paddingBlock: this.props.paddingBlock,
-                paddingBlockStart: this.props.paddingBlockStart,
-                paddingBlockEnd: this.props.paddingBlockEnd,
-                paddingInline: this.props.paddingInline,
-                paddingInlineStart: this.props.paddingInlineStart,
-                paddingInlineEnd: this.props.paddingInlineEnd,
-            } }, this.props.children));
+        var style = {
+            width: '100%',
+            background: 'var(--sd-item__main-Bg)',
+            borderRadius: 'var(--b-radius--medium)',
+            boxShadow: 'var(--sd-shadow--z2)',
+        };
+        if (this.props.paddingBase != null) {
+            style.padding = "calc( ".concat(this.props.paddingBase, " * var(--base-increment))");
+        }
+        if (this.props.paddingBlock != null) {
+            style.paddingBlock = this.props.paddingBlock;
+        }
+        if (this.props.paddingBlockStart != null) {
+            style.paddingBlockStart = this.props.paddingBlockStart;
+        }
+        if (this.props.paddingBlockEnd != null) {
+            style.paddingBlockEnd = this.props.paddingBlockEnd;
+        }
+        if (this.props.paddingInline != null) {
+            style.paddingInline = this.props.paddingInline;
+        }
+        if (this.props.paddingInlineStart != null) {
+            style.paddingInlineStart = this.props.paddingInlineStart;
+        }
+        if (this.props.paddingInlineEnd != null) {
+            style.paddingInlineEnd = this.props.paddingInlineEnd;
+        }
+        return (React.createElement("div", { style: __assign(__assign({}, style), this.props.style), "data-test-id": this.props['data-test-id'] }, this.props.children));
     };
     return Card;
 }(React.PureComponent));
@@ -177889,7 +177956,7 @@ exports.default = BigIconFontDoc;
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
-module.exports = {"icon":"dashboard, view, tasks, calendar, marked-star, archive, spike, unspike, personal, global-search, analytics, web, cog, send-to, info, find-replace, comments, history, package, create-package, add-to-package, fetch, fetch-as, macro, related, minimize, settings, multiedit, export, create-list, add-to-list, text, desk, chevron-left, chevron-right, dashboard-alt, master, attachment, upload-alt, document-default, document-pdf, document-doc, semantics, picture, manage-package, live, live-alt, meta-search, chat, annotation, suggestion, publisher, tag, rundown, checkmark-circle, open-ai, general-ai"};
+module.exports = {"icon":"dashboard, view, tasks, calendar, marked-star, archive, spike, unspike, personal, global-search, analytics, web, cog, send-to, info, find-replace, comments, history, package, create-package, add-to-package, fetch, fetch-as, macro, related, minimize, settings, multiedit, export, create-list, add-to-list, text, desk, chevron-left, chevron-right, dashboard-alt, master, attachment, upload-alt, document-default, document-pdf, document-doc, semantics, picture, manage-package, live, live-alt, meta-search, chat, annotation, suggestion, publisher, tag, rundown, checkmark-circle, open-ai, general-ai, user, user-ok"};
 
 /***/ }),
 /* 895 */
@@ -191072,7 +191139,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
 /* 959 */
 /***/ (function(module, exports) {
 
-module.exports = {"name":"superdesk-ui-framework","version":"4.0.54","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"tsc -p tsconfig.json --noEmit && webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","playground-lint":"tsc -p examples/pages/playgrounds/react-playgrounds --noEmit","format-code":"npx prettier . --write","lint":"tsc -p tsconfig.json --noEmit && npx prettier . --check && eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build","unit-test":"mocha","debug-unit-tests":"mocha --inspect-brk"},"devDependencies":{"@types/assert":"^1.5.6","@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/enzyme":"^3.10.12","@types/enzyme-adapter-react-16":"^1.0.6","@types/lodash":"^4.14.161","@types/mocha":"^9.1.1","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"^5.58.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","jsdom":"20.0.3","jsdom-global":"3.0.2","lodash":"4.17.21","mocha":"^8.4.0","moment":"^2.29.3","node-sass":"6.0","prettier":"3.5.3","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"^5.8.3","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@popperjs/core":"^2.4.0","@sourcefabric/common":"0.0.63","@superdesk/primereact":"^5.0.2-13","@superdesk/react-resizable-panels":"0.0.39","chart.js":"^2.9.3","date-fns":"2.7.0","popper-max-size-modifier":"^0.2.0","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-scrollspy":"^3.4.3","tippy.js":"^6.3.7","weekstart":"^2.0.0"},"peerDependencies":{"moment":"*"},"volta":{"node":"14.21.3"}}
+module.exports = {"name":"superdesk-ui-framework","version":"4.0.56","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"tsc -p tsconfig.json --noEmit && webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","playground-lint":"tsc -p examples/pages/playgrounds/react-playgrounds --noEmit","format-code":"npx prettier . --write","lint":"tsc -p tsconfig.json --noEmit && npx prettier . --check && eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint && npm run unit-test","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build","unit-test":"mocha","debug-unit-tests":"mocha --inspect-brk"},"devDependencies":{"@types/assert":"^1.5.6","@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/enzyme":"^3.10.12","@types/enzyme-adapter-react-16":"^1.0.6","@types/lodash":"^4.14.161","@types/mocha":"^9.1.1","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"^5.58.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","jsdom":"20.0.3","jsdom-global":"3.0.2","lodash":"4.17.21","mocha":"^8.4.0","moment":"^2.29.3","node-sass":"6.0","prettier":"3.5.3","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"^5.8.3","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@popperjs/core":"^2.4.0","@sourcefabric/common":"0.0.63","@superdesk/primereact":"^5.0.2-13","@superdesk/react-resizable-panels":"0.0.39","chart.js":"^2.9.3","date-fns":"2.7.0","popper-max-size-modifier":"^0.2.0","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-scrollspy":"^3.4.3","tippy.js":"^6.3.7","weekstart":"^2.0.0"},"peerDependencies":{"moment":"*"},"volta":{"node":"14.21.3"}}
 
 /***/ }),
 /* 960 */

package/dist/sd_big-icons.svg

@@ -7,7 +7,6 @@
 <font-face units-per-em="1024" ascent="960" descent="-64" />
 <missing-glyph horiz-adv-x="1024" />
 <glyph unicode="&#x20;" horiz-adv-x="512" d="" />
-<<<<<<< HEAD
 <glyph unicode="&#xe600;" glyph-name="dashboard" d="M275.692 78.769h157.538v236.308h157.538v-236.308h157.538v315.077h157.538l-362.575 381.44c-7.632 7.626-18.172 12.342-29.814 12.342s-22.182-4.716-29.814-12.343v0l-365.489-381.44h157.538v-315.077z" />
 <glyph unicode="&#xe601;" glyph-name="view" d="M512 787.693c-310.863 0-512-354.462-512-354.462s197.474-354.462 512-354.462c292.588 0 512 354.462 512 354.462s-215.788 354.462-512 354.462zM512 196.923c-130.509 0-236.308 105.799-236.308 236.308s105.799 236.308 236.308 236.308c130.509 0 236.308-105.799 236.308-236.308v0c0-130.509-105.799-236.308-236.308-236.308v0zM630.154 433.231c0-65.255-52.899-118.154-118.154-118.154s-118.154 52.899-118.154 118.154c0 65.255 52.899 118.154 118.154 118.154s118.154-52.899 118.154-118.154z" />
 <glyph unicode="&#xe602;" glyph-name="tasks" d="M748.308 787.693v-78.769h-157.538v78.769h-157.538v-78.769h-157.538v78.769h-118.154c-0.297 0.008-0.647 0.013-0.998 0.013-20.504 0-37.192-16.339-37.755-36.707l-0.001-0.052q0-0.985 0-2.009v-672.571c-0.017-0.407-0.026-0.884-0.026-1.363 0-19.223 15.218-34.892 34.264-35.617l0.066-0.002h713.098c0.52-0.026 1.13-0.040 1.743-0.040 20.138 0 36.587 15.793 37.638 35.669l0.004 0.094q0 1.221 0 2.442v673.201c0.021 0.454 0.033 0.987 0.033 1.522 0 19.103-15.112 34.677-34.033 35.419l-0.067 0.002h-123.195zM787.692 157.539h-551.385v472.615h551.385v-472.615zM344.734 866.462h19.456c16.379 0 29.657-13.278 29.657-29.657v-58.841c0-16.379-13.278-29.657-29.657-29.657h-19.456c-16.379 0-29.657 13.278-29.657 29.657v58.841c0 16.379 13.278 29.657 29.657 29.657zM659.81 866.462h19.456c16.379 0 29.657-13.278 29.657-29.657v-58.841c0-16.379-13.278-29.657-29.657-29.657h-19.456c-16.379 0-29.657 13.278-29.657 29.657v58.841c0 16.379 13.278 29.657 29.657 29.657zM433.231 315.077l-77.942 90.585-40.212-41.118 118.154-128.236 275.692 274.747-39.385 40.33z" />
@@ -16,16 +15,6 @@
 <glyph unicode="&#xe605;" glyph-name="archive" d="M787.692 748.308h-551.385v-275.692h551.385v275.692zM590.769 590.769h-157.538v39.385h157.538v-39.385zM787.692 433.231h-551.385v-275.692h551.385v275.692zM590.769 275.693h-157.538v39.385h157.538v-39.385zM866.462 866.462h-708.923c-21.752 0-39.385-17.633-39.385-39.385v0-748.308c0-21.752 17.633-39.385 39.385-39.385v0h708.923c21.752 0 39.385 17.633 39.385 39.385v0 748.308c0 21.752-17.633 39.385-39.385 39.385v0zM827.077 748.308v-630.154h-630.154v669.538h630.154v-39.385zM236.308 39.385h157.538v-39.385h-157.538v39.385zM630.154 39.385h157.538v-39.385h-157.538v39.385z" />
 <glyph unicode="&#xe606;" glyph-name="spike" d="M236.308 630.154v-512c0.134-43.449 35.32-78.635 78.756-78.769h393.859c43.449 0.134 78.635 35.32 78.769 78.756v512.013h-551.385zM393.846 118.154h-78.769v433.231h78.769v-433.231zM551.385 118.154h-78.769v433.231h78.769v-433.231zM708.923 118.154h-78.769v433.231h78.769v-433.231zM787.692 748.308h-165.415c-16.187 46.218-59.431 78.769-110.277 78.769s-94.089-32.552-110.027-77.952l-0.25-0.817h-165.415c-0.668 0.043-1.448 0.067-2.233 0.067-20.555 0-37.218-16.663-37.218-37.218 0-0.786 0.024-1.566 0.072-2.339l-0.005 0.106v-39.385h630.154v39.385c0.043 0.668 0.067 1.448 0.067 2.233 0 20.555-16.663 37.218-37.218 37.218-0.786 0-1.566-0.024-2.339-0.072l0.106 0.005z" />
 <glyph unicode="&#xe607;" glyph-name="unspike" d="M787.692 748.308h-165.415c-16.187 46.218-59.431 78.769-110.277 78.769s-94.089-32.552-110.027-77.952l-0.25-0.817h-165.415c-0.668 0.043-1.448 0.067-2.233 0.067-20.555 0-37.218-16.663-37.218-37.218 0-0.786 0.024-1.566 0.072-2.339l-0.005 0.106v-39.385h630.154v39.385c0.043 0.668 0.067 1.448 0.067 2.233 0 20.555-16.663 37.218-37.218 37.218-0.786 0-1.566-0.024-2.339-0.072l0.106 0.005zM293.022 630.154c-0.007 0-0.016 0-0.024 0-3.959 0-7.168-3.209-7.168-7.168 0-1.985 0.807-3.782 2.111-5.080v0l66.521-66.521h39.385v-39.385l78.769-78.769v118.154h78.769v-196.923l78.769-78.769v275.692h78.769v-354.462l64.866-64.866c1.474-1.467 3.506-2.373 5.75-2.373 4.503 0 8.153 3.65 8.153 8.153 0 0.004 0 0.007 0 0.011v-0.001 492.308h-494.671zM776.35 27.373l-591.518 591.478c-7.056 7.055-16.803 11.419-27.569 11.419s-20.513-4.364-27.569-11.419l-0.197-0.197c-7.055-7.056-11.419-16.803-11.419-27.569s4.364-20.513 11.419-27.569v0l106.811-106.654v-338.708c0.134-43.449 35.32-78.635 78.756-78.769h338.721l67.348-67.348c7.056-7.055 16.803-11.419 27.569-11.419s20.513 4.364 27.569 11.419l0.197 0.197c7.020 7.050 11.36 16.773 11.36 27.51 0 10.796-4.387 20.567-11.477 27.627l-0.001 0.001zM315.077 118.154v259.938l78.769-78.769v-181.169h-78.769zM551.385 118.154h-78.769v102.4l78.769-78.769v-23.631z" />
-=======
-<glyph unicode="&#xe600;" glyph-name="unspike" d="M787.692 748.308h-165.415c-16.187 46.218-59.431 78.769-110.277 78.769s-94.089-32.552-110.027-77.952l-0.25-0.817h-165.415c-0.668 0.043-1.448 0.067-2.233 0.067-20.555 0-37.218-16.663-37.218-37.218 0-0.786 0.024-1.566 0.072-2.339l-0.005 0.106v-39.385h630.154v39.385c0.043 0.668 0.067 1.448 0.067 2.233 0 20.555-16.663 37.218-37.218 37.218-0.786 0-1.566-0.024-2.339-0.072l0.106 0.005zM293.022 630.154c-0.007 0-0.016 0-0.024 0-3.959 0-7.168-3.209-7.168-7.168 0-1.985 0.807-3.782 2.111-5.080v0l66.521-66.521h39.385v-39.385l78.769-78.769v118.154h78.769v-196.923l78.769-78.769v275.692h78.769v-354.462l64.866-64.866c1.474-1.467 3.506-2.373 5.75-2.373 4.503 0 8.153 3.65 8.153 8.153 0 0.004 0 0.007 0 0.011v-0.001 492.308h-494.671zM776.35 27.373l-591.518 591.478c-7.056 7.055-16.803 11.419-27.569 11.419s-20.513-4.364-27.569-11.419l-0.197-0.197c-7.055-7.056-11.419-16.803-11.419-27.569s4.364-20.513 11.419-27.569v0l106.811-106.654v-338.708c0.134-43.449 35.32-78.635 78.756-78.769h338.721l67.348-67.348c7.056-7.055 16.803-11.419 27.569-11.419s20.513 4.364 27.569 11.419l0.197 0.197c7.020 7.050 11.36 16.773 11.36 27.51 0 10.796-4.387 20.567-11.477 27.627l-0.001 0.001zM315.077 118.154v259.938l78.769-78.769v-181.169h-78.769zM551.385 118.154h-78.769v102.4l78.769-78.769v-23.631z" />
-<glyph unicode="&#xe601;" glyph-name="dashboard" d="M275.692 78.769h157.538v236.308h157.538v-236.308h157.538v315.077h157.538l-362.575 381.44c-7.632 7.626-18.172 12.342-29.814 12.342s-22.182-4.716-29.814-12.343v0l-365.489-381.44h157.538v-315.077z" />
-<glyph unicode="&#xe602;" glyph-name="view" d="M512 787.693c-310.863 0-512-354.462-512-354.462s197.474-354.462 512-354.462c292.588 0 512 354.462 512 354.462s-215.788 354.462-512 354.462zM512 196.923c-130.509 0-236.308 105.799-236.308 236.308s105.799 236.308 236.308 236.308c130.509 0 236.308-105.799 236.308-236.308v0c0-130.509-105.799-236.308-236.308-236.308v0zM630.154 433.231c0-65.255-52.899-118.154-118.154-118.154s-118.154 52.899-118.154 118.154c0 65.255 52.899 118.154 118.154 118.154s118.154-52.899 118.154-118.154z" />
-<glyph unicode="&#xe603;" glyph-name="tasks" d="M748.308 787.693v-78.769h-157.538v78.769h-157.538v-78.769h-157.538v78.769h-118.154c-0.297 0.008-0.647 0.013-0.998 0.013-20.504 0-37.192-16.339-37.755-36.707l-0.001-0.052q0-0.985 0-2.009v-672.571c-0.017-0.407-0.026-0.884-0.026-1.363 0-19.223 15.218-34.892 34.264-35.617l0.066-0.002h713.098c0.52-0.026 1.13-0.040 1.743-0.040 20.138 0 36.587 15.793 37.638 35.669l0.004 0.094q0 1.221 0 2.442v673.201c0.021 0.454 0.033 0.987 0.033 1.522 0 19.103-15.112 34.677-34.033 35.419l-0.067 0.002h-123.195zM787.692 157.539h-551.385v472.615h551.385v-472.615zM344.734 866.462h19.456c16.379 0 29.657-13.278 29.657-29.657v-58.841c0-16.379-13.278-29.657-29.657-29.657h-19.456c-16.379 0-29.657 13.278-29.657 29.657v58.841c0 16.379 13.278 29.657 29.657 29.657zM659.81 866.462h19.456c16.379 0 29.657-13.278 29.657-29.657v-58.841c0-16.379-13.278-29.657-29.657-29.657h-19.456c-16.379 0-29.657 13.278-29.657 29.657v58.841c0 16.379 13.278 29.657 29.657 29.657zM433.231 315.077l-77.942 90.585-40.212-41.118 118.154-128.236 275.692 274.747-39.385 40.33z" />
-<glyph unicode="&#xe604;" glyph-name="calendar" d="M787.692 787.693v-78.769h-157.538v78.769h-236.308v-78.769h-157.538v78.769h-118.784c-0.297 0.008-0.647 0.013-0.998 0.013-20.86 0-37.77-16.91-37.77-37.77 0-0.351 0.005-0.701 0.014-1.049l-0.001 0.051v-672.61c-0.015-0.388-0.024-0.843-0.024-1.3 0-19.624 15.859-35.544 35.461-35.643h791.403c0.577-0.032 1.253-0.050 1.933-0.050 20.816 0 37.691 16.875 37.691 37.691 0 0.184-0.001 0.367-0.004 0.55v-0.028 673.201c0.015 0.388 0.024 0.843 0.024 1.3 0 19.624-15.859 35.544-35.461 35.643h-122.101zM866.462 118.154h-708.923v472.615h708.923v-472.615zM319.37 748.308h-8.586c-19.372 0.022-35.069 15.72-35.092 35.090v47.972c0.067 19.395 15.805 35.092 35.21 35.092 0.083 0 0.166 0 0.249-0.001h8.612c19.206-0.2 34.698-15.816 34.698-35.051 0-0.014 0-0.029 0-0.043v0.002-48.010c-0.089-19.378-15.819-35.053-35.209-35.053-0.083 0-0.166 0-0.249 0.001h0.367zM713.216 748.308h-8.625c-19.355 0.045-35.030 15.734-35.052 35.090v47.972c0.067 19.395 15.805 35.092 35.21 35.092 0.083 0 0.166 0 0.249-0.001h8.612c19.206-0.2 34.698-15.816 34.698-35.051 0-0.014 0-0.029 0-0.043v0.002-48.010c-0.089-19.378-15.819-35.053-35.209-35.053-0.083 0-0.166 0-0.249 0.001h0.367zM236.308 512h196.923v-196.923h-196.923v196.923z" />
-<glyph unicode="&#xe605;" glyph-name="marked-star" d="M512 827.077l107.087-266.398 286.759-19.417-220.554-184.084 70.105-278.41-243.397 152.655-243.397-152.655 70.105 278.41-220.554 184.084 286.759 19.417 107.087 266.398z" />
-<glyph unicode="&#xe606;" glyph-name="archive" d="M787.692 748.308h-551.385v-275.692h551.385v275.692zM590.769 590.769h-157.538v39.385h157.538v-39.385zM787.692 433.231h-551.385v-275.692h551.385v275.692zM590.769 275.693h-157.538v39.385h157.538v-39.385zM866.462 866.462h-708.923c-21.752 0-39.385-17.633-39.385-39.385v0-748.308c0-21.752 17.633-39.385 39.385-39.385v0h708.923c21.752 0 39.385 17.633 39.385 39.385v0 748.308c0 21.752-17.633 39.385-39.385 39.385v0zM827.077 748.308v-630.154h-630.154v669.538h630.154v-39.385zM236.308 39.385h157.538v-39.385h-157.538v39.385zM630.154 39.385h157.538v-39.385h-157.538v39.385z" />
-<glyph unicode="&#xe607;" glyph-name="spike" d="M236.308 630.154v-512c0.134-43.449 35.32-78.635 78.756-78.769h393.859c43.449 0.134 78.635 35.32 78.769 78.756v512.013h-551.385zM393.846 118.154h-78.769v433.231h78.769v-433.231zM551.385 118.154h-78.769v433.231h78.769v-433.231zM708.923 118.154h-78.769v433.231h78.769v-433.231zM787.692 748.308h-165.415c-16.187 46.218-59.431 78.769-110.277 78.769s-94.089-32.552-110.027-77.952l-0.25-0.817h-165.415c-0.668 0.043-1.448 0.067-2.233 0.067-20.555 0-37.218-16.663-37.218-37.218 0-0.786 0.024-1.566 0.072-2.339l-0.005 0.106v-39.385h630.154v39.385c0.043 0.668 0.067 1.448 0.067 2.233 0 20.555-16.663 37.218-37.218 37.218-0.786 0-1.566-0.024-2.339-0.072l0.106 0.005z" />
->>>>>>> a08c0d67188170f83c5a6467642c6a78cfde8f31
 <glyph unicode="&#xe608;" glyph-name="personal" d="M945.231-0h-196.923c-21.752 0-39.385 17.633-39.385 39.385v0 157.538c0 21.752 17.633 39.385 39.385 39.385v0h196.923c0.346 0.011 0.752 0.018 1.16 0.018 21.121 0 38.242-17.122 38.242-38.242 0-0.408-0.006-0.814-0.019-1.219l0.001 0.059v-157.538c0.043-0.668 0.067-1.448 0.067-2.233 0-20.555-16.663-37.218-37.218-37.218-0.786 0-1.566 0.024-2.339 0.072l0.106-0.005zM708.923 236.308v118.154s1.221 78.769 39.385 78.769c15.754 8.192 78.769 9.886 78.769 39.385 0 195.764-158.698 354.462-354.462 354.462s-354.462-158.698-354.462-354.462v0c-0.058-2.458-0.090-5.353-0.090-8.257 0-125.955 61.699-237.5 156.523-306.059l1.105-0.761v78.769c0.332 43.369 35.4 78.437 78.737 78.769h260.325c0.165 0.002 0.359 0.003 0.554 0.003 29.952 0 54.233-24.281 54.233-54.233 0-0.195-0.001-0.39-0.003-0.584v0.030zM477.538 354.462c-77.448 5.673-138.133 69.901-138.133 148.303 0 3.249 0.104 6.474 0.31 9.672l-0.022-0.436c-0.183 2.762-0.287 5.987-0.287 9.236 0 78.402 60.685 142.63 137.646 148.274l0.487 0.029c77.465-5.8 138.119-70.077 138.119-148.522 0-3.172-0.099-6.321-0.295-9.444l0.021 0.427c0.21-2.952 0.33-6.397 0.33-9.87 0-78.614-61.323-142.905-138.743-147.648l-0.417-0.020h0.985zM846.769 433.231c-53.327 0-98.462-41.236-98.462-118.154v-118.154h196.923v118.154c0 78.769-47.262 118.154-98.462 118.154zM905.846 236.308h-118.154v78.769c0 34.304 9.019 78.769 59.077 78.769 60.298 0 59.077-43.323 59.077-78.769v-78.769z" />
 <glyph unicode="&#xe609;" glyph-name="global-search" d="M78.769 787.693h866.462v-39.385h-866.462zM78.769 669.539h196.923v-39.385h-196.923zM748.308 669.539h196.923v-39.385h-196.923zM827.077 551.385h118.154v-39.385h-118.154zM78.769 551.385h118.154v-39.385h-118.154zM78.769 433.231h118.154v-39.385h-118.154zM866.462 433.231h78.769v-39.385h-78.769zM590.769 315.077h-157.538l-39.385 78.769h236.308l-39.385-78.769zM630.154 472.616h-236.308l39.385 78.769h157.538l39.385-78.769zM512 708.923c-152.261 0-275.692-123.432-275.692-275.692s123.432-275.692 275.692-275.692c152.261 0 275.692 123.432 275.692 275.692v0c0 152.261-123.432 275.692-275.692 275.692v0zM512 236.308c-108.758 0-196.923 88.165-196.923 196.923s88.165 196.923 196.923 196.923c108.758 0 196.923-88.165 196.923-196.923v0c0-108.758-88.165-196.923-196.923-196.923v0zM708.923 315.077l-78.769-78.769 236.308-236.308c0.094 0 0.205-0.001 0.316-0.001 43.218 0 78.275 34.946 78.453 78.123v0.647z" />
 <glyph unicode="&#xe60a;" glyph-name="analytics" d="M433.231 787.693h157.538v-708.923h-157.538v708.923zM196.923 393.846h157.538v-315.077h-157.538v315.077zM669.538 551.385h157.538v-472.615h-157.538v472.615z" />
@@ -75,4 +64,6 @@
 <glyph unicode="&#xe636;" glyph-name="checkmark-circle" d="M512-0c239.267 0 433.231 193.964 433.231 433.231s-193.964 433.231-433.231 433.231c-239.267 0-433.231-193.964-433.231-433.231s193.964-433.231 433.231-433.231zM433.231 236.308l-157.538 157.538 55.138 55.138 102.4-102.4 259.938 259.938 55.138-55.138-315.077-315.077z" />
 <glyph unicode="&#xe637;" glyph-name="open-ai" d="M956.774 526.127c23.398 69.777 15.25 146.038-22.351 209.588-56.529 97.271-170.374 147.333-281.592 123.729-62.578 68.738-157.755 99.346-249.253 80.151-91.5-19.195-165.908-85.080-195.092-172.753-73.094-14.785-135.933-59.919-173.006-123.729-57.318-97.010-44.172-219.445 32.077-302.708-23.663-69.774-15.512-146.034 22.086-209.585 56.792-97.272 170.639-147.334 281.857-123.731 49.431-54.989 120.422-86.114 195.091-85.858 113.845 0 214.812 72.373 249.517 179.499 73.094 14.785 135.932 59.92 173.005 123.727 56.529 96.756 43.382 218.667-32.339 301.67zM566.591-11.847c-45.485 0-89.395 15.565-124.365 44.359l6.049 3.371 206.659 117.764c10.516 5.963 16.825 17.117 17.089 29.050v287.661l87.292-49.802c0.788-0.52 1.579-1.296 1.579-2.336v-238.119c-0.264-106.090-87.032-191.689-194.304-191.949zM148.801 164.281c-22.875 38.908-31.026 84.303-23.138 128.658l6.047-3.631 206.923-117.764c10.517-5.967 23.4-5.967 33.655 0l252.67 143.703v-99.608c0-1.036-0.524-2.076-1.312-2.592l-209.29-119.060c-93.077-52.917-211.92-21.532-265.556 70.294zM94.113 608.355c22.875 39.168 59.158 68.998 102.278 84.302v-242.27c-0.263-11.93 6.31-23.087 16.827-28.79l251.359-143.187-87.293-49.802c-1.052-0.516-2.104-0.516-3.155 0l-209.026 118.8c-92.813 53.177-124.627 170.161-71.253 261.985v-1.038zM812.166 443.904l-252.412 144.478 87.292 49.543c1.052 0.519 2.103 0.519 3.155 0l209.026-119.061c65.205-37.092 102.806-108.166 96.496-182.091s-55.217-137.736-125.944-163.675v242.271c-0.524 11.934-7.097 22.567-17.613 28.534zM898.93 572.819l-6.049 3.632-206.395 118.8c-10.516 5.966-23.402 5.966-33.918 0l-252.408-143.702v99.606c0 1.037 0.264 2.075 1.315 2.594l209.026 118.801c65.469 37.092 146.712 33.721 208.498-8.819 61.791-42.54 93.342-116.725 80.455-189.873v-1.037zM352.306 396.434l-87.291 49.542c-0.789 0.52-1.578 1.3-1.578 2.336v237.601c0 74.445 43.646 142.146 112.007 173.532 68.362 31.646 148.817 21.27 206.921-26.198l-6.046-3.372-206.66-117.763c-10.517-5.966-16.827-17.12-17.090-29.052zM399.632 497.337l112.534 64.069 112.794-64.069v-127.878l-112.27-64.071-112.794 64.071z" />
 <glyph unicode="&#xe638;" glyph-name="general-ai" d="M433.231 551.385c-32.626 0-59.077-26.451-59.077-59.077v-177.231h39.385v78.769h39.385v-78.769h39.385v177.231c0 32.626-26.451 59.077-59.077 59.077zM452.923 492.308v-59.077h-39.385v59.077c0 10.874 8.818 19.692 19.692 19.692s19.692-8.818 19.692-19.692zM649.846 512v39.385h-118.154v-39.385h39.385v-157.538h-39.385v-39.385h118.154v39.385h-39.385v157.538h39.385zM393.846 886.154c0 32.627-26.45 59.077-59.077 59.077s-59.077-26.45-59.077-59.077c0-25.722 16.439-47.605 39.385-55.715v-82.131h-39.385c-43.503 0-78.769-35.266-78.769-78.769v-58.877l-101.246 14.464c-9.702 1.386-16.907 9.695-16.907 19.495v107.049c22.945 8.11 39.385 29.993 39.385 55.715 0 32.627-26.45 59.077-59.077 59.077s-59.077-26.45-59.077-59.077c0-25.722 16.439-47.605 39.385-55.715v-107.049c0-29.4 21.618-54.326 50.722-58.483l106.816-15.059v-59.077h-39.385v-39.385h39.385v-78.769h-39.385v-39.385h39.385v-59.061l-106.816-15.076c-29.104-4.155-50.722-29.082-50.722-58.482v-107.051c-22.945-8.109-39.385-29.991-39.385-55.713 0-32.626 26.45-59.077 59.077-59.077s59.077 26.451 59.077 59.077c0 25.722-16.439 47.604-39.385 55.713v107.051c0 9.799 7.206 18.109 16.907 19.495l101.246 14.462v-58.876c0-43.504 35.266-78.769 78.769-78.769h39.385v-82.133c-22.945-8.109-39.385-29.991-39.385-55.713 0-32.626 26.45-59.077 59.077-59.077s59.077 26.451 59.077 59.077c0 25.722-16.439 47.604-39.385 55.713v82.133h78.769v-39.385h39.385v39.385h78.769v-39.385h39.385v39.385h78.769v-82.133c-22.945-8.109-39.385-29.991-39.385-55.713 0-32.626 26.451-59.077 59.077-59.077s59.077 26.451 59.077 59.077c0 25.722-16.439 47.604-39.385 55.713v82.133h39.385c43.504 0 78.769 35.265 78.769 78.769v58.872l101.246-14.466c9.704-1.386 16.908-9.693 16.908-19.495v-107.047c-22.945-8.109-39.385-29.995-39.385-55.717 0-32.626 26.451-59.077 59.077-59.077s59.077 26.451 59.077 59.077c0 25.722-16.439 47.604-39.385 55.717v107.047c0 29.401-21.618 54.327-50.72 58.486l-106.819 15.049v59.093h39.385v39.385h-39.385v78.769h39.385v39.385h-39.385v59.095l106.819 15.041c29.105 4.158 50.723 29.084 50.723 58.483v107.050c22.942 8.11 39.381 29.993 39.381 55.715 0 32.627-26.447 59.077-59.077 59.077-32.626 0-59.077-26.45-59.077-59.077 0-25.723 16.443-47.606 39.389-55.716v-107.049c0-9.8-7.207-18.109-16.908-19.495l-101.25-14.464v58.877c0 43.503-35.265 78.769-78.769 78.769h-39.385v82.131c22.945 8.11 39.385 29.993 39.385 55.715 0 32.627-26.451 59.077-59.077 59.077s-59.077-26.45-59.077-59.077c0-25.722 16.439-47.605 39.385-55.715v-82.131h-78.769v39.385h-39.385v-39.385h-78.769v39.385h-39.385v-39.385h-78.769v82.131c22.945 8.11 39.385 29.993 39.385 55.715zM748.308 196.927h-472.615v472.615h472.615v-472.615z" />
+<glyph unicode="&#xe639;" glyph-name="user" d="M512 817.231c105.968 0 192-86.033 192-192.002 0-105.967-86.032-191.998-192-191.998s-192 86.032-192 191.998c0 105.968 86.032 192.002 192 192.002zM128-14.769c0 211.933 172.065 384 384 384 211.936 0 384-172.067 384-384z" />
+<glyph unicode="&#xe63a;" glyph-name="user-ok" d="M606.283-1.256c2.462-2.060 3.367-5.443 2.272-8.46-1.099-3.017-3.966-5.025-7.18-5.025-108.489-0.028-537.376-0.028-537.376-0.028 0 211.933 172.065 384 384 384 31.023 0 61.196-3.69 90.096-10.65 1.603-0.398 2.702-1.875 2.623-3.525-0.075-1.65-1.304-3.017-2.938-3.265-24.942-4.328-48.829-16.108-68.112-35.312-50.050-49.853-50.215-130.966-0.358-181.020l128.043-128.555c2.859-2.871 5.841-5.593 8.928-8.16zM448 817.231c105.968 0 192-86.033 192-192.002 0-105.967-86.032-191.998-192-191.998s-192 86.032-192 191.998c0 105.968 86.031 192.002 192 192.002zM526.048 191.291c-18.731 18.731-18.731 49.148 0 67.879 18.735 18.735 49.152 18.735 67.883 0l94.058-94.058 254.058 254.058c18.735 18.735 49.152 18.735 67.883 0 18.731-18.731 18.731-49.148 0-67.879l-288-288c-18.743-18.747-49.136-18.747-67.883 0z" />
 </font></defs></svg>

package/dist/superdesk-ui.bundle.css

@@ -24367,6 +24367,68 @@ a.label {
 .big-icon--general-ai:before {
   content: ""; }
 
+.big-icon--user {
+  content: ""; }
+  .big-icon--user.color--default {
+    color: var(--color-icon-default); }
+  .big-icon--user.color--primary {
+    color: var(--sd-colour-primary) !important; }
+  .big-icon--user.color--success {
+    color: var(--sd-colour-success) !important; }
+  .big-icon--user.color--warning {
+    color: var(--sd-colour-warning) !important; }
+  .big-icon--user.color--alert {
+    color: var(--sd-colour-alert) !important; }
+  .big-icon--user.color--highlight {
+    color: var(--sd-colour-highlight) !important; }
+  .big-icon--user.color--light {
+    color: var(--color-text-lighter) !important; }
+  .big-icon--user.color--white {
+    color: #e2e5e9 !important; }
+  .big-icon--user.scale--2x {
+    --big-icon-size: 52px
+        ; }
+  .big-icon--user.scale--3x {
+    --big-icon-size: 78px
+        ; }
+  .big-icon--user.scale--4x {
+    --big-icon-size: 104px
+        ; }
+
+.big-icon--user:before {
+  content: ""; }
+
+.big-icon--user-ok {
+  content: ""; }
+  .big-icon--user-ok.color--default {
+    color: var(--color-icon-default); }
+  .big-icon--user-ok.color--primary {
+    color: var(--sd-colour-primary) !important; }
+  .big-icon--user-ok.color--success {
+    color: var(--sd-colour-success) !important; }
+  .big-icon--user-ok.color--warning {
+    color: var(--sd-colour-warning) !important; }
+  .big-icon--user-ok.color--alert {
+    color: var(--sd-colour-alert) !important; }
+  .big-icon--user-ok.color--highlight {
+    color: var(--sd-colour-highlight) !important; }
+  .big-icon--user-ok.color--light {
+    color: var(--color-text-lighter) !important; }
+  .big-icon--user-ok.color--white {
+    color: #e2e5e9 !important; }
+  .big-icon--user-ok.scale--2x {
+    --big-icon-size: 52px
+        ; }
+  .big-icon--user-ok.scale--3x {
+    --big-icon-size: 78px
+        ; }
+  .big-icon--user-ok.scale--4x {
+    --big-icon-size: 104px
+        ; }
+
+.big-icon--user-ok:before {
+  content: ""; }
+
 .modal-open {
   overflow: hidden; }
   .modal-open .dropdown__menu {

package/dist/superdesk-ui.bundle.js

@@ -59378,6 +59378,7 @@ var core_1 = __webpack_require__(45);
 var lodash_1 = __webpack_require__(18);
 var popper_max_size_modifier_1 = __importDefault(__webpack_require__(618));
 var zIndex_1 = __webpack_require__(24);
+var padding = 8;
 var PopupPositioner = /** @class */ (function (_super) {
     __extends(PopupPositioner, _super);
     function PopupPositioner(props) {
@@ -59431,8 +59432,36 @@ var PopupPositioner = /** @class */ (function (_super) {
             fn: function (_a) {
                 var state = _a.state;
                 var height = state.modifiersData.maxSize.height;
-                // subtracting 10 in order to make a gap between the edge of the viewport
-                state.styles.popper.maxHeight = "".concat(height - 10, "px");
+                // subtracting {padding} in order to make a gap between the edge of the viewport
+                state.styles.popper.maxHeight = "".concat(height - padding, "px");
+            },
+        };
+        /**
+         * If popover height is greater than viewport height,
+         * popper will not flip it to direction that has more space available.
+         * This modifier limits popover height to max available
+         * so popper can position it in direction where more space is available.
+         */
+        var restrictHeightToMaxAvailable = {
+            name: 'restrictHeightToMaxAvailable',
+            enabled: true,
+            phase: 'main',
+            fn: lodash_1.noop,
+            // execute this as early as possible not to interfere with popper calculations
+            requires: ['popperOffsets'],
+            effect: function (args) {
+                var popperHeight = args.state.elements.popper.offsetHeight;
+                var viewportHeight = document.body.offsetHeight;
+                var refRect = args.state.elements.reference.getBoundingClientRect();
+                var availableSpaceAbove = refRect.top;
+                var availableSpaceBelow = viewportHeight - refRect.bottom;
+                var availableSpaceMax = Math.max(availableSpaceAbove, availableSpaceBelow);
+                if (popperHeight > availableSpaceMax) {
+                    args.state.elements.popper.style.height = availableSpaceMax + 'px';
+                }
+                return function () {
+                    // no cleanup needed
+                };
             },
         };
         if (this.wrapperEl != null) {
@@ -59444,7 +59473,19 @@ var PopupPositioner = /** @class */ (function (_super) {
                 if (_this.wrapperEl != null) {
                     _this.popper = (0, core_1.createPopper)(_this.props.getReferenceElement(), _this.wrapperEl, {
                         placement: _this.props.placement,
-                        modifiers: [popper_max_size_modifier_1.default, applyMaxSize],
+                        modifiers: [
+                            restrictHeightToMaxAvailable,
+                            {
+                                name: 'preventOverflow',
+                                options: {
+                                    padding: {
+                                        top: padding,
+                                    },
+                                },
+                            },
+                            popper_max_size_modifier_1.default,
+                            applyMaxSize,
+                        ],
                     });
                 }
             }, 50);
@@ -98021,6 +98062,17 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -98063,19 +98115,34 @@ var Card = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     Card.prototype.render = function () {
-        return (React.createElement("div", { style: {
-                width: '100%',
-                background: 'var(--sd-item__main-Bg)',
-                borderRadius: 'var(--b-radius--medium)',
-                padding: "calc( ".concat(this.props.paddingBase, " * var(--base-increment))"),
-                boxShadow: 'var(--sd-shadow--z2)',
-                paddingBlock: this.props.paddingBlock,
-                paddingBlockStart: this.props.paddingBlockStart,
-                paddingBlockEnd: this.props.paddingBlockEnd,
-                paddingInline: this.props.paddingInline,
-                paddingInlineStart: this.props.paddingInlineStart,
-                paddingInlineEnd: this.props.paddingInlineEnd,
-            } }, this.props.children));
+        var style = {
+            width: '100%',
+            background: 'var(--sd-item__main-Bg)',
+            borderRadius: 'var(--b-radius--medium)',
+            boxShadow: 'var(--sd-shadow--z2)',
+        };
+        if (this.props.paddingBase != null) {
+            style.padding = "calc( ".concat(this.props.paddingBase, " * var(--base-increment))");
+        }
+        if (this.props.paddingBlock != null) {
+            style.paddingBlock = this.props.paddingBlock;
+        }
+        if (this.props.paddingBlockStart != null) {
+            style.paddingBlockStart = this.props.paddingBlockStart;
+        }
+        if (this.props.paddingBlockEnd != null) {
+            style.paddingBlockEnd = this.props.paddingBlockEnd;
+        }
+        if (this.props.paddingInline != null) {
+            style.paddingInline = this.props.paddingInline;
+        }
+        if (this.props.paddingInlineStart != null) {
+            style.paddingInlineStart = this.props.paddingInlineStart;
+        }
+        if (this.props.paddingInlineEnd != null) {
+            style.paddingInlineEnd = this.props.paddingInlineEnd;
+        }
+        return (React.createElement("div", { style: __assign(__assign({}, style), this.props.style), "data-test-id": this.props['data-test-id'] }, this.props.children));
     };
     return Card;
 }(React.PureComponent));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "superdesk-ui-framework",
-    "version": "4.0.54",
+    "version": "4.0.56",
     "license": "AGPL-3.0",
     "repository": {
         "type": "git",
@@ -23,7 +23,7 @@
         "build-ui": "webpack && tsc && npm run lint",
         "playground-lint": "tsc -p examples/pages/playgrounds/react-playgrounds --noEmit",
         "format-code": "npx prettier . --write",
-        "lint": "tsc -p tsconfig.json --noEmit && npx prettier . --check && eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint",
+        "lint": "tsc -p tsconfig.json --noEmit && npx prettier . --check && eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint && npm run unit-test",
         "lint-fix": "tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'",
         "prepublishOnly": "npm run build",
         "unit-test": "mocha",

package/react/components/Card.d.ts

@@ -8,6 +8,8 @@ interface IProps extends Pick<React.CSSProperties, 'paddingBlock'> {
     paddingInline?: React.CSSProperties['paddingInline'];
     paddingInlineStart?: React.CSSProperties['paddingInlineStart'];
     paddingInlineEnd?: React.CSSProperties['paddingInlineEnd'];
+    style?: React.CSSProperties;
+    'data-test-id'?: string;
 }
 export declare class Card extends React.PureComponent<IProps> {
     render(): JSX.Element;

package/react/components/Card.js

@@ -14,6 +14,17 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -56,19 +67,34 @@ var Card = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     Card.prototype.render = function () {
-        return (React.createElement("div", { style: {
-                width: '100%',
-                background: 'var(--sd-item__main-Bg)',
-                borderRadius: 'var(--b-radius--medium)',
-                padding: "calc( ".concat(this.props.paddingBase, " * var(--base-increment))"),
-                boxShadow: 'var(--sd-shadow--z2)',
-                paddingBlock: this.props.paddingBlock,
-                paddingBlockStart: this.props.paddingBlockStart,
-                paddingBlockEnd: this.props.paddingBlockEnd,
-                paddingInline: this.props.paddingInline,
-                paddingInlineStart: this.props.paddingInlineStart,
-                paddingInlineEnd: this.props.paddingInlineEnd,
-            } }, this.props.children));
+        var style = {
+            width: '100%',
+            background: 'var(--sd-item__main-Bg)',
+            borderRadius: 'var(--b-radius--medium)',
+            boxShadow: 'var(--sd-shadow--z2)',
+        };
+        if (this.props.paddingBase != null) {
+            style.padding = "calc( ".concat(this.props.paddingBase, " * var(--base-increment))");
+        }
+        if (this.props.paddingBlock != null) {
+            style.paddingBlock = this.props.paddingBlock;
+        }
+        if (this.props.paddingBlockStart != null) {
+            style.paddingBlockStart = this.props.paddingBlockStart;
+        }
+        if (this.props.paddingBlockEnd != null) {
+            style.paddingBlockEnd = this.props.paddingBlockEnd;
+        }
+        if (this.props.paddingInline != null) {
+            style.paddingInline = this.props.paddingInline;
+        }
+        if (this.props.paddingInlineStart != null) {
+            style.paddingInlineStart = this.props.paddingInlineStart;
+        }
+        if (this.props.paddingInlineEnd != null) {
+            style.paddingInlineEnd = this.props.paddingInlineEnd;
+        }
+        return (React.createElement("div", { style: __assign(__assign({}, style), this.props.style), "data-test-id": this.props['data-test-id'] }, this.props.children));
     };
     return Card;
 }(React.PureComponent));

package/react/components/ShowPopup.js

@@ -59,6 +59,7 @@ var core_1 = require("@popperjs/core");
 var lodash_1 = require("lodash");
 var popper_max_size_modifier_1 = __importDefault(require("popper-max-size-modifier"));
 var zIndex_1 = require("../zIndex");
+var padding = 8;
 var PopupPositioner = /** @class */ (function (_super) {
     __extends(PopupPositioner, _super);
     function PopupPositioner(props) {
@@ -112,8 +113,36 @@ var PopupPositioner = /** @class */ (function (_super) {
             fn: function (_a) {
                 var state = _a.state;
                 var height = state.modifiersData.maxSize.height;
-                // subtracting 10 in order to make a gap between the edge of the viewport
-                state.styles.popper.maxHeight = "".concat(height - 10, "px");
+                // subtracting {padding} in order to make a gap between the edge of the viewport
+                state.styles.popper.maxHeight = "".concat(height - padding, "px");
+            },
+        };
+        /**
+         * If popover height is greater than viewport height,
+         * popper will not flip it to direction that has more space available.
+         * This modifier limits popover height to max available
+         * so popper can position it in direction where more space is available.
+         */
+        var restrictHeightToMaxAvailable = {
+            name: 'restrictHeightToMaxAvailable',
+            enabled: true,
+            phase: 'main',
+            fn: lodash_1.noop,
+            // execute this as early as possible not to interfere with popper calculations
+            requires: ['popperOffsets'],
+            effect: function (args) {
+                var popperHeight = args.state.elements.popper.offsetHeight;
+                var viewportHeight = document.body.offsetHeight;
+                var refRect = args.state.elements.reference.getBoundingClientRect();
+                var availableSpaceAbove = refRect.top;
+                var availableSpaceBelow = viewportHeight - refRect.bottom;
+                var availableSpaceMax = Math.max(availableSpaceAbove, availableSpaceBelow);
+                if (popperHeight > availableSpaceMax) {
+                    args.state.elements.popper.style.height = availableSpaceMax + 'px';
+                }
+                return function () {
+                    // no cleanup needed
+                };
             },
         };
         if (this.wrapperEl != null) {
@@ -125,7 +154,19 @@ var PopupPositioner = /** @class */ (function (_super) {
                 if (_this.wrapperEl != null) {
                     _this.popper = (0, core_1.createPopper)(_this.props.getReferenceElement(), _this.wrapperEl, {
                         placement: _this.props.placement,
-                        modifiers: [popper_max_size_modifier_1.default, applyMaxSize],
+                        modifiers: [
+                            restrictHeightToMaxAvailable,
+                            {
+                                name: 'preventOverflow',
+                                options: {
+                                    padding: {
+                                        top: padding,
+                                    },
+                                },
+                            },
+                            popper_max_size_modifier_1.default,
+                            applyMaxSize,
+                        ],
                     });
                 }
             }, 50);