testio-tailwind 3.18.0 → 3.20.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "testio-tailwind",
-	"version": "3.18.0",
+	"version": "3.20.0",
 	"description": "Tailwind based design system for Test IO",
 	"scripts": {
 		"clean": "del dist --force",

package/src/_includes/page-with-sidebar-dark.njk

@@ -41,7 +41,7 @@
           <summary class="btn btn-sm btn-secondary inline-block cursor-pointer mb-2">
             Show source
           </summary>
-          <div class="prose max-w-none bg-gray-light p-2 rounded mb-1">
+          <div class="ds-card-codeexample">
             <pre><code class="html-preview">{{ section.templateContent | trim }}</code></pre>
           </div>
         </details>

package/src/_includes/page-with-sidebar.njk

@@ -35,7 +35,7 @@
           <summary class="btn btn-sm btn-secondary inline-block cursor-pointer mb-2">
             Show source
           </summary>
-          <div class="prose max-w-none bg-gray-light p-2 rounded mb-1">
+          <div class="ds-card-codeexample">
             <pre><code class="html-preview">{{ section.templateContent | trim }}</code></pre>
           </div>
         </details>

package/src/assets/fonts/testio.svg

@@ -229,7 +229,7 @@
 <glyph unicode="&#xe9d7;" glyph-name="xray" horiz-adv-x="256" d="M59.52-25.6l58.88 217.063 114.329 26.726-173.209-243.789zM238.439 232.653l-225.459-52.685 80.973 139.29 87.808 0.743 56.679-87.347zM176.281 486.4l-176.281-303.309v136.909l176.281 166.4z" />
 <glyph unicode="&#xe9d8;" glyph-name="console-lg" horiz-adv-x="730" d="M0-38.4h729.6v230.4h-729.6v-230.4zM25.6 166.4h678.4v-179.2h-678.4v76.8h307.2v25.6h-307.2v76.8zM627.2 76.8c0-14.131-11.469-25.6-25.6-25.6s-25.6 11.469-25.6 25.6c0 14.131 11.469 25.6 25.6 25.6s25.6-11.469 25.6-25.6zM445.491 473.6c-21.594 0-42.726-7.488-55.091-18.522-8.883-7.898-32-10.97-32-10.97s-23.117 3.072-32 10.97c-12.327 11.034-33.472 18.522-55.065 18.522-18.637 0-37.606-5.581-51.584-19.251-29.504-28.813-53.351-98.291-53.351-163.827 0-50.163 29.184-72.921 60.608-72.921 18.112 0 36.954 7.539 51.392 21.734 22.873 22.528 25.037 26.035 39.987 43.878h80.013c15.040-17.843 17.113-21.351 40-43.878 14.438-14.195 33.267-21.734 51.366-21.734 31.437 0 60.634 22.745 60.634 72.921 0 65.536-23.846 135.015-53.363 163.827-13.978 13.671-32.921 19.251-51.546 19.251zM271.334 448c17.267 0 32.243-6.361 38.899-12.327 13.094-11.648 35.84-15.744 45.005-16.96l3.161-0.423 3.161 0.423c9.165 1.216 31.911 5.312 45.031 16.986 6.643 5.926 21.645 12.301 38.899 12.301 8.217 0 23.642-1.587 34.534-12.262 22.413-21.875 45.606-82.176 45.606-145.216 0-30.067-13.069-47.321-35.865-47.321-12.301 0-24.807 5.351-34.279 14.669-18.074 17.792-22.298 22.861-31.552 33.959l-6.861 8.205-7.411 8.781h-102.579l-7.399-8.832-6.233-7.462c-9.702-11.673-13.709-16.499-32.128-34.637-9.498-9.331-22.003-14.681-34.317-14.681-22.784 0-35.84 17.255-35.84 47.321 0 63.040 23.194 123.341 45.632 145.242 10.855 10.649 26.291 12.237 34.535 12.237zM268.8 307.2c-7.079 0-12.8 5.734-12.8 12.8v76.8c0 7.065 5.721 12.8 12.8 12.8s12.8-5.735 12.8-12.8v-76.8c0-7.066-5.721-12.8-12.8-12.8zM320 358.4c0-7.065-5.721-12.8-12.8-12.8h-76.8c-7.078 0-12.8 5.734-12.8 12.8s5.721 12.8 12.8 12.8h76.8c7.079 0 12.8-5.734 12.8-12.8zM396.8 371.2h25.6v-25.6h-25.6v25.6zM435.2 409.6h25.6v-25.6h-25.6v25.6zM473.6 371.2h25.6v-25.6h-25.6v25.6zM435.2 332.8h25.6v-25.6h-25.6v25.6z" />
 <glyph unicode="&#xe9d9;" glyph-name="streaming-android-lg" horiz-adv-x="730" d="M524.8 473.6v-512h204.8v512h-204.8zM704-12.8h-153.6v460.8h153.6v-460.8zM627.2 64c28.275 0 51.2 22.925 51.2 51.2s-22.925 51.2-51.2 51.2c-28.275 0-51.2-22.925-51.2-51.2s22.925-51.2 51.2-51.2zM627.2 140.8c14.144 0 25.6-11.456 25.6-25.6s-11.456-25.6-25.6-25.6c-14.144 0-25.6 11.456-25.6 25.6s11.456 25.6 25.6 25.6zM576 236.8c0 10.599 8.601 19.2 19.2 19.2s19.2-8.601 19.2-19.2c0-10.599-8.601-19.2-19.2-19.2s-19.2 8.601-19.2 19.2zM640 236.8c0 10.599 8.601 19.2 19.2 19.2s19.2-8.601 19.2-19.2c0-10.599-8.601-19.2-19.2-19.2s-19.2 8.601-19.2 19.2zM576 300.8c0 10.599 8.601 19.2 19.2 19.2s19.2-8.601 19.2-19.2c0-10.598-8.601-19.2-19.2-19.2s-19.2 8.601-19.2 19.2zM640 300.8c0 10.599 8.601 19.2 19.2 19.2s19.2-8.601 19.2-19.2c0-10.598-8.601-19.2-19.2-19.2s-19.2 8.601-19.2 19.2zM499.2 473.6h-499.2v-307.2h25.6v281.6h448v-460.8h-268.8v-25.6h294.4v512zM12.8 38.4c-7.066 0-12.8-5.735-12.8-12.8s5.734-12.8 12.8-12.8c21.21 0 38.4-17.19 38.4-38.4 0-7.065 5.734-12.8 12.8-12.8s12.8 5.735 12.8 12.8c0 35.341-28.659 64-64 64zM12.8 89.6c-7.066 0-12.8-5.735-12.8-12.8s5.734-12.8 12.8-12.8c49.485 0 89.6-40.115 89.6-89.6 0-7.066 5.734-12.8 12.8-12.8s12.8 5.735 12.8 12.8c0 63.629-51.571 115.2-115.2 115.2zM12.8 140.8c-7.066 0-12.8-5.735-12.8-12.8s5.734-12.8 12.8-12.8c77.76 0 140.8-63.040 140.8-140.8 0-7.066 5.734-12.8 12.8-12.8s12.8 5.735 12.8 12.8c0 91.904-74.496 166.4-166.4 166.4zM332.019 277.619c-7.514 0-13.632-6.055-13.696-13.568v-54.4c-0.512-5.184 1.971-10.202 6.4-12.954s10.035-2.752 14.451 0c4.429 2.752 6.912 7.769 6.413 12.954v54.4c-0.077 7.463-6.106 13.491-13.568 13.568zM168.819 277.619c-7.513 0-13.619-6.055-13.696-13.568v-54.4c-0.499-5.184 1.984-10.202 6.413-12.954s10.023-2.752 14.451 0c4.429 2.752 6.912 7.769 6.4 12.954v54.4c-0.064 7.463-6.106 13.491-13.568 13.568zM189.171 189.171c0-11.238 9.113-20.352 20.352-20.352h6.912v-27.264c0-7.488 6.080-13.568 13.568-13.568 7.501 0 13.568 6.080 13.568 13.568v27.264h13.568v-27.264c0.678-7.014 6.579-12.365 13.632-12.365s12.954 5.351 13.632 12.365v27.264h6.784c11.238 0 20.352 9.113 20.352 20.352v74.88h-122.368v-74.88zM275.571 326.502l8.576 16.64c0.217 0.371 0.281 0.819 0.154 1.229-0.115 0.423-0.409 0.768-0.793 0.947-0.384 0.231-0.858 0.295-1.293 0.179-0.435-0.128-0.793-0.423-1.011-0.819l-8.704-16.755c-7.079 2.662-14.579 4.045-22.144 4.083-7.526-0.026-14.989-1.408-22.016-4.083l-8.704 16.755c-0.345 0.781-1.229 1.178-2.048 0.896-0.41-0.154-0.73-0.487-0.87-0.909-0.154-0.41-0.115-0.87 0.102-1.267l8.576-16.64c-19.648-8.883-33.165-27.456-35.584-48.883h121.6c-2.317 21.465-15.872 40.089-35.584 48.883l-0.256-0.256zM223.219 288.115c-3.981 0-7.577 2.393-9.101 6.080s-0.691 7.923 2.137 10.739c2.816 2.816 7.053 3.661 10.739 2.138s6.080-5.12 6.080-9.101c0-2.624-1.037-5.12-2.88-6.976-1.856-1.843-4.365-2.88-6.976-2.88zM277.619 288.115c-3.993 0-7.577 2.393-9.101 6.080-1.536 3.686-0.691 7.923 2.125 10.739 2.829 2.816 7.065 3.661 10.752 2.138 3.673-1.523 6.080-5.12 6.080-9.101 0-2.624-1.037-5.12-2.893-6.976-1.843-1.843-4.352-2.88-6.963-2.88z" />
-<glyph unicode="&#xe9da;" glyph-name="android" d="M432 326.4c-17.613 0-32-14.413-32-32v-128c0-17.613 14.413-32 32-32s32 14.413 32 32v128c0 17.613-14.413 32-32 32zM48 326.4c-17.613 0-32-14.413-32-32v-128c0-17.613 14.413-32 32-32s32 14.413 32 32v128c0 17.613-14.413 32-32 32zM96 118.4c0-26.522 21.478-48 48-48h16v-64c0-17.613 14.413-32 32-32s32 14.413 32 32v64h32v-64c0-17.613 14.413-32 32-32s32 14.413 32 32v64h16c26.522 0 48 21.478 48 48v176h-288v-176zM299.289 441.651l20.25 38.887c1.024 1.945 0.256 4.377-1.69 5.401s-4.377 0.256-5.401-1.69l-20.557-39.475c-16.103 6.221-33.613 9.651-51.891 9.651s-35.789-3.43-51.891-9.651l-20.557 39.475c-0.999 1.945-3.43 2.714-5.401 1.69s-2.714-3.43-1.69-5.401l20.25-38.912c-45.312-20.505-78.131-63.795-83.814-115.251h286.233c-5.683 51.456-38.502 94.745-83.815 115.251zM176 351.207c-12.826 0-23.194 10.394-23.194 23.193s10.393 23.194 23.194 23.194 23.194-10.394 23.194-23.194c0-12.825-10.393-23.193-23.194-23.193zM304 351.207c-12.825 0-23.193 10.394-23.193 23.193s10.394 23.194 23.193 23.194 23.193-10.394 23.193-23.194c0-12.825-10.394-23.193-23.193-23.193z" />
+<glyph unicode="&#xe9da;" glyph-name="android, android-browser" d="M432 326.4c-17.613 0-32-14.413-32-32v-128c0-17.613 14.413-32 32-32s32 14.413 32 32v128c0 17.613-14.413 32-32 32zM48 326.4c-17.613 0-32-14.413-32-32v-128c0-17.613 14.413-32 32-32s32 14.413 32 32v128c0 17.613-14.413 32-32 32zM96 118.4c0-26.522 21.478-48 48-48h16v-64c0-17.613 14.413-32 32-32s32 14.413 32 32v64h32v-64c0-17.613 14.413-32 32-32s32 14.413 32 32v64h16c26.522 0 48 21.478 48 48v176h-288v-176zM299.289 441.651l20.25 38.887c1.024 1.945 0.256 4.377-1.69 5.401s-4.377 0.256-5.401-1.69l-20.557-39.475c-16.103 6.221-33.613 9.651-51.891 9.651s-35.789-3.43-51.891-9.651l-20.557 39.475c-0.999 1.945-3.43 2.714-5.401 1.69s-2.714-3.43-1.69-5.401l20.25-38.912c-45.312-20.505-78.131-63.795-83.814-115.251h286.233c-5.683 51.456-38.502 94.745-83.815 115.251zM176 351.207c-12.826 0-23.194 10.394-23.194 23.193s10.393 23.194 23.194 23.194 23.194-10.394 23.194-23.194c0-12.825-10.393-23.193-23.194-23.193zM304 351.207c-12.825 0-23.193 10.394-23.193 23.193s10.394 23.194 23.193 23.194 23.193-10.394 23.193-23.194c0-12.825-10.394-23.193-23.193-23.193z" />
 <glyph unicode="&#xe9db;" glyph-name="smart-tv" horiz-adv-x="717" d="M0 486.4v-435.2h281.6v-51.2h-128v-25.6h409.6v25.6h-128v51.2h281.6v435.2h-716.8zM51.2 435.2h614.4v-332.8h-614.4v332.8z" />
 <glyph unicode="&#xe9dc;" glyph-name="wearable-android-wear" horiz-adv-x="691" d="M0 332.16h51.2v-229.76h-51.2v229.76zM640 332.16h51.2v-229.76h-51.2v229.76zM128.537 332.16h-51.737v-229.76h53.402c42.010-76.032 123.111-128 215.399-128s173.389 51.968 215.399 128h53.402v229.76h-51.737c-27.469 50.791-72.678 92.186-127.462 114.995v39.245h-179.2v-39.245c-54.784-22.809-99.993-64.205-127.463-114.995zM345.6 31.129c-103.731 0-189.107 85.376-189.107 189.107s85.376 189.107 189.107 189.107c103.731 0 189.107-85.376 189.107-189.107s-85.376-189.107-189.107-189.107zM444.313 279.706c-9.088 0-16.461-7.322-16.538-16.41v-65.741c-0.615-6.272 2.381-12.339 7.731-15.667s12.135-3.328 17.485 0c5.351 3.328 8.346 9.395 7.731 15.667v65.741c-0.077 9.037-7.373 16.333-16.409 16.41zM247.040 279.706c-9.088 0-16.487-7.322-16.563-16.41v-65.741c-0.614-6.272 2.381-12.339 7.731-15.667s12.135-3.328 17.485 0c5.351 3.328 8.346 9.395 7.731 15.667v65.741c-0.077 9.037-7.373 16.333-16.384 16.41zM271.642 172.774c0-13.568 11.008-24.601 24.601-24.601h8.346v-32.947c0-9.063 7.347-16.409 16.409-16.409s16.409 7.347 16.409 16.409v32.947h16.384v-32.947c0.845-8.474 7.962-14.95 16.486-14.95s15.667 6.477 16.486 14.95v32.947h8.192c13.594 0 24.601 11.034 24.601 24.601v90.522h-147.917v-90.522zM376.089 338.816l10.368 20.121c0.256 0.435 0.333 0.973 0.179 1.485-0.154 0.486-0.486 0.921-0.973 1.152-0.461 0.256-1.024 0.333-1.536 0.179-0.538-0.128-0.973-0.487-1.229-0.973l-10.522-20.275c-8.576 3.226-17.639 4.915-26.777 4.966-9.088-0.025-18.125-1.715-26.624-4.966l-10.522 20.275c-0.409 0.947-1.485 1.408-2.457 1.101-0.512-0.205-0.896-0.615-1.075-1.127-0.179-0.486-0.128-1.049 0.128-1.51l10.368-20.121c-23.757-10.752-40.089-33.203-43.008-59.111h146.995c-2.791 25.958-19.175 48.461-43.008 59.111l-0.307-0.307zM312.807 292.403c-4.839 0-9.165 2.893-11.008 7.347s-0.845 9.575 2.586 12.979c3.405 3.405 8.525 4.429 12.979 2.585s7.347-6.195 7.347-11.008c0-3.149-1.255-6.195-3.481-8.423-2.253-2.227-5.274-3.482-8.423-3.482zM378.547 292.403c-4.813 0-9.139 2.893-11.008 7.347-1.843 4.454-0.819 9.575 2.586 12.979s8.55 4.429 13.005 2.585c4.429-1.843 7.347-6.195 7.347-11.008 0-3.149-1.255-6.195-3.507-8.423-2.227-2.227-5.248-3.482-8.423-3.482z" />
 <glyph unicode="&#xe9dd;" glyph-name="streaming-chromecast-os-lg" horiz-adv-x="730" d="M524.8 473.6v-512h204.8v512h-204.8zM704-12.8h-153.6v460.8h153.6v-460.8zM627.2 64c28.275 0 51.2 22.925 51.2 51.2s-22.925 51.2-51.2 51.2c-28.275 0-51.2-22.925-51.2-51.2s22.925-51.2 51.2-51.2zM627.2 140.8c14.144 0 25.6-11.456 25.6-25.6s-11.456-25.6-25.6-25.6c-14.144 0-25.6 11.456-25.6 25.6s11.456 25.6 25.6 25.6zM576 236.8c0 10.599 8.601 19.2 19.2 19.2s19.2-8.601 19.2-19.2c0-10.599-8.601-19.2-19.2-19.2s-19.2 8.601-19.2 19.2zM640 236.8c0 10.599 8.601 19.2 19.2 19.2s19.2-8.601 19.2-19.2c0-10.599-8.601-19.2-19.2-19.2s-19.2 8.601-19.2 19.2zM576 300.8c0 10.599 8.601 19.2 19.2 19.2s19.2-8.601 19.2-19.2c0-10.598-8.601-19.2-19.2-19.2s-19.2 8.601-19.2 19.2zM640 300.8c0 10.599 8.601 19.2 19.2 19.2s19.2-8.601 19.2-19.2c0-10.598-8.601-19.2-19.2-19.2s-19.2 8.601-19.2 19.2zM499.2 473.6h-499.2v-307.2h25.6v281.6h448v-460.8h-268.8v-25.6h294.4v512zM12.8 38.4c-7.066 0-12.8-5.735-12.8-12.8s5.734-12.8 12.8-12.8c21.21 0 38.4-17.19 38.4-38.4 0-7.065 5.734-12.8 12.8-12.8s12.8 5.735 12.8 12.8c0 35.341-28.659 64-64 64zM12.8 89.6c-7.066 0-12.8-5.735-12.8-12.8s5.734-12.8 12.8-12.8c49.485 0 89.6-40.115 89.6-89.6 0-7.066 5.734-12.8 12.8-12.8s12.8 5.735 12.8 12.8c0 63.629-51.571 115.2-115.2 115.2zM12.8 140.8c-7.066 0-12.8-5.735-12.8-12.8s5.734-12.8 12.8-12.8c77.76 0 140.8-63.040 140.8-140.8 0-7.066 5.734-12.8 12.8-12.8s12.8 5.735 12.8 12.8c0 91.904-74.496 166.4-166.4 166.4zM195.738 250.765l-31.104 53.875c22.31 28.211 57.113 43.558 92.979 40.999 35.865-2.573 68.147-22.707 86.221-53.798h-94.208c-25.357-0.051-47.488-17.191-53.888-41.715v0.64zM288.538 276.352h62.464c4.889-12.608 7.399-26.022 7.424-39.539 0-59.597-47.936-108.096-107.52-108.8l44.416 76.8c15.526 22.259 12.659 52.48-6.784 71.411v0.128zM210.073 236.685c0 21.837 17.715 39.539 39.552 39.539s39.552-17.702 39.552-39.539c0-21.849-17.715-39.552-39.552-39.552-21.863 0.064-39.552 17.817-39.552 39.68v-0.128zM264.601 183.053l-31.232-54.016c-35.353 5.376-65.817 27.776-81.498 59.904-15.693 32.141-14.605 69.926 2.905 101.107l44.416-76.787c9.178-19.571 28.826-32.089 50.432-32.128 5.018 0.026 10.010 0.717 14.848 2.048l0.128-0.128z" />
@@ -707,7 +707,7 @@
 <glyph unicode="&#xebb6;" glyph-name="devices-macos" horiz-adv-x="435" d="M348.672 213.376c0.947 39.475 21.786 75.827 55.373 96.589-21.632 30.745-56.423 49.561-94.003 50.867-39.936 4.198-77.927-23.501-98.509-23.501-20.608 0-51.533 24.141-83.712 23.501-44.313-1.203-84.685-25.677-106.266-64.384-45.389-78.567-11.571-195.123 32.205-257.587 21.581-32.179 47.334-66.304 81.126-64.384 33.817 1.92 44.749 20.915 84.352 20.915s50.227-20.915 84.685-20.275c34.457 0.64 57.318 32.205 78.567 64.409 14.797 21.581 26.599 45.082 35.097 69.863-41.6 17.894-68.634 58.701-68.915 103.987zM284.288 404.301c19.2 22.861 28.774 52.301 26.726 82.099-29.337-2.457-56.576-16.179-75.981-38.323-19.609-21.658-29.517-50.381-27.367-79.514 29.671-0.231 57.805 13.184 76.288 36.378l0.333-0.64z" />
 <glyph unicode="&#xebb7;" glyph-name="devices-windows" d="M0 247.578v167.143l204.8 27.418v-194.56h-204.8zM238.822 447.257l273.178 39.142v-238.822h-273.178v199.68zM512 213.222v-238.822l-273.178 39.142v199.68h273.178zM204.8 17.177l-204.8 27.085v168.96h204.8v-196.045z" />
 <glyph unicode="&#xebb8;" glyph-name="downgrade" d="M0 486.4h512v-51.2h-512v51.2zM0 384h512v-51.2h-512v51.2zM253.927-25.575c-1.894 0.231-2.381 0.256-4.224 0.717-3.482 0.896-6.758 2.509-9.549 4.736-1.511 1.203-1.792 1.587-3.123 2.944l-230.579 256.205c-4.403 5.299-4.941 7.322-5.862 11.059-3.303 13.568 6.553 29.005 20.685 31.36 1.869 0.307 2.329 0.256 4.198 0.333h461.184c6.861-0.281 8.729-1.229 12.135-3.047 12.288-6.63 17.178-24.269 9.447-36.352-0.998-1.587-1.357-1.92-2.56-3.353l-230.579-256.205c-1.331-1.357-1.613-1.741-3.123-2.944-5.017-3.968-11.315-5.734-18.048-5.453zM429.107 230.528h-346.087l173.031-192.282c57.702 64.103 115.379 128.205 173.056 192.282z" />
-<glyph unicode="&#xebb9;" glyph-name="edge" horiz-adv-x="487" d="M0.025 259.149c15.027 118.4 96 225.767 240 227.2 1.331 0.025 2.918 0.051 4.506 0.051 84.864 0 158.822-46.643 197.632-115.712 19.251-37.043 30.208-79.514 30.208-124.57 0-1.049 0-2.099-0.026-3.123v-53.453h-321.28c1.434-132.48 195.046-128 278.4-69.606v-107.827c-48.793-29.286-160-55.526-245.12-21.913-71.885 28.851-122.215 96.87-124.8 176.973-2.407 96.307 48 158.72 124.621 194.56-18.458-22.349-31.104-50.125-35.277-80.589l181.351-0.845c0 0 10.573 108.467-102.707 108.467-95.104-4.505-177.664-54.477-226.867-128.537l-0.665-1.050 0.025-0.026z" />
+<glyph unicode="&#xebb9;" glyph-name="edge, edge-beta" horiz-adv-x="487" d="M0.025 259.149c15.027 118.4 96 225.767 240 227.2 1.331 0.025 2.918 0.051 4.506 0.051 84.864 0 158.822-46.643 197.632-115.712 19.251-37.043 30.208-79.514 30.208-124.57 0-1.049 0-2.099-0.026-3.123v-53.453h-321.28c1.434-132.48 195.046-128 278.4-69.606v-107.827c-48.793-29.286-160-55.526-245.12-21.913-71.885 28.851-122.215 96.87-124.8 176.973-2.407 96.307 48 158.72 124.621 194.56-18.458-22.349-31.104-50.125-35.277-80.589l181.351-0.845c0 0 10.573 108.467-102.707 108.467-95.104-4.505-177.664-54.477-226.867-128.537l-0.665-1.050 0.025-0.026z" />
 <glyph unicode="&#xebba;" glyph-name="edit" d="M123.034 79.616c0-2.56-2.56-2.56-7.68-2.56-5.145 0-7.706 0-7.706 2.56-5.12 5.146-5.12 12.851 0 17.971l284.519 287.437c-10.24 15.411-20.505 30.797-23.065 48.768l-310.144-313.114-58.957-146.279 148.659 59.034 310.144 313.088c-17.92 2.585-35.865 12.851-48.691 23.117l-287.079-290.022zM494.695 467.149c-25.625 25.677-64.077 25.677-89.702 0l-12.825-12.826c2.56-51.328 41.011-89.83 89.728-89.83l12.8 10.266c23.066 28.237 23.066 66.739 0 92.39z" />
 <glyph unicode="&#xebbb;" glyph-name="euro" d="M256.973 307.149c6.195-0.538 8.166-1.536 11.52-3.507 14.515-8.576 16.589-32.947 1.28-43.264-4.199-2.841-9.19-4.224-14.31-4.377h-230.4c-19.149 0.563-33.075 25.472-19.866 41.728 4.147 5.12 10.317 8.525 16.845 9.293 1.331 0.154 1.689 0.128 3.021 0.179h230.4c0.512-0.026 1.024-0.026 1.51-0.051zM256.973 204.749c6.195-0.538 8.166-1.536 11.52-3.507 14.515-8.576 16.589-32.947 1.28-43.264-4.199-2.841-9.19-4.224-14.31-4.377h-230.4c-19.149 0.563-33.075 25.472-19.866 41.728 4.147 5.12 10.317 8.525 16.845 9.293 1.331 0.154 1.689 0.128 3.021 0.179h230.4c0.512-0.026 1.024-0.026 1.51-0.051zM359.091 486.4c50.022-0.231 100.121-15.437 141.568-43.034 15.898-10.573 15.437-37.99-3.072-45.824-9.549-4.045-19.43-0.691-29.568 5.735-56.141 35.379-129.433 41.549-190.925 15.104-88.576-38.118-143.719-142.95-117.657-241.587 20.327-76.903 87.859-140.006 171.315-151.168 49.433-6.605 101.12 5.504 142.49 33.331l1.792 1.101c1.69 0.845 2.099 1.127 3.865 1.767 13.363 4.762 29.824-3.815 33.511-17.562 3.174-11.878-3.942-23.808-14.976-30.925-110.387-71.193-275.84-43.904-353.997 74.957-68.070 103.552-52.583 256.768 54.938 342.323 44.723 35.61 101.555 55.501 159.053 55.783 0.563 0 1.101 0 1.664 0z" />
 <glyph unicode="&#xebbc;" glyph-name="file-document" d="M384 486.4h-384v-512h512v384l-128 128zM460.8 25.6h-409.6v409.6h311.552l98.048-98.048v-311.552zM102.4 281.6h307.2v-51.2h-307.2v51.2zM102.4 358.4h307.2v-51.2h-307.2v51.2zM102.4 204.8h307.2v-51.2h-307.2v51.2zM102.4 128h153.6v-51.2h-153.6v51.2z" />
@@ -775,6 +775,9 @@
 <glyph unicode="&#xebfa;" glyph-name="url" d="M476.16 448v0c-48.64 48.64-125.44 48.64-174.080 2.56l-110.080-110.080c-46.080-46.080-46.080-122.88 0-171.52l2.56-2.56c5.12-5.12 7.68-7.68 12.8-10.24l40.96 40.96c-5.12 2.56-10.24 5.12-12.8 10.24l-2.56 2.56c-25.6 25.6-25.6 66.56 0 92.16l110.080 110.080c25.6 25.6 66.56 25.6 92.16 0l2.56-2.56c25.6-25.6 25.6-66.56 0-92.16l-48.64-48.64c7.68-20.48 12.8-43.52 12.8-66.56l76.8 76.8c46.080 46.080 46.080 122.88-2.56 168.96v0zM314.88 291.84c-5.12 5.12-7.68 7.68-12.8 10.24l-40.96-40.96c5.12-2.56 10.24-5.12 12.8-10.24l2.56-2.56c25.6-25.6 25.6-66.56 0-92.16l-110.080-110.080c-25.6-25.6-66.56-25.6-92.16 0v5.12c-25.6 25.6-25.6 66.56 0 92.16l48.64 48.64c-7.68 20.48-12.8 43.52-12.8 66.56l-76.8-76.8c-46.080-46.080-46.080-122.88 0-171.52l2.56-2.56c46.080-46.080 122.88-46.080 171.52 0l110.080 110.080c46.080 48.64 46.080 125.44-2.56 174.080v0 0z" />
 <glyph unicode="&#xebfb;" glyph-name="user-portrait-outline" horiz-adv-x="384" d="M374.425 17.92c-2.56 2.56-40.96 25.6-97.28 40.96-5.12-2.56-12.8-7.68-20.48-10.24l-5.12-2.56c-35.815-12.8-81.92-12.8-117.734 0l-5.145 2.56c-7.654 2.56-15.335 7.68-20.454 10.24-56.346-15.36-94.746-38.4-97.28-40.96-7.705-5.12-12.8-17.92-10.265-25.6 5.146-10.24 12.8-17.92 23.066-17.92h335.334c10.265 0 20.48 7.68 23.065 17.92 5.094 10.214 0 20.48-7.705 25.6zM192.666 486.4c-75.418 0-157.927-45.159-163.072-171.929l-0.41-9.523-9.037-3.021c-3.482-3.379-9.523-28.697-5.146-63.207 3.533-28.058 12.8-49.664 23.552-55.040l4.992-2.483 1.869-5.274c27.853-78.567 104.345-115.174 147.251-115.174 42.931 0 119.424 36.608 147.277 115.174l1.843 5.274 5.017 2.483c10.752 5.376 20.019 26.983 23.526 55.040 4.377 34.509-1.664 59.827-6.144 63.693l-8.935 3.021 0.512 8.883c-7.501 149.735-105.421 172.083-163.097 172.083zM192.666 435.2c71.399 0 106.983-38.374 111.821-120.704l-0.358-5.965-2.355-39.194 18.893-6.349c0.026-5.043-0.256-11.059-1.101-17.869-1.178-9.293-3.021-16-4.48-20.019l-14.643-7.296-6.938-19.533-1.843-5.248c-20.045-56.576-75.238-81.075-98.995-81.075-23.731 0-78.925 24.499-98.969 81.050l-1.869 5.274-6.912 19.533-14.643 7.296c-1.459 4.019-3.302 10.726-4.48 20.071-0.845 6.631-1.152 12.544-1.126 17.664l14.183 4.71 1.485 35.225 0.435 9.625c4.326 106.855 71.962 122.803 111.897 122.803z" />
 <glyph unicode="&#xebfc;" glyph-name="windows" d="M0 247.578v167.143l204.8 27.418v-194.56h-204.8zM238.822 447.257l273.178 39.142v-238.822h-273.178v199.68zM512 213.222v-238.822l-273.178 39.142v199.68h273.178zM204.8 17.177l-204.8 27.085v168.96h204.8v-196.045z" />
+<glyph unicode="&#xebfd;" glyph-name="huawei" d="M78.285 354.304c0 0-39.45-37.76-41.6-77.645v-7.475c1.715-32.205 26.035-51.175 26.035-51.175 39.040-38.195 133.53-86.195 155.725-97.075 0 0 1.28-0.64 2.125 0.205l0.435 0.87v0.845c-60.595 132.045-142.72 231.45-142.72 231.45zM205.85 88.525c-0.41 1.69-2.125 1.69-2.125 1.69l-157.44-5.529c17.075-30.515 45.875-53.99 75.955-46.95 20.48 5.351 67.405 37.99 82.765 49.075 1.28 1.075 0.845 1.92 0.845 1.92v-0.205zM207.565 105.139c-69.12 46.72-203.085 118.195-203.085 118.195-3.2-9.805-4.275-19.2-4.48-27.725v-1.51c0-22.81 8.525-38.81 8.525-38.81 17.075-36.070 49.92-46.95 49.92-46.95 14.951-6.375 29.875-6.605 29.875-6.605 2.56-0.409 93.85 0 118.169 0 1.075 0 1.715 1.075 1.715 1.075v1.28c0 0.64-0.64 1.050-0.64 1.050zM193.28 417.229c-30.976-7.885-53.299-35.277-54.835-67.175v-8.755c0.64-12.8 3.405-22.4 3.405-22.4 14.080-61.875 82.355-163.2 97.075-184.525 1.049-1.075 2.125-0.64 2.125-0.64 0.845 0.358 1.357 1.229 1.28 2.125 22.605 226.125-23.68 286.285-23.68 286.285-6.809-0.435-25.369-4.915-25.369-4.915zM370.329 368.819c0 0-10.445 38.4-52.045 48.64 0 0-12.16 2.969-24.96 4.685 0 0-46.515-59.929-23.911-286.49 0.231-1.485 1.28-1.715 1.28-1.715 1.51-0.64 2.151 0.64 2.151 0.64 15.36 21.99 83.2 122.88 97.050 184.32 0 0 7.68 29.875 0.435 49.92zM308.045 90.010c0 0-1.51 0-1.92-1.075 0 0-0.231-1.485 0.64-2.125 14.925-10.88 60.8-42.675 82.765-49.075 0 0 3.405-1.050 9.165-1.28h2.995c14.72 0.435 40.525 7.911 64 48.231l-157.645 5.325zM475.059 269.414c2.995 43.93-41.37 84.685-41.37 84.889 0 0-82.125-99.405-142.285-230.375 0 0-0.64-1.715 0.409-2.791l0.87-0.205h1.28c22.605 11.315 116.454 59.085 155.289 96.845 0 0 24.525 19.84 25.805 51.635zM507.495 223.769c0 0-133.965-71.911-203.085-118.4 0 0-1.075-0.845-0.64-2.355 0 0 0.64-1.28 1.485-1.28 24.755 0 118.605 0 120.96 0.435 0 0 12.16 0.435 27.085 6.17 0 0 33.28 10.675 50.56 48.435 0 0 15.59 30.925 3.635 66.995z" />
+<glyph unicode="&#xebfe;" glyph-name="opera, opera-mini" d="M243.815-26.394c4.045-0.205 8.089-0.307 12.185-0.307 65.536 0 125.312 24.653 170.599 65.152-30.003-19.891-65.075-31.36-102.579-31.36-60.954 0-115.558 30.259-152.269 77.952-28.314 33.408-46.643 82.791-47.898 138.24v12.058c1.254 55.424 19.584 104.806 47.872 138.214 36.736 47.693 91.341 77.952 152.295 77.952 37.504 0 72.601-11.443 102.605-31.36-45.056 40.32-104.474 64.896-169.651 65.152-0.333 0-0.64 0-0.973 0-141.389 0-256-114.611-256-256 0-137.293 108.083-249.344 243.815-255.693zM278.605 415.975c65.101-13.44 115.046-91.904 115.046-186.675s-49.945-173.21-115.046-186.675c22.938-11.341 47.974-17.433 73.651-17.433 29.875 0 59.238 8.243 85.453 23.834 45.901 46.259 74.291 109.952 74.291 180.275 0 70.349-28.39 134.016-74.291 180.301-26.214 15.59-55.552 23.808-85.453 23.808-25.677 0-50.714-6.067-73.651-17.434z" />
+<glyph unicode="&#xebff;" glyph-name="huawei-browser" d="M235.673-26.215c-23.936 2.151-61.056 7.783-101.274 30.029-22.963 12.697-22.835 13.849-39.117 25.651-4.198 3.046-25.011 22.093-35.507 34.918-9.651 11.801-14.745 19.43-15.923 21.197-9.293 13.952-7.962 15.104-4.096 31.334 5.76 24.217 26.906 56.115 28.058 57.677 15.795 21.351 16.435 23.577 23.373 23.731 0.743 0.026 6.169 0.154 9.293-0.409 2.944-0.512 3.149-0.512 15.949-12.416 11.264-10.445 11.674-9.882 20.045-17.024 21.581-18.381 42.727-30.643 43.111-30.899 11.085-7.245 11.187-6.963 22.605-13.543 31.181-17.92 67.609-32.077 73.6-33.178 10.137-1.869 13.466 7.219 13.619 10.957 0.512 14.285-15.897 8.704-81.28 46.413-20.301 11.699-20.25 11.699-39.475 25.19-10.982 7.731-26.393 19.84-27.853 21.12-18.662 16.256-20.864 15.974-20.173 24.115 0.128 1.433 0.947 11.239-3.174 17.485-9.728 14.695-26.343 11.059-29.773 12.16-3.097 0.973-10.010 9.319-23.424 29.133-7.757 11.469-20.992 37.863-23.859 49.101-6.886 26.906-4.301 34.304 2.842 44.826 17.305 25.472 34.663 41.318 38.118 44.493 29.056 26.522 70.809 56.166 139.008 66.125 7.143 1.049 15.513 6.707 42.496-17.997 25.241-23.117 41.523-61.005 44.058-66.893 4.711-11.008 7.065-14.233 3.738-19.481-3.123-4.889-4.48-10.010-7.296-11.75-8.089-5.094-79.642-19.763-160.358-82.253-1.408-1.075-12.518-9.677-17.075-13.926-10.727-9.984-1.689-18.893 2.074-20.429 7.347-3.047 14.336 4.096 14.541 4.25 14.592 10.726 28.518 24.832 81.049 53.632 39.859 21.837 79.975 34.457 82.457 35.174 9.728 2.816 13.901-6.451 24.781-5.76 15.079 0.973 21.811 13.875 21.863 13.952 4.019 5.12 4.762 4.634 21.12 6.989 58.368 8.371 102.502-8.448 112.973-19.789 4.122-4.48 14.413-34.867 16.333-42.266 17.817-68.48 1.817-125.927 0.307-132.301-1.69-6.963-10.957-32.486-14.003-39.27-9.907-22.118-16.333-28.902-57.037-35.123-16.179-2.483-45.875-1.229-55.501 0.128-16.921 2.406-20.429 2.151-23.629 7.245-6.81 10.88-4.48 11.801-1.357 24.192 20.864 83.046 8.013 176.615 2.534 193.229-0.333 0.999-2.611 7.962-11.341 6.963-14.080-1.664-10.112-17.613-8.064-31.104 6.938-45.466 3.968-103.501 0.87-126.029-4.147-30.055-6.298-44.339-8.448-49.152-2.279-5.146-13.235-4.941-18.637-15.207-9.805-18.637 4.045-27.597 3.865-34.151-0.051-1.715-2.969-8.499-3.277-9.216-0.589-1.408-17.51-45.056-45.209-71.68-13.389-12.877-15.078-10.726-28.518-10.163zM260.403 485.299c9.19-0.64 9.139-0.743 18.304-1.51 4.889-0.409 34.227-5.069 42.778-7.603 3.507-1.024 26.983-7.962 42.829-15.565 59.238-28.493 88.883-67.917 98.995-82.048 10.522-14.695 11.366-14.131 11.853-15.616 0.358-1.126-1.869-4.557-2.714-4.582-0.461 0-10.010 6.144-15.488 7.936-36.889 12.032-61.363 11.417-89.293 10.035-9.523-0.487-13.543-2.867-20.199 3.302-6.759 6.272-8.32 4.403-13.594 7.859-3.635 2.407-17.767 38.733-40.371 64.205-24.678 27.827-34.637 27.955-34.995 29.184-0.231 0.768 0.998 1.485 0.793 2.227l1.101 2.176zM343.040-11.648c-0.538-0.205-9.216-5.632-61.389-14.669-0.486-0.102-5.12-0.896-6.016 2.074-1.075 3.405 1.741 2.279 10.291 11.136 7.373 7.654 24.423 24.576 45.031 68.711 3.865 8.269 7.347 4.608 15.667 11.878 10.471 9.139 12.697 0.512 54.989 2.534 9.831 0.486 40.166 3.968 52.352 9.753 2.048 0.947 3.942 2.202 6.067 2.969 3.968 1.459 4.045-1.869 4.045-2.253 0.051-2.483-0.743-2.227-6.861-9.728-32.179-39.45-66.585-64.743-114.176-82.406zM17.715 135.68c-0.768 1.945-6.221 15.334-8.371 24.755-5.913 25.651-6.349 25.575-8.653 51.865-3.687 42.061 8.422 85.197 11.597 95.027 0.102 0.307 9.446 26.675 9.523 26.752 0.128 0.103 3.712 0.282 3.84 0.205 1.511-1.024 1.817-10.342 3.507-17.51 2.611-10.983 12.007-33.511 13.465-36.429 11.545-23.347 23.194-38.323 25.575-41.421 5.657-7.245 2.995-11.751 2.841-14.336-0.153-2.867 1.561-7.911-0.307-12.723-1.741-4.454-25.754-30.49-40.013-76.621-2.585-8.32-0.691-10.342-3.123-13.312-1.511-1.869-1.689-2.56-3.814-1.408-0.742 0.409-2.535 5.632-2.713 6.144-0.154 0.461-3.072 8.295-3.354 9.011z" />
 <glyph unicode="&#xec2f;" glyph-name="user-approved-outline-lg" horiz-adv-x="397" d="M282.983 46.080c-5.223-2.547-13.069-7.68-20.915-10.24l-5.223-2.56c-18.304-6.4-39.207-9.6-60.121-9.6s-41.817 3.2-60.121 9.6l-5.222 2.56c-7.847 2.56-15.68 7.693-20.915 10.24-57.511-15.347-96.704-38.4-99.315-40.947-7.846-5.133-13.082-17.933-10.47-25.6 5.235-10.253 13.082-17.933 23.526-17.933h342.413c10.471 0 20.915 7.68 23.526 17.933 5.223 10.24 0 20.467-7.834 25.6-2.611 2.547-41.83 25.6-99.328 40.947zM107.392 18.637c4.096-2.176 8.921-4.608 14.144-6.477l3.814-1.869 1.37-0.666 1.434-0.512c20.647-7.207 44.352-11.034 68.57-11.034s47.936 3.827 68.57 11.034l1.433 0.499 1.37 0.678 3.815 1.869c5.223 1.869 10.061 4.301 14.131 6.477 38.605-11.303 66.573-25.523 76.851-31.437h-332.352c10.291 5.913 38.259 20.135 76.851 31.437zM196.135 473.6c-80.487 0-168.345-46.106-175.757-175.014-10.355-8.026-13.927-26.599-15.040-41.894-2.265-31.168 4.621-85.043 32.102-102.131 31.053-81.267 111.104-117.875 158.695-117.875s127.642 36.608 158.682 117.875c27.495 17.088 34.368 70.963 32.103 102.131-1.113 15.322-4.685 33.92-15.065 41.92-10.265 157.811-126.041 174.989-175.719 174.989zM196.135 448c52.416 0 141.606-19.623 150.157-151.053l0.358-11.174 9.165-7.066c1.152-1.331 4.442-8.205 5.581-23.872 2.406-33.075-7.168-70.502-20.083-78.541l-7.322-4.544-3.085-8.051c-26.432-69.171-96.051-101.414-134.771-101.414s-108.352 32.243-134.784 101.414l-3.085 8.051-7.309 4.544c-12.915 8.038-22.489 45.465-20.083 78.553 1.127 15.655 4.416 22.541 5.184 23.513l9.203 7.143 0.678 11.609c8.038 140.007 116.992 150.887 150.195 150.887zM235.75 281.549c0.423-0.064 0.832-0.102 1.242-0.192 4.928-0.973 9.063-5.043 10.061-10.061 0.73-3.699-0.256-7.693-2.662-10.624-0.269-0.32-0.563-0.615-0.845-0.935l-51.161-51.225c-0.32-0.281-0.614-0.576-0.935-0.845-3.865-3.175-9.638-3.801-14.144-1.395-0.743 0.397-1.434 0.858-2.087 1.395-0.32 0.269-0.614 0.563-0.935 0.845l-25.575 25.613c-0.281 0.307-0.576 0.614-0.845 0.935-2.125 2.585-3.174 6.042-2.841 9.382 0.487 4.979 4.121 9.511 9.011 10.995 3.609 1.101 7.68 0.499 10.816-1.6 0.935-0.627 1.113-0.845 1.946-1.6l16.537-16.563 42.125 42.176 0.922 0.845c0.345 0.256 0.666 0.525 1.011 0.755 1.395 0.935 2.97 1.587 4.608 1.907 1.101 0.218 1.395 0.192 2.496 0.243 0.423-0.013 0.845-0.038 1.255-0.051z" />
 <glyph unicode="&#xec30;" glyph-name="coins-stack-lg" d="M256.038 420.173c-141.286 0-256-40.333-256-89.997 0-49.677 114.713-89.997 256-89.997s256 40.32 256 89.997c0 49.664-114.714 89.997-256 89.997zM256.038 394.573c80.192 0 151.437-13.209 195.52-34.342 12.25-5.875 22.157-12.186 28.839-19.226 3.353-3.546 6.041-6.899 6.041-10.829s-2.688-7.283-6.041-10.829c-6.681-7.040-16.589-13.351-28.839-19.226-44.083-21.133-115.328-34.342-195.52-34.342s-151.424 13.209-195.507 34.342c-12.249 5.875-22.169 12.185-28.851 19.226-3.354 3.546-6.041 6.899-6.041 10.829s2.688 7.283 6.041 10.829c6.681 7.040 16.602 13.351 28.851 19.226 44.083 21.133 115.315 34.342 195.507 34.342zM25.6 200.525v129.651h-25.6v-131.942l-0.038-0.013c0 0-0.474-3.226 0-4.185l0.038-0.077v-117.824c0 0-0.473-3.238 0-4.199 41.293-84.096 198.016-88.051 256-88.051 19.2 0 200.486-4.966 256 85.568v260.723h-25.6v-131.047c-52.519-68.813-213.337-66.855-230.566-66.855-52.096 0-199.014 10.509-229.965 66.803-0.256 0.461-0.256 1.447-0.256 1.447h-0.013zM486.4 162.368v-85.389c-52.57-68.749-213.299-66.803-230.528-66.803-52.096 0-199.014 10.509-229.965 66.816-0.256 0.448-0.256 1.433-0.256 1.433h-0.051v82.918c60.416-52.505 181.069-55.36 230.362-55.36 16.845 0 158.477-3.827 230.438 56.384zM297.472 357.274c-21.414 1.255-37.773-11.341-50.355-22.669-11.341-10.087-18.867-15.104-27.699-15.104-7.565 0-11.328 6.272-6.272 16.359 5.018 8.819 16.358 13.837 16.358 13.837l7.565 3.763-10.073 8.832-5.018-2.509c0 0-12.595-6.272-21.427-16.359l-13.837 1.255-8.832-13.837 15.104-1.255c-3.763-12.595 3.763-22.681 18.867-23.936 20.109-1.255 35.264 11.341 47.847 21.415 12.595 10.087 21.414 16.358 30.208 16.358 10.074-1.255 10.074-8.819 6.272-15.091-6.272-11.341-20.122-17.613-20.122-17.613l-6.272-2.509 7.565-10.087 5.017 2.509c1.267 0 16.358 6.272 26.445 20.121l13.849-1.255 8.819 13.85-13.849 1.255c3.763 11.328-3.801 21.414-20.16 22.669z" />
 <glyph unicode="&#xec31;" glyph-name="hardware" d="M0 486.4v-512h512v512h-512zM460.8 435.2v-409.6h-409.6v409.6h409.6zM256 384.256h-153.856v-153.856h153.856v153.856zM204.8 333.056v-51.456c0 0-51.456 0-51.456 0s0 51.456 0 51.456h51.456zM102.4 332.8v25.6h-25.6v-25.6h25.6zM281.6 332.8v25.6h-25.6v-25.6h25.6zM102.4 256v25.6h-25.6v-25.6h25.6zM281.6 256v25.6h-25.6v-25.6h25.6zM204.8 409.6h25.6v-25.6h-25.6v25.6zM204.8 230.912h25.6v-25.6h-25.6v25.6zM127.744 230.912h25.6v-25.6h-25.6v25.6zM128 409.6h25.6v-25.6h-25.6v25.6zM230.4 128v51.2h-153.6v-51.2h153.6zM281.6 128v51.2h-25.6v-51.2h25.6zM230.4 51.2v51.2h-153.6v-51.2h153.6zM281.6 51.2v51.2h-25.6v-51.2h25.6zM435.2 384h-128v-307.2h128v307.2zM384 332.8v-204.8c0 0-25.6 0-25.6 0s0 204.8 0 204.8h25.6zM384 409.6h25.6v-25.6h-25.6v25.6zM384 76.8h25.6v-25.6h-25.6v25.6zM332.8 409.6h25.6v-25.6h-25.6v25.6zM332.8 76.8h25.6v-25.6h-25.6v25.6z" />

package/src/assets/stylesheets/app.css

@@ -16,6 +16,7 @@
 @import './plugin_themes/select2.css' layer(components);
 @import './plugin_themes/markdown_trix_styles.css' layer(components);
 @import './plugin_themes/pagy.css' layer(components);
+@import './plugin_themes/dropzone.css' layer(components);
 
 /*//// Components ////*/
 @import './components/fonts.css' layer(components);
@@ -72,6 +73,7 @@
 @import './components/uploads.css' layer(components);
 @import './components/user_item.css' layer(components);
 @import './components/form_hint.css' layer(components);
+@import './components/url_collapsable.css' layer(components);
 
 /*//// Customer components ////*/
 @import './components/customer/customer_header.css' layer(components);

package/src/assets/stylesheets/components/actionbar.css

@@ -1,6 +1,6 @@
 
 footer.actionbar {
-  @apply py-xs px-body-padding-mobile sm:px-body-padding-tablet xl:px-body-padding-desktop bg-actionbar;
+  @apply py-xs px-body-padding-mobile sm:px-body-padding-tablet xl:px-body-padding-desktop bg-actionbar dark:shadow-lg;
   grid-area: footer;
 }
 
@@ -13,19 +13,19 @@ footer.actionbar,
 footer.actionbar .btn-primary,
 .splitview-list-actionbar .btn-primary,
 .splitview-details-actionbar .btn-primary {
-  @apply text-primary dark:text-appbody bg-white border-white hover:text-white hover:bg-link-hover hover:border-link-hover;
+  @apply text-primary dark:text-appbody bg-white border-white hover:text-white hover:bg-link-hover hover:border-link-hover dark:bg-primary;
 }
 
 footer.actionbar .btn-secondary,
 .splitview-list-actionbar .btn-secondary,
 .splitview-details-actionbar .btn-secondary {
-  @apply text-white bg-transparent border-white hover:text-white hover:bg-link-hover hover:border-link-hover;
+  @apply text-white bg-transparent border-white hover:text-white hover:bg-link-hover hover:border-link-hover dark:border-primary dark:text-primary;
 }
 
 footer.actionbar .btn,
 .splitview-list-actionbar .btn,
 .splitview-details-actionbar .btn {
-  @apply h-btn mr-xs;
+  @apply h-btn mr-xs dark:rounded-full;
 }
 
 footer.actionbar .btn-intercom,

package/src/assets/stylesheets/components/buttons.css

@@ -2,7 +2,7 @@
 input.btn,
 input[type="submit"].btn {
   @apply inline-flex justify-start items-center h-btn px-md font-body font-semibold text-buttons whitespace-nowrap text-primary border-0 rounded cursor-pointer select-none
-  dark:uppercase;
+  dark:font-normal dark:uppercase dark:tracking-wide;
 
   &:hover,
   &:focus,
@@ -40,14 +40,6 @@ input[type="submit"].btn-ghost-inverted {
   @apply text-white bg-transparent;
 }
 
-.btn-sm {
-  @apply h-btn-sm py-xxs px-xs;
-}
-
-.btn-sm .icon {
-  @apply h-icon-sm text-icon-sm;
-}
-
 .btn-block {
   @apply flex w-full justify-center;
 }
@@ -60,14 +52,6 @@ input[type="submit"].btn-ghost-inverted {
   }
 }
 
-.btn-square.btn-sm {
-  @apply w-btn-sm h-btn-sm p-0;
-
-  .icon {
-    @apply h-icon-sm;
-  }
-}
-
 .btn-danger,
 input[type="submit"].btn-danger,
 .btn-warning,
@@ -77,7 +61,7 @@ input[type="submit"].btn-warning {
 
 .btn-success,
 input[type="submit"].btn-success {
-  @apply text-white bg-success;
+  @apply text-white bg-success dark:text-black;
 }
 
 .btn-inverted,
@@ -105,6 +89,31 @@ input[type="submit"].btn-white-secondary {
   }
 }
 
+.btn-subtile {
+  @apply text-primary border border-bordercolor hover:border-link-hover;
+}
+
+/* Button SM */
+
+.btn-sm {
+  @apply h-btn-sm py-xxs px-sm dark:text-label;
+}
+
+.btn-sm .icon {
+  @apply h-icon-sm text-icon-sm;
+}
+
+.btn-square.btn-sm {
+  @apply w-btn-sm h-btn-sm p-0;
+
+  .icon {
+    @apply h-icon-sm;
+  }
+}
+
+
+/* Button LG */
+
 .btn.btn-lg {
   @apply h-btn-lg w-btn-lg p-0;
 

package/src/assets/stylesheets/components/checkboxes_radiobuttons.css

@@ -1,25 +1,22 @@
-/*///// Checkboxes and Radiobuttons /////*/
+/*///// Checkboxes /////*/
 
-.form-check, 
-.form-radio {
+.form-check {
   display: flex;
   align-items: start;
   position: relative;
   padding-left: 0;
 }
 
-.form-radio label, 
 .form-check label  {
-  @apply relative ml-xs font-normal text-appbody-textcolor;
+  @apply relative flex flex-row ml-xs font-normal text-appbody-textcolor cursor-pointer;
   padding-top: 0.25rem;
-  cursor: pointer;
   &:hover, &:focus {
     @apply text-link-hover;
   }
 }
 
 .form-check input {
-  @apply h-btn-sm w-btn-sm border border-primary dark:border-appbody-textcolor rounded-sm bg-transparent;
+  @apply h-btn-sm w-btn-sm border border-primary dark:border-label-color rounded-sm bg-transparent;
   cursor: pointer;
   flex-shrink: 0;
 }
@@ -32,14 +29,8 @@
   padding-top: 0;
 }
 
-.form-radio input {
-  cursor: pointer;
-  border-radius: 50%;
-  background-color: transparent;
-}
-
 .form-check input[type=checkbox]:checked {
-  @apply text-white border-info bg-info dark:bg-purple overflow-hidden;
+  @apply text-white border-info bg-info dark:bg-info overflow-hidden;
   background-image: none;
 
   &::after {
@@ -60,11 +51,9 @@
 .form-check.disabled input[type=checkbox]:checked,
 .form-check.disabled input,
 .form-check input:disabled,
-.form-check input.disabled,
 .form-check input.disabled[type=checkbox]:checked {
-  @apply border-disabled bg-pattern-disabled-bright dark:bg-pattern-disabled-dark;
+  @apply border-disabled bg-transparent bg-pattern-disabled-bright dark:bg-pattern-disabled-dark;
   background-repeat: repeat;
-  background-color: transparent;
   cursor: not-allowed;
   background-size: auto;
 
@@ -73,61 +62,82 @@
   }
 }
 
-.form-check.inverted input:checked:disabled,
-.form-check.inverted.disabled input:checked,
-.form-check.inverted.disabled input,
-.form-check.inverted input:disabled,
-.form-check.inverted input.disabled,
-.form-check.inverted input.disabled:checked,
-.form-check.inverted.sm input:checked:disabled,
-.form-check.inverted.sm.disabled input:checked,
-.form-check.inverted.sm.disabled input,
-.form-check.inverted.sm input:disabled,
-.form-check.inverted.sm input.disabled,
-.form-check.inverted.sm input.disabled:checked {
-  @apply border-gray-dark;
-  background-image: url("/assets/images/pattern-striped-dark.png");
+.form-check.inverted.disabled input[type=checkbox],
+.form-check.inverted input[type=checkbox]:disabled,
+.form-check.inverted input[type=checkbox]:checked:disabled,
+.form-check.inverted.disabled input[type=checkbox]:checked {
+  @apply border-gray-dark bg-transparent bg-pattern-disabled-dark dark:bg-transparent dark:border-disabled;
 
   &::after {
     @apply bg-gray-dark;
   }
 }
 
+.dark .form-check.inverted.disabled input[type=checkbox]::after,
+.dark .form-check.inverted input[type=checkbox]:disabled::after,
+.dark .form-check.inverted input[type=checkbox]:checked:disabled::after,
+.dark .form-check.inverted.disabled input[type=checkbox]:checked::after {
+  @apply bg-gray-dark;
+}
+
 .form-check.disabled label,
 .form-check input[type=checkbox]:disabled + label,
 .form-check input[type=checkbox]:checked:disabled + label {
   @apply text-disabled cursor-not-allowed;
 }
 
-
 .form-check.inverted.disabled label,
 .form-check.inverted input:disabled + label,
-.form-check.inverted input:checked:disabled + label,
-.form-check.inverted.sm.disabled label,
-.form-check.inverted.sm input:disabled + label,
-.form-check.inverted.sm input:checked:disabled + label {
+.form-check.inverted input:checked:disabled + label {
   @apply text-disabled-dark; 
 }
 
 .form-check.inverted input {
-  @apply border-white;
+  @apply border-white dark:border-label-color;
 }
 
 .form-check.inverted input[type=checkbox]:checked {
-  @apply text-black border-white bg-white;
+  @apply text-black border-white bg-white dark:text-white dark:bg-info dark:border-info;
   
   &::after {
     @apply bg-black;
   }
 }
 
+.dark .form-check.inverted input[type=checkbox]:checked::after {
+  @apply bg-white;
+}
+
+
+/*///// Radiobuttons /////*/
+
+.form-radio {
+  display: flex;
+  align-items: start;
+  position: relative;
+  padding-left: 0;
+}
+
+.form-radio label {
+  @apply relative ml-xs font-normal text-appbody-textcolor;
+  padding-top: 0.25rem;
+  cursor: pointer;
+  &:hover, &:focus {
+    @apply text-link-hover;
+  }
+}
+
+.form-radio input {
+  cursor: pointer;
+  border-radius: 50%;
+  background-color: transparent;
+}
 
 .form-radio input {
-  @apply w-btn-sm h-btn-sm border border-primary dark:border-appbody-textcolor;
+  @apply w-btn-sm h-btn-sm border border-primary dark:border-label-color;
 
   &:disabled {
-    @apply border-disabled;
-    background-image: url("/assets/images/pattern-striped-bright.png");
+    @apply border-disabled bg-pattern-disabled-bright dark:bg-pattern-disabled-dark;
     background-repeat: repeat;
     background-color: transparent;
     cursor: not-allowed;
@@ -166,3 +176,10 @@
   background-image: url("/assets/images/icons/radio-checked-white.svg");
 }
 
+.form-radio.sm input {
+  @apply w-md h-md;
+}
+
+.form-radio.sm label {
+  @apply pt-0;
+}

package/src/assets/stylesheets/components/designsystem/designsystem-styles.css

@@ -87,4 +87,12 @@
 
 .email-template-container {
   @apply bg-gray-300;
+}
+
+.ds-card-codeexample {
+  @apply mb-1 p-md max-w-none bg-card text-appbody-textcolor dark:text-gray-200 rounded;
+}
+
+.html-preview {
+  @apply break-all whitespace-break-spaces text-xs;
 }

package/src/assets/stylesheets/components/drawer.css

@@ -1,10 +1,6 @@
 
 details[open].drawer-wrapper .drawer {
-  @apply top-header w-meta-sidebar-width pt-md pb-lg px-spacing text-white bg-header border-t-1 border-black;
-  position: fixed;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
+  @apply fixed flex flex-col justify-between top-header w-meta-sidebar-width pt-md pb-lg px-spacing text-white bg-header border-t-1 border-black dark:bg-appbody;
   right: 0;
   z-index: 40;
   height: 100vh;
@@ -32,25 +28,22 @@ details .drawer-trigger .close-btn {
 
 
 details[open] .drawer-trigger .close-btn {
-  @apply top-header text-white rounded-none hover:bg-link-hover hover:text-white;
-  position: fixed;
-  display: inline-flex;
+  @apply fixed inline-flex top-header text-white rounded-none hover:bg-link-hover hover:text-white;
   right: 0;
   cursor: pointer;
   z-index: 41;
 }
 
 .drawer-header {
-  position: relative;
+  @apply relative dark:pt-spacing;
 }
 
 .drawer-title {
-  @apply pb-xs text-heading-4;
+  @apply pb-xs text-heading-4 dark:text-heading-5 dark:uppercase dark:font-light;
 }
 
 .drawer-content {
-  @apply pt-xs pb-spacing;
-  position: relative;
+  @apply relative pt-xs pb-spacing;
   flex: 1;
   overflow-y: scroll;
   -ms-overflow-style: none;  /* IE and Edge */
@@ -64,21 +57,19 @@ details[open] .drawer-trigger .close-btn {
 }
 
 .drawer-footer {
-  @apply h-actionbar bg-info px-spacing -mx-spacing;
-  display: flex;
-  align-items: center;
+  @apply flex flex-row items-center h-actionbar px-spacing -mx-spacing bg-info dark:h-auto pt-xs pb-md dark:bg-appbody;
 }
 
 .drawer-footer .btn {
-  @apply mr-xs last:mr-0;
+  @apply mr-xs last:mr-0 dark:rounded-full;
 }
 
 .drawer-footer .btn-primary {
-  @apply text-primary bg-white border-white hover:bg-link-hover hover:border-link-hover hover:text-white;
+  @apply text-primary bg-white border-white hover:bg-link-hover hover:border-link-hover hover:text-white dark:bg-primary dark:text-black;
 }
 
 .drawer-footer .btn-secondary {
-  @apply text-white bg-transparent border-white hover:bg-link-hover hover:border-link-hover hover:text-white;
+  @apply text-white bg-transparent border-white hover:bg-link-hover hover:border-link-hover hover:text-white dark:border-primary dark:text-primary;
 }
 
 .drawer-content .section-header,

package/src/assets/stylesheets/components/dropdown.css

@@ -15,7 +15,7 @@ details.dropdown-actions[open] summary:after,
 
 .popover-menu, 
 .dropdown-menu {
-  @apply flex-col overflow-hidden w-popover-width p-xxs bg-primary text-appbody rounded;
+  @apply flex-col overflow-hidden w-popover-width p-xxs bg-primary text-appbody rounded dark:bg-gray-darkest dark:shadow-lg;
   box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
 }
 
@@ -43,8 +43,7 @@ details.dropdown-actions[open].dropright .popover-menu,
 
 .popover-menu .popover-action, 
 .dropdown-menu .dropdown-action {
-  @apply relative flex items-center justify-start mb-1px p-xs text-base text-appbody rounded;
-  font-weight: 600;
+  @apply relative flex items-center justify-start mb-1px p-xs text-base text-appbody rounded font-semibold dark:font-normal dark:text-buttons dark:uppercase dark:text-white dark:tracking-wide;
   line-height: 1.2;
 
   & .icon {

package/src/assets/stylesheets/components/forms.css

@@ -26,7 +26,7 @@
 
 .form-control,
 .form-control-static {
-  @apply h-btn w-full px-sm py-xxs text-base border border-bordercolor rounded dark:bg-card;
+  @apply h-btn w-full px-sm py-xxs text-base text-appbody-textcolor border border-bordercolor rounded dark:bg-card focus:border-link-hover focus:outline-1 focus:outline-link-hover;
 }
 
 .form-check .field_with_errors input[type="checkbox"],
@@ -50,7 +50,9 @@
 }
 
 textarea.form-control {
-  @apply h-auto min-h-btn pt-xs;
+  @apply h-auto min-h-btn;
+  padding-top: 8px;
+  padding-bottom: 8px;
 }
 
 .form-control-label {
@@ -65,7 +67,7 @@ textarea.form-control {
 .form-control:disabled,
 .form-control.disabled,
 .form-control[readonly] {
-  @apply bg-disabled;
+  @apply bg-disabled dark:border-gray-darkest dark:bg-gray-darkest;
 }
 
 .form-group.with-addon .form-control {
@@ -88,7 +90,7 @@ textarea.form-control {
 }
 
 .form-group.inverted .form-control {
-  @apply text-white border-gray-darker bg-transparent;
+  @apply text-white border-gray-darker bg-transparent dark:border-bordercolor dark:bg-card;
 }
 
 .form-group.inverted .form-control::placeholder {