@mptw/skylens-ui 1.3.9 → 1.3.11

package/assets/css/fonts/MEShPlus-font-icon.svg

@@ -194,4 +194,5 @@
 <glyph unicode="&#xe9b8;" glyph-name="filter-search" d="M39.097 882.489c0 21.208 17.192 38.4 38.4 38.4h786.497c21.208 0 38.4-17.192 38.4-38.4v-106.767c-0.006-36.254-14.413-71.027-40.053-96.66 0-0.001 0.003 0.001 0 0l-216.974-216.976c-14.996-14.996-39.31-14.996-54.306 0-14.996 14.999-14.996 39.31 0 54.306l216.974 216.976c11.236 11.231 17.553 26.468 17.559 42.354 0 0.003 0-0.003 0 0v68.367h-709.697v-71.067c0-0.001 0 0.001 0 0 0.003-14.897 5.555-29.264 15.575-40.288 0.001-0.001-0.001 0.001 0 0l220.221-242.241c6.426-7.068 9.984-16.279 9.984-25.83v-364.544l65.462 21.831c20.119 6.707 41.867-4.164 48.575-24.28 6.71-20.119-4.161-41.867-24.28-48.577l-116.008-38.684c-11.711-3.905-24.585-1.943-34.6 5.274-10.012 7.216-15.949 18.81-15.949 31.152v402.981l-210.232 231.258c-22.869 25.16-35.544 57.941-35.548 91.942v109.475zM634.246 325.754c34.856 34.859 82.133 54.44 131.428 54.44 49.297 0 96.572-19.581 131.43-54.44 34.856-34.856 54.44-82.133 54.44-131.428 0-49.297-19.584-96.572-54.44-131.43-34.859-34.856-82.133-54.44-131.43-54.44-49.294 0-96.572 19.584-131.428 54.44-34.859 34.859-54.44 82.133-54.44 131.43 0 49.294 19.581 96.572 54.44 131.428zM765.673 303.394c-28.925 0-56.667-11.492-77.121-31.946s-31.946-48.196-31.946-77.121c0-28.928 11.492-56.67 31.946-77.124s48.196-31.946 77.121-31.946c28.928 0 56.67 11.492 77.124 31.946s31.946 48.196 31.946 77.124c0 28.925-11.492 56.667-31.946 77.121s-48.196 31.946-77.124 31.946zM846.649 113.365c14.996 14.996 39.31 14.996 54.306 0l88.482-88.482c14.996-14.996 14.996-39.31 0-54.306s-39.31-14.996-54.306 0l-88.482 88.482c-14.996 14.996-14.996 39.307 0 54.306z" />
 <glyph unicode="&#xe9b9;" glyph-name="venn" d="M512 470.666c-50.067 44.811-115.903 72.364-188.158 73.309l-0.132 0.257c8.783-0.111 17.471-0.616 26.048-1.496l177.768 307.901c14.772-1.073 29.122-3.666 42.895-7.622l-177.818-307.99c11.905-3.092 23.51-6.926 34.764-11.45l176.926 306.445c12.366-6.017 24.057-13.206 34.929-21.422l-174.954-303.029c10.392-6.026 20.372-12.684 29.889-19.92l172.289 298.41c10.112-10.842 19.104-22.749 26.778-35.536l-143.939-249.31c17.977 11.472 37.313 21.003 57.711 28.298l104.717 181.373c6.752-19.588 10.707-40.481 11.386-62.201l-60.877-105.436c12.448 1.809 25.158 2.821 38.067 2.984l-0.128-0.257c-72.257-0.945-138.093-28.498-188.16-73.309zM485.51 849.555l-168.255-291.427c-7.414 17.615-12.509 36.447-14.9 56.113l127.158 220.244c17.574 7.463 36.367 12.613 55.997 15.069zM374.764 804.46l-75.573-122.413c-5.441 32 26.559 96 75.573 122.413zM512 928c-9.908 0-19.699-0.5-29.348-1.477l0.157 0.271c-15.854-1.596-31.329-4.478-46.319-8.539l-0.175-0.303c-21.636-5.877-42.259-14.213-61.551-24.689l0.215 0.372c-28.33-15.352-53.795-35.317-75.388-58.887l-0.4-0.693c-27.77-30.436-49.097-66.851-61.827-107.087l-0.178-0.308c-8.567-27.276-13.186-56.301-13.186-86.404v-0.255c0-37.464 7.153-73.257 20.168-106.088-122.268-33.284-212.168-145.1-212.168-277.912 0-159.059 128.942-288 288-288 73.762 0 141.048 27.731 192 73.331 50.952-45.6 118.238-73.331 192-73.331 159.059 0 288 128.941 288 288 0 132.813-89.901 244.628-212.166 277.912 13.011 32.831 20.166 68.625 20.166 106.088 0 19.888-2.016 39.305-5.856 58.058l0.038 0.067c-3.334 16.343-8.051 32.183-14.022 47.392l-0.064-0.104c-6.048 15.372-13.382 30.098-21.862 44.046l0.070 0.131c-6.854 11.282-14.458 22.055-22.752 32.25l-0.083-0.149c-9.011 11.068-18.829 21.454-29.363 31.069l0.096 0.167c-8.922 8.153-18.355 15.752-28.256 22.742l-0.102-0.182c-11.136 7.855-22.854 14.94-35.072 21.179l0.115 0.197c-10.662 5.448-21.707 10.252-33.085 14.359l-0.122-0.211c-13.161 4.744-26.767 8.557-40.739 11.359l0.132 0.229c-12.547 2.522-25.388 4.229-38.467 5.063l-0.142-0.246c-6.105 0.386-12.262 0.582-18.465 0.582zM436.169 362.088c-13.016-32.831-20.169-68.622-20.169-106.088 0-57.613 16.918-111.277 46.055-156.288-37.512-34.118-87.355-54.912-142.055-54.912-116.643 0-211.2 94.56-211.2 211.2 0 104.341 75.664 191.010 175.117 208.13 37.779-48.922 90.947-85.354 152.252-102.042zM740.083 464.13c99.45-17.12 175.117-103.789 175.117-208.13 0-116.64-94.56-211.2-211.2-211.2-54.701 0-104.543 20.794-142.055 54.912 29.138 45.011 46.055 98.675 46.055 156.288 0 37.466-7.153 73.257-20.168 106.088 61.308 16.689 114.472 53.12 152.252 102.042z" />
 <glyph unicode="&#xe9ba;" glyph-name="filter-funnel" d="M88.482 810.021c-0.489-1.206-0.639-1.946-0.685-2.263-0.015-0.108-0.022-0.181-0.024-0.226 0.124-0.366 0.667-1.597 2.58-3.711l0.086-0.095 389-433.001c6.030-6.712 9.366-15.417 9.366-24.44v-280.004c0-1.068 0.148-2.172 0.604-3.445 0.575-0.527 1.197-0.914 1.958-1.258 0.477-0.219 0.949-0.446 1.416-0.68l50.879-25.819v311.207c0 9.023 3.336 17.728 9.366 24.44l389.088 433.096c1.324 1.461 1.902 2.434 2.121 2.864 0.007 0.023 0.022 0.045 0.029 0.065-0.073 0.38-0.307 1.268-1.002 2.709l-0.505 1.096c-0.724 1.65-1.317 2.489-1.58 2.82-0.022 0.021-0.037 0.041-0.051 0.059-0.336 0.090-1.236 0.279-2.896 0.279h-843.998c-1.676 0-2.638-0.193-3.068-0.309-0.218-0.059-0.337-0.107-0.383-0.127l-0.062-0.031-0.116-0.093c-0.078-0.068-0.223-0.208-0.429-0.453-0.367-0.437-0.97-1.265-1.693-2.679zM87.741 807.649c0.002 0 0.010-0.028 0.020-0.082zM51.248 874.824c13.312 8.534 28.172 12.033 42.986 12.033h843.998c14.789 0 29.755-3.49 43.103-12.269 13.136-8.641 22.192-20.763 28.131-34.024 6.385-13.528 9.611-28.759 7.175-44.78-2.458-16.14-10.167-29.827-20.231-40.97-0.015-0.021-0.037-0.043-0.059-0.065l-379.546-422.479v-314.987c0-21.848-10.448-40.675-29.195-52.027-18.289-11.783-39.719-13.4-59.702-4.176-0.412 0.19-0.82 0.388-1.224 0.592l-66.401 33.697c-12.989 6.071-23.804 15.221-32.010 26.946-0.779 1.112-1.496 2.267-2.146 3.46-6.796 12.456-10.465 26.119-10.465 40.507v265.988l-379.548 422.479c-0.016 0.018-0.033 0.037-0.049 0.054-9.953 11.017-17.619 24.44-20.362 40.216-2.766 15.904-0.007 31.214 6.056 44.995l0.504 1.097c6.353 13.236 15.731 25.217 28.984 33.713z" />
+<glyph unicode="&#xe9bb;" glyph-name="txt" d="M374.726 948h340.998l281.005-282v-584.003c0-36.666-13.338-67.994-40-93.997-26.003-26.669-57.338-40-94.003-40h-488c-36.666 0-68.333 13.331-95 40-26 26.003-39 57.331-39 93.997v14.003h86v-14.003c0-13.331 4.667-24.666 14-33.997s20.667-14.003 34-14.003h488c13.331 0 24.666 4.672 34.003 14.003 9.331 9.331 13.997 20.666 13.997 33.997v567.003h-108.998c-28.666 0-53.338 10.001-74.003 30.001-20 20.666-29.997 45.333-29.997 73.999v109h-323.002c-13.333 0-24.666-4.667-34-14s-14-20.667-14-34v-270h-86v270c0 36.667 13 68 39 94 26.666 26.667 58.333 40 95 40zM674.246 429.301v-277.116h74.867v277.116h93.587v62.088h-262.045v-62.088h93.591zM294.273 152.186l94.045 174.397-89.023 164.806h83.088l30.588-65.74c3.956-7.913 7.761-16.283 11.413-25.109 3.956-8.826 8.522-18.565 13.696-29.218h1.826c3.956 10.653 7.761 20.392 11.413 29.218s7.152 17.196 10.5 25.109l28.305 65.74h78.979l-88.566-168.003 94.501-171.201h-82.632l-34.696 70.765c-4.26 8.525-8.522 17.35-12.783 26.477-3.956 9.434-8.369 19.328-13.239 29.677h-1.826c-4.261-10.349-8.37-20.243-12.326-29.677-3.652-9.126-7.457-17.952-11.413-26.477l-32.87-70.765h-78.979zM119.188 429.3v-277.114h74.87v277.114h93.588v62.088h-262.047v-62.088h93.588z" />
 </font></defs></svg>

package/assets/css/icons.css

@@ -1,17 +1,16 @@
 @font-face {
   font-family: 'MEShPlus-font-icon';
-  src: url('fonts/MEShPlus-font-icon.eot?s3r2ej');
-  src: url('fonts/MEShPlus-font-icon.eot?s3r2ej#iefix') format('embedded-opentype'),
-    url('fonts/MEShPlus-font-icon.ttf?s3r2ej') format('truetype'),
-    url('fonts/MEShPlus-font-icon.woff?s3r2ej') format('woff'),
-    url('fonts/MEShPlus-font-icon.svg?s3r2ej#MEShPlus-font-icon') format('svg');
+  src:  url('fonts/MEShPlus-font-icon.eot?1oxse');
+  src:  url('fonts/MEShPlus-font-icon.eot?1oxse#iefix') format('embedded-opentype'),
+    url('fonts/MEShPlus-font-icon.ttf?1oxse') format('truetype'),
+    url('fonts/MEShPlus-font-icon.woff?1oxse') format('woff'),
+    url('fonts/MEShPlus-font-icon.svg?1oxse#MEShPlus-font-icon') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
 }
 
-[class^="icon-"],
-[class*=" icon-"] {
+[class^="icon-"], [class*=" icon-"] {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: 'MEShPlus-font-icon' !important;
   speak: never;
@@ -28,748 +27,722 @@
 
 .icon-insight-icon:before {
   content: "\e961";
+  color: #424242;
 }
-
 .icon-X:before {
   content: "\e962";
+  color: #424242;
 }
-
 .icon-lock:before {
   content: "\e963";
+  color: #424242;
 }
-
 .icon-mail:before {
   content: "\e964";
+  color: #424242;
 }
-
 .icon-loading-circle:before {
   content: "\e960";
+  color: #424242;
 }
-
 .icon-edit:before {
   content: "\e95f";
+  color: #424242;
 }
-
 .icon-angle-double-down:before {
   content: "\e91f";
+  color: #424242;
 }
-
 .icon-angle-double-up:before {
   content: "\e947";
+  color: #424242;
 }
-
 .icon-angle-double-left:before {
   content: "\e902";
+  color: #424242;
 }
-
 .icon-angle-double-right:before {
   content: "\e903";
+  color: #424242;
 }
-
 .icon-arrow2-down:before {
   content: "\e948";
+  color: #424242;
 }
-
 .icon-arrow2-left:before {
   content: "\e949";
+  color: #424242;
 }
-
 .icon-arrow2-right:before {
   content: "\e94a";
+  color: #424242;
 }
-
 .icon-arrow2-up:before {
   content: "\e94b";
+  color: #424242;
 }
-
 .icon-arrow-left:before {
   content: "\e94c";
+  color: #424242;
 }
-
 .icon-arrow-right:before {
   content: "\e94d";
+  color: #424242;
 }
-
 .icon-arrow-down:before {
   content: "\e904";
+  color: #424242;
 }
-
 .icon-arrow-up:before {
   content: "\e905";
+  color: #424242;
 }
-
 .icon-book:before {
   content: "\e94e";
+  color: #424242;
 }
-
 .icon-update:before {
   content: "\e951";
+  color: #424242;
 }
-
 .icon-wrench:before {
   content: "\e952";
+  color: #424242;
 }
-
 .icon-Agent:before {
   content: "\e953";
 }
-
 .icon-Customer:before {
   content: "\e954";
 }
-
 .icon-Drag:before {
   content: "\e955";
 }
-
 .icon-exchange:before {
   content: "\e956";
 }
-
 .icon-flag:before {
   content: "\e957";
 }
-
 .icon-home:before {
   content: "\e958";
 }
-
 .icon-pps:before {
   content: "\e959";
 }
-
 .icon-pps-mirror:before {
   content: "\e95a";
 }
-
 .icon-Report:before {
   content: "\e95b";
 }
-
 .icon-three-dot:before {
   content: "\e95c";
 }
-
 .icon-three-dot-v:before {
   content: "\e95d";
+  color: #424242;
 }
-
 .icon-trashcan:before {
   content: "\e95e";
 }
-
 .icon-trash:before {
   content: "\e900";
+  color: #424242;
 }
-
 .icon-address-book:before {
   content: "\e901";
+  color: #424242;
 }
-
 .icon-box-open:before {
   content: "\e906";
+  color: #424242;
 }
-
 .icon-box:before {
   content: "\e907";
+  color: #424242;
 }
-
 .icon-broadcast-tower:before {
   content: "\e908";
+  color: #424242;
 }
-
 .icon-calendar-done:before {
   content: "\e909";
+  color: #424242;
 }
-
 .icon-calendar-plus:before {
   content: "\e90a";
+  color: #424242;
 }
-
 .icon-calendar:before {
   content: "\e90b";
+  color: #424242;
 }
-
 .icon-caret-right:before {
   content: "\e950";
+  color: #424242;
 }
-
 .icon-caret-left:before {
   content: "\e94f";
+  color: #424242;
 }
-
 .icon-caret-down:before {
   content: "\e90c";
+  color: #424242;
 }
-
 .icon-caret-up:before {
   content: "\e90d";
+  color: #424242;
 }
-
 .icon-chart_with_num:before {
   content: "\e90e";
+  color: #424242;
 }
-
 .icon-chart_without_num:before {
   content: "\e90f";
+  color: #424242;
 }
-
 .icon-chart-bar:before {
   content: "\e910";
+  color: #424242;
 }
-
 .icon-chart-line:before {
   content: "\e911";
+  color: #424242;
 }
-
 .icon-chart-pie-alt:before {
   content: "\e912";
+  color: #424242;
 }
-
 .icon-chart-scatter:before {
   content: "\e913";
+  color: #424242;
 }
-
 .icon-cheers:before {
   content: "\e916";
+  color: #424242;
 }
-
 .icon-chevron-down:before {
   content: "\e917";
+  color: #424242;
 }
-
 .icon-chevron-left:before {
   content: "\e918";
+  color: #424242;
 }
-
 .icon-chevron-right:before {
   content: "\e919";
+  color: #424242;
 }
-
 .icon-chevron-up:before {
   content: "\e91a";
+  color: #424242;
 }
-
 .icon-circle:before {
   content: "\e91b";
+  color: #424242;
 }
-
 .icon-check-circle:before {
   content: "\e914";
+  color: #424242;
 }
-
 .icon-dot-circle:before {
   content: "\e91e";
+  color: #424242;
 }
-
 .icon-clipboard:before {
   content: "\e91c";
+  color: #424242;
 }
-
 .icon-equals:before {
   content: "\e920";
+  color: #424242;
 }
-
 .icon-exclamation-circle:before {
   content: "\e921";
+  color: #424242;
 }
-
 .icon-exclamation-triangle:before {
   content: "\e922";
 }
-
 .icon-external-link-alt:before {
   content: "\e923";
+  color: #424242;
 }
-
 .icon-eye-slash:before {
   content: "\e924";
+  color: #424242;
 }
-
 .icon-eye:before {
   content: "\e925";
+  color: #424242;
 }
-
 .icon-female:before {
   content: "\e926";
+  color: #424242;
 }
-
 .icon-file-excel:before {
   content: "\e927";
+  color: #424242;
 }
-
 .icon-file-image:before {
   content: "\e928";
+  color: #424242;
 }
-
 .icon-heat-map:before {
   content: "\e929";
+  color: #424242;
 }
-
 .icon-info-circle:before {
   content: "\e92a";
+  color: #424242;
 }
-
 .icon-list:before {
   content: "\e92b";
+  color: #424242;
 }
-
 .icon-male:before {
   content: "\e92c";
+  color: #424242;
 }
-
 .icon-map-marker-alt:before {
   content: "\e92d";
+  color: #424242;
 }
-
 .icon-check-square:before {
   content: "\e915";
+  color: #424242;
 }
-
 .icon-square:before {
   content: "\e93d";
+  color: #424242;
 }
-
 .icon-minus-square:before {
   content: "\e92e";
+  color: #424242;
 }
-
 .icon-new:before {
   content: "\e92f";
+  color: #424242;
 }
-
 .icon-person-cog:before {
   content: "\e930";
+  color: #424242;
 }
-
 .icon-personal-info:before {
   content: "\e931";
+  color: #424242;
 }
-
 .icon-plus:before {
   content: "\e932";
+  color: #424242;
 }
-
 .icon-project-info:before {
   content: "\e933";
+  color: #424242;
 }
-
 .icon-search:before {
   content: "\e934";
+  color: #424242;
 }
-
 .icon-sign-out-alt:before {
   content: "\e935";
+  color: #424242;
 }
-
 .icon-skylens-basic:before {
   content: "\e936";
+  color: #424242;
 }
-
 .icon-skylens-poi:before {
   content: "\e937";
+  color: #424242;
 }
-
 .icon-skylens-ta:before {
   content: "\e938";
+  color: #424242;
 }
-
 .icon-skylens-traffic:before {
   content: "\e939";
+  color: #424242;
 }
-
 .icon-smile-arrow:before {
   content: "\e93a";
+  color: #424242;
 }
-
 .icon-sort-down:before {
   content: "\e93b";
+  color: #424242;
 }
-
 .icon-sort-up:before {
   content: "\e93c";
+  color: #424242;
 }
-
 .icon-start-flag:before {
   content: "\e93e";
+  color: #424242;
 }
-
 .icon-sync-alt:before {
   content: "\e93f";
+  color: #424242;
 }
-
 .icon-tag:before {
   content: "\e940";
+  color: #424242;
 }
-
 .icon-th-with-bar:before {
   content: "\e941";
+  color: #424242;
 }
-
 .icon-th:before {
   content: "\e942";
+  color: #424242;
 }
-
 .icon-times:before {
   content: "\e943";
+  color: #424242;
 }
-
 .icon-unique:before {
   content: "\e944";
+  color: #424242;
 }
-
 .icon-unknown-gender:before {
   content: "\e945";
+  color: #424242;
 }
-
 .icon-web:before {
   content: "\e946";
+  color: #424242;
 }
-
 .icon-check-circle-line:before {
   content: "\e965";
+  color: #424242;
 }
-
 .icon-x-circle-line:before {
   content: "\e966";
+  color: #424242;
 }
-
 .icon-pin:before {
   content: "\e967";
+  color: #424242;
 }
-
 .icon-external-link-2:before {
   content: "\e968";
+  color: #424242;
 }
-
 .icon-lengthen:before {
   content: "\e969";
+  color: #424242;
 }
-
 .icon-shorten:before {
   content: "\e96a";
+  color: #424242;
 }
-
 .icon-adjust-2line:before {
   content: "\e96b";
+  color: #424242;
 }
-
 .icon-adjust:before {
   content: "\e96c";
+  color: #424242;
 }
-
 .icon-audience-line:before {
   content: "\e96d";
+  color: #424242;
 }
-
 .icon-audience-solid:before {
   content: "\e96e";
+  color: #424242;
 }
-
 .icon-chart_without_num-line:before {
   content: "\e96f";
+  color: #424242;
 }
-
 .icon-cog-line:before {
   content: "\e970";
+  color: #424242;
 }
-
 .icon-cog:before {
   content: "\e91d";
+  color: #424242;
 }
-
 .icon-customer-money-line:before {
   content: "\e971";
+  color: #424242;
 }
-
 .icon-customer-money-solid:before {
   content: "\e972";
+  color: #424242;
 }
-
 .icon-extend:before {
   content: "\e973";
+  color: #424242;
 }
-
 .icon-shrink:before {
   content: "\e979";
 }
-
 .icon-infor-line:before {
   content: "\e974";
+  color: #424242;
 }
-
 .icon-notice-line:before {
   content: "\e975";
+  color: #424242;
 }
-
 .icon-notice-solid:before {
   content: "\e976";
+  color: #424242;
 }
-
 .icon-support-solid:before {
   content: "\e977";
+  color: #424242;
 }
-
 .icon-support-line:before {
   content: "\e978";
 }
-
 .icon-extend-solid:before {
   content: "\e97a";
+  color: #424242;
 }
-
 .icon-shrink-solid:before {
   content: "\e97b";
+  color: #424242;
 }
-
 .icon-drag:before {
   content: "\e97c";
+  color: #424242;
 }
-
 .icon-www-earth:before {
   content: "\e97d";
 }
-
 .icon-earth:before {
   content: "\e97e";
 }
-
 .icon-wait:before {
   content: "\e97f";
 }
-
 .icon-pin-line:before {
   content: "\e980";
+  color: #424242;
 }
-
 .icon-pause:before {
   content: "\e981";
+  color: #424242;
 }
-
 .icon-map-marker:before {
   content: "\e982";
+  color: #424242;
 }
-
 .icon-info-solid:before {
   content: "\e983";
+  color: #424242;
 }
-
 .icon-map-marker-hide:before {
   content: "\e984";
+  color: #424242;
 }
-
 .icon-wwwearth-with-map:before {
   content: "\e985";
+  color: #424242;
 }
-
 .icon-earth-with-map:before {
   content: "\e987";
+  color: #424242;
 }
-
 .icon-percent:before {
   content: "\e988";
+  color: #424242;
 }
-
 .icon-num:before {
   content: "\e989";
+  color: #424242;
 }
-
 .icon-new-circle:before {
   content: "\e98a";
 }
-
 .icon-group:before {
   content: "\e98b";
 }
-
 .icon-filter:before {
   content: "\e98d";
 }
-
 .icon-eye-slash-line:before {
   content: "\e98e";
+  color: #424242;
 }
-
 .icon-empty:before {
   content: "\e98f";
+  color: #424242;
 }
-
 .icon-download:before {
   content: "\e990";
+  color: #424242;
 }
-
 .icon-ascending:before {
   content: "\e991";
+  color: #424242;
 }
-
 .icon-descending:before {
   content: "\e992";
+  color: #424242;
 }
-
 .icon-triangle-up-small:before {
   content: "\e993";
 }
-
 .icon-triangle-down-small:before {
   content: "\e994";
 }
-
 .icon-filter-on:before {
   content: "\e98c";
 }
-
 .icon-travel:before {
   content: "\e995";
+  color: #424242;
 }
-
 .icon-star:before {
   content: "\e996";
+  color: #424242;
 }
-
 .icon-Study:before {
   content: "\e997";
+  color: #424242;
 }
-
 .icon-glasses:before {
   content: "\e998";
+  color: #424242;
 }
-
 .icon-diamond:before {
   content: "\e999";
+  color: #424242;
 }
-
 .icon-creative:before {
   content: "\e99a";
+  color: #424242;
 }
-
 .icon-clothes:before {
   content: "\e99b";
+  color: #424242;
 }
-
 .icon-case:before {
   content: "\e99c";
+  color: #424242;
 }
-
 .icon-add:before {
   content: "\e99d";
+  color: #424242;
 }
-
 .icon-man:before {
   content: "\e99e";
+  color: #424242;
 }
-
 .icon-woman:before {
   content: "\e99f";
+  color: #424242;
 }
-
 .icon-visit-group:before {
   content: "\e9a0";
+  color: #424242;
 }
-
 .icon-TA-profile:before {
   content: "\e9a1";
+  color: #424242;
 }
-
 .icon-favicon-default:before {
   content: "\e9a2";
+  color: #424242;
 }
-
 .icon-unfold:before {
   content: "\e9a3";
+  color: #424242;
 }
-
 .icon-fold:before {
   content: "\e9a4";
+  color: #424242;
 }
-
 .icon-chart-scatter-smalldot:before {
   content: "\e9a5";
+  color: #424242;
 }
-
 .icon-relative:before {
   content: "\e9a6";
+  color: #424242;
 }
-
 .icon-folder:before {
   content: "\e9a7";
+  color: #424242;
 }
-
 .icon-target:before {
   content: "\e9a8";
+  color: #424242;
 }
-
 .icon-folder-check:before {
   content: "\e9a9";
+  color: #424242;
 }
-
 .icon-star-circle:before {
   content: "\e9aa";
+  color: #424242;
 }
-
 .icon-edit-name:before {
   content: "\e9ab";
+  color: #424242;
 }
-
 .icon-finger-point:before {
   content: "\e9ac";
 }
-
 .icon-add-person:before {
   content: "\e9ad";
+  color: #424242;
 }
-
 .icon-check-with-circle-thin:before {
   content: "\e9ae";
 }
-
 .icon-check:before {
   content: "\e9af";
 }
-
 .icon-caret-right_line:before {
   content: "\e986";
+  color: #424242;
 }
-
 .icon-caret-left_line:before {
   content: "\e9b0";
 }
-
 .icon-caret-down_line:before {
   content: "\e9b1";
 }
-
 .icon-caret-up_line:before {
   content: "\e9b2";
 }
-
 .icon-report-people:before {
   content: "\e9b3";
+  color: #424242;
 }
-
 .icon-ad:before {
   content: "\e9b4";
+  color: #424242;
 }
-
 .icon-re-pack:before {
   content: "\e9b5";
+  color: #424242;
 }
-
 .icon-draft-thick:before {
   content: "\e9b6";
+  color: #424242;
 }
-
 .icon-draft-thin:before {
   content: "\e9b7";
+  color: #424242;
 }
-
 .icon-filter-search:before {
   content: "\e9b8";
+  color: #424242;
 }
-
 .icon-venn:before {
   content: "\e9b9";
 }
-
 .icon-filter-funnel:before {
   content: "\e9ba";
-}
+}
+.icon-txt:before {
+  content: "\e9bb";
+  color: #424242;
+}

package/components/SLModal.vue

@@ -290,7 +290,8 @@ export default defineComponent({
 
 <style lang="stylus" scoped>
 .modal
-  @apply fixed top-0 left-0 w-full h-full overflow-hidden
+  @apply z-50 fixed top-0 left-0 w-full h-full overflow-hidden
+
   &.modal-centered
     @apply flex items-center
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mptw/skylens-ui",
   "type": "module",
-  "version": "1.3.9",
+  "version": "1.3.11",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",