@six-group/ui-library 0.0.0-insider.d833923 → 0.0.0-insider.d89f9dc

package/dist/collection/assets/pictograms/swiss.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M128.4 276.1c-12 0-23.3-5.3-31-14.4l-11.9-14.3 16-13.4 11.9 14.3c3.7 4.4 9.2 7 15 7v20.8z"></path><path d="M388.1 219.7l-15.9 13.4 18.8 22.3h-29.1v20.9H390l-17.7 21.2 16 13.3 38-45.6z"></path><path d="M344 254c-2.4-24.3-18.6-51.4-49.5-57.5a64 64 0 0 0-34.9 3.4v-25.2c0-9.3-4.1-18-11.2-24l-16.7-14-18.2 21.7 16.7 14a3 3 0 0 1 1.1 2.3V200a64.8 64.8 0 0 0-35.4-3.6c-30.9 6.1-47.1 33.3-49.5 57.5-2.4 24.5 5.3 55.6 20.1 81.2 18.7 32.2 37.5 37.4 46.9 37.6h.8c7.1 0 13.6-2.6 19.3-4.8 4.2-1.7 8.6-3.4 11.7-3.4v.1c3.1 0 7.5 1.7 11.8 3.4a52.7 52.7 0 0 0 19.3 4.8h.8c9.5-.2 28.2-5.4 47-37.6 14.7-25.5 22.3-56.6 19.9-81.2zm-88-20.3c11.6-7.8 16.3-12.6 33.1-9.3 19 3.7 25.8 22.2 26.8 32.5 1.8 18.7-4.6 43.9-16.4 64.2-11.1 19.1-20.4 23.4-23.2 23.5h-.1a39 39 0 0 1-8.9-2.9 61.8 61.8 0 0 0-21.9-5.4v-.1h-.2c-8.5 0-16.1 3-22.2 5.4-2.9 1.1-7.2 2.9-8.9 2.9h-.1c-2.7-.1-12-4.4-23.1-23.5-11.8-20.3-18.2-45.5-16.4-64.2 1-10.3 7.8-28.7 26.8-32.5 16.7-3.3 33 9.3 33.1 9.4 0-.1 10 7.8 21.6 0z"></path></svg>

package/dist/collection/assets/pictograms/tablet.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M361.4 85H163a28.3 28.3 0 0 0-28.3 28.3v283.5a28.3 28.3 0 0 0 28.3 28.3h198.4a28.3 28.3 0 0 0 28.3-28.3V113.4A28.4 28.4 0 0 0 361.4 85zm0 28.4v223.2H163V113.4h198.4zm0 283.5H163v-53.2h198.4v53.2c0-.1 0 0 0 0z"></path><circle cx="262.2" cy="368.5" r="14.2"></circle></svg>

package/dist/collection/assets/pictograms/tachometer.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M297.9 254.5c-7.8 13.2-15.4 26.6-23.4 39.7a86.6 86.6 0 0 1-9.2 12.4 24.6 24.6 0 0 1-30.6 4.8 25.4 25.4 0 0 1 5.1-46.3c14.3-4.7 29.1-7 43.9-9.4l13.4-2 .8.8z"></path><path d="M424.9 326.8A170 170 0 0 0 255.1 157h-.6A170 170 0 0 0 85.3 326.7h-.1v28.6l339.6-.7.1-27.8zm-311.2-.2c0-11.2 1.3-22.1 3.8-32.6H149v-11h-28.4a141.4 141.4 0 0 1 42.3-63.4l21.8 21.8 7.8-7.8-20.9-20.9a140.8 140.8 0 0 1 75.5-27.2v30.1h11v-30.3c30.4.6 58.6 10.9 81.4 27.9l-21 21 7.8 7.8 21.8-21.8c19 16.6 33.6 38.3 41.6 62.8h-28.8v11h31.9c2.4 10.3 3.8 21 3.8 32l-282.9.6z"></path></svg>

package/dist/collection/assets/pictograms/target.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M431.1 117.4l-35.8-1.2-.5-33.4-47.7 45.8 7.6 7.7-30.3 30.3-26.4 26.2-20.4 20.4-22.7 22.7a33 33 0 1 0 19.7 20.5l22.9-22.9L318 213l26.4-26.4 30.2-30.2 7.9 8 48.6-47z"></path><path d="M243.3 173.9a94 94 0 0 0-93.8 93.8 94 94 0 0 0 93.8 93.8 94 94 0 0 0 84.4-134.8l-22.2 22.2a65 65 0 1 1-42.3-43l22.1-22.1a94.8 94.8 0 0 0-42-9.9z"></path><path d="M373.8 179.7l-20.5 20.5a129.2 129.2 0 0 1-110 196.6c-71.2 0-129.1-57.9-129.1-129.1a129.2 129.2 0 0 1 197.4-109.5l20.5-20.5a157.7 157.7 0 0 0-246.2 130c0 86.8 70.6 157.5 157.5 157.5 86.8 0 157.5-70.6 157.5-157.5a158.4 158.4 0 0 0-27.1-88z"></path></svg>

package/dist/collection/assets/pictograms/telephone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M202.9 337.8l-1.7-17.5a720.9 720.9 0 0 1-.2-123.8l2.2-23.7a70.5 70.5 0 0 1 65.8-64.2l31.8-2.1L296 163h-24.8a42.4 42.4 0 0 0-42.4 38.8l-.5 6.2c-2.9 33.4-2.8 67.3.4 100.7a42.3 42.3 0 0 0 42.3 38.5h25l4.7 56.7-32.1-2.2A71.8 71.8 0 0 1 234 390l-19.8 20.7a99.3 99.3 0 0 0 52.5 19.4l33 2.2h1a28.3 28.3 0 0 0 28.3-30.7l-4.7-56.7a28.5 28.5 0 0 0-28.2-26h-25c-7.3 0-13.4-5.5-14.1-12.8-3-31.7-3.1-63.8-.4-95.5l.5-6.2a14 14 0 0 1 14.1-12.9H296c14.6 0 27-11.4 28.2-26l4.7-56.7a28 28 0 0 0-7.4-21.5c-5.4-5.8-13-9.2-20.9-9.2h-.5l-33.2 2.2a99 99 0 0 0-92.1 89.9l-2.2 23.8c-3.6 42.7-3.6 86.1.2 128.9l1.7 17.6c1.8 18.3 8.6 35.6 19.5 50.2l19.9-20.8a73.1 73.1 0 0 1-11-32.1z"></path></svg>

package/dist/collection/assets/pictograms/telescope.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M422 122.4a17.7 17.7 0 0 0-17.7-17.3c-4.2 0-8.2 1.5-11.4 4.2l-141 .2A17.7 17.7 0 0 0 235 122l-78.2.1a17.3 17.3 0 0 0-15.3 8.9h-30.6a17.3 17.3 0 0 0-11.9-4.6 17.7 17.7 0 0 0-17.7 17.7l.1 40.6a17.7 17.7 0 0 0 17.7 17.7c4.5 0 8.7-1.7 11.9-4.7h30.6a17.9 17.9 0 0 0 15.3 8.9l75.9-.1-81.6 177.8a14.2 14.2 0 0 0 25.8 11.8l77.3-168.5L331.7 396a14.2 14.2 0 1 0 25.8-11.8l-75.9-165.7 111.5.1a17.6 17.6 0 0 0 29-13.2c4-7.8 11-23.9 11-41.5a95 95 0 0 0-11.1-41.5zm-266 46.8l-46.2.1v-10l46.2-.1v10zm28.4-18.8l58-.1V178l-58 .1v-27.7zM398 190.2l-127.4.2.1-1.2v-51.4l127.2-.2a63.7 63.7 0 0 1 6.8 26.2 62.8 62.8 0 0 1-6.7 26.4z"></path></svg>

package/dist/collection/assets/pictograms/temperature.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M327 353.3c0-21.1-8.9-40.1-23.1-53.5V137.2c0-28.1-22.8-50.9-50.9-50.9-28.1 0-50.9 22.8-50.9 50.9v163.1a73.85 73.85 0 0 0-22.6 53c0 40.7 33.1 73.7 73.8 73.7 40.6 0 73.6-33 73.7-73.7zm-73.8 44.2c-24.4 0-44.2-19.8-44.3-44.2 0-16.1 8.6-30.2 21.5-37.9l-.1-178.1c0-12.4 10.1-22.6 22.6-22.6s22.6 10.1 22.6 22.6v177.9a44.54 44.54 0 0 1 22 38.2 44.34 44.34 0 0 1-44.3 44.1z"></path><path d="M258.1 327.7V163h-11v164.7a26.73 26.73 0 0 0-21.2 26.2 26.7 26.7 0 1 0 53.4 0c.1-12.9-9-23.7-21.2-26.2z"></path></svg>

package/dist/collection/assets/pictograms/terminal.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M248.1 352.4h3.7v52.5h-3.7z"></path><path d="M259.1 361h3.7v43.9h-3.7z"></path><path d="M297.2 352v52.6c0 4-3.3 7.3-7.3 7.3h-73.1c-4 0-7.3-3.3-7.3-7.3v-18.5l18.8-15.7a29.2 29.2 0 0 0 10.2-18.4h-14.9a15 15 0 0 1-4.6 7.2l-9.4 7.9v-15H195v52.6c0 12.1 9.8 21.9 21.9 21.9H290c12.1 0 21.9-9.8 21.9-21.9V352h-14.7z"></path><path d="M328.2 340.2H181.6a21.2 21.2 0 0 1-21.2-21.2V108.3c0-11.7 9.5-21.2 21.2-21.2h146.6c11.7 0 21.2 9.5 21.2 21.2v210.6c0 11.7-9.5 21.3-21.2 21.3zM181.6 108.3v210.6h146.6V108.3H181.6z"></path><path d="M314.9 219.9H195.3v-99.1h119.6v99.1zm-111.3-8.3h103.1V129H203.6v82.6z"></path><path d="M279.4 253.2h-18.7a2.7 2.7 0 0 1-2.7-2.7v-13.6c0-1.5 1.2-2.7 2.7-2.7h18.7c1.5 0 2.7 1.2 2.7 2.7v13.6c0 1.5-1.2 2.7-2.7 2.7z"></path><path d="M279.4 279.5h-18.7a2.7 2.7 0 0 1-2.7-2.7v-13.6c0-1.5 1.2-2.7 2.7-2.7h18.7c1.5 0 2.7 1.2 2.7 2.7v13.6c0 1.5-1.2 2.7-2.7 2.7z"></path><path d="M279.4 305.9h-18.7a2.7 2.7 0 0 1-2.7-2.7v-13.6c0-1.5 1.2-2.7 2.7-2.7h18.7c1.5 0 2.7 1.2 2.7 2.7v13.6c0 1.5-1.2 2.7-2.7 2.7z"></path><path d="M247.6 253.2h-18.7a2.7 2.7 0 0 1-2.7-2.7v-13.6c0-1.5 1.2-2.7 2.7-2.7h18.7c1.5 0 2.7 1.2 2.7 2.7v13.6c0 1.5-1.3 2.7-2.7 2.7z"></path><path d="M247.6 279.5h-18.7a2.7 2.7 0 0 1-2.7-2.7v-13.6c0-1.5 1.2-2.7 2.7-2.7h18.7c1.5 0 2.7 1.2 2.7 2.7v13.6c0 1.5-1.3 2.7-2.7 2.7z"></path><path d="M247.6 305.9h-18.7a2.7 2.7 0 0 1-2.7-2.7v-13.6c0-1.5 1.2-2.7 2.7-2.7h18.7c1.5 0 2.7 1.2 2.7 2.7v13.6c0 1.5-1.3 2.7-2.7 2.7z"></path><path d="M216.2 253.2h-18.7a2.7 2.7 0 0 1-2.7-2.7v-13.6c0-1.5 1.2-2.7 2.7-2.7h18.7c1.5 0 2.7 1.2 2.7 2.7v13.6c0 1.5-1.2 2.7-2.7 2.7z"></path><path d="M216.2 279.5h-18.7a2.7 2.7 0 0 1-2.7-2.7v-13.6c0-1.5 1.2-2.7 2.7-2.7h18.7c1.5 0 2.7 1.2 2.7 2.7v13.6c0 1.5-1.2 2.7-2.7 2.7z"></path><path d="M216.2 305.9h-18.7a2.7 2.7 0 0 1-2.7-2.7v-13.6c0-1.5 1.2-2.7 2.7-2.7h18.7c1.5 0 2.7 1.2 2.7 2.7v13.6c0 1.5-1.2 2.7-2.7 2.7z"></path><path d="M311.6 305.3h-19.7a2.9 2.9 0 0 1-2.9-2.9V276c0-1.6 1.3-2.9 2.9-2.9h19.7c1.6 0 2.9 1.3 2.9 2.9v26.4c-.1 1.6-1.4 2.9-2.9 2.9z"></path><path d="M311.6 265.9h-19.7a2.9 2.9 0 0 1-2.9-2.9v-26.4c0-1.6 1.3-2.9 2.9-2.9h19.7c1.6 0 2.9 1.3 2.9 2.9V263c-.1 1.6-1.4 2.9-2.9 2.9z"></path></svg>

package/dist/collection/assets/pictograms/ticket.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M425.4 190.7v-8.9a28.3 28.3 0 0 0-28.3-28.3H113.5a28.3 28.3 0 0 0-28.3 28.3v8.9c7.8.6 14.1 7.1 14.1 15.1S93 220.4 85.2 221h-.1v16.5h.1c7.8.6 14.1 7.1 14.1 15.1s-6.2 14.5-14.1 15.1h-.1l.1.6v14.9l-.1.9h.1c7.8.6 14.1 7.1 14.1 15.1s-6.2 14.5-14.1 15.1v8.9a28.3 28.3 0 0 0 28.3 28.3H397a28.3 28.3 0 0 0 28.3-28.3v-8.9a15.2 15.2 0 0 1 0-30.2v-16.5a15.2 15.2 0 0 1 0-30.2V221a15.2 15.2 0 0 1 .1-30.3zM113.5 323.6V181.8H397v141.7l-283.5.1z"></path><circle cx="328.6" cy="198.6" r="5.1"></circle><circle cx="328.6" cy="220.2" r="5.1"></circle><circle cx="328.6" cy="241.9" r="5.1"></circle><circle cx="328.6" cy="263.6" r="5.1"></circle><circle cx="328.6" cy="285.2" r="5.1"></circle><circle cx="328.6" cy="306.9" r="5.1"></circle></svg>

package/dist/collection/assets/pictograms/tin.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M347.1 174.9l-16.8-34.5v-7.6a14.2 14.2 0 0 0-14.2-14.2h-32.7l9.7-8.8a14.2 14.2 0 1 0-19-21l-33 29.8h-51.4a14.2 14.2 0 0 0-13.9 17l1.3 6.2-16.2 33a14.2 14.2 0 0 0-1.4 6.3v186c0 48.8 29.5 56.1 47 56.1h95c17.6 0 47-7.3 47-56.1V181a14.2 14.2 0 0 0-1.4-6.2zM320.3 367c0 27.9-10.8 27.9-18.7 27.9h-95c-7.8 0-18.7 0-18.7-27.8V184.4l16.9-34.4a14.2 14.2 0 0 0 1-3h96.6a14.5 14.5 0 0 0 1 3l16.9 34.4z"></path></svg>

package/dist/collection/assets/pictograms/tokenization.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M126.6 251.9H240v7.1H126.6z"></path><path d="M126.6 273.2h85v7.1h-85z"></path><path d="M381.7 142.1H126.6a42.6 42.6 0 0 0-42.5 42.5v141.7a42.6 42.6 0 0 0 42.5 42.5h148.9l.1-28.3h-149c-7.8 0-14.2-6.4-14.2-14.2V184.6c0-7.8 6.4-14.2 14.2-14.2h35.9l30.5 36.4a56.5 56.5 0 0 0 43.4 20.3h39v-28.3h-39c-8.4 0-16.3-3.7-21.7-10.1l-15.3-18.2h182.3c7.8 0 14.2 6.4 14.2 14.2v59.9l28.3.1v-60c.1-23.5-19-42.6-42.5-42.6z"></path><path d="M385.5 290.4v-12.2a32 32 0 0 0-31.7-31.9h-.1a31.9 31.9 0 0 0-31.8 31.7v12.2a19.9 19.9 0 0 0-17.1 19.8l-.1 38.5c0 11.1 8.9 20.1 20 20.2l57.5.2h.1c11 0 20-9 20.1-20l.1-38.5c0-10.1-7.4-18.5-17-20zm-42.6-12.3c0-5.9 4.9-10.8 10.8-10.8 2.9 0 5.6 1.1 7.6 3.2s3.1 4.8 3.1 7.7v12l-21.6-.1.1-12zm38.4 69.8l-55.7-.2.1-36.7 55.7.2-.1 36.7z"></path></svg>

package/dist/collection/assets/pictograms/tool.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M312.3 424.5H284V313.7c0-19.5 9-38 24.7-50.5a90.7 90.7 0 0 0-8.3-148.1v95l-103.6-.5v-93.3a97 97 0 0 0-37.1 75.9 90.9 90.9 0 0 0 31.3 68.6 64.4 64.4 0 0 1 22.4 48.3v115.4h-28.3V309.1c0-10.1-4.6-20-12.6-27a119.2 119.2 0 0 1-41-90c0-41.5 22.1-82.3 56.3-104a24.3 24.3 0 0 1 37.5 20.5v72.7l46.9.2v-73.4a24.4 24.4 0 0 1 36-21.5 119.4 119.4 0 0 1 18.4 198.6 36.3 36.3 0 0 0-14.1 28.4v110.9z"></path><path d="M234.6 289.8h28.3v134.7h-28.3z"></path></svg>

package/dist/collection/assets/pictograms/touch.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M173.7 194l18.8-9.3a56 56 0 0 1-5.7-27.3h.2l.3-5.1.8-4.7a58 58 0 0 1 9.2-21.1 56.2 56.2 0 0 1 45.1-22.4c18.7 0 35.3 9 45.3 22.6a57 57 0 0 1 10.1 30.6h.2v2.2a56 56 0 0 1-3.4 19.5l19.7 7.1A77.7 77.7 0 0 0 318 148a73.7 73.7 0 0 0-15.9-37l-.1.1a76.9 76.9 0 0 0-46.1-26.9l.1-.3a72.9 72.9 0 0 0-56.2 10.9 76.5 76.5 0 0 0-33.6 55.2 79 79 0 0 0 7.5 44z"></path><path d="M348 244.2a52.7 52.7 0 0 0-35.9-26l-.8-.1-36.9-4.4-.5-14.3-.1-48-.2-1.7a30.7 30.7 0 1 0-61.3-.5l-.3 2.4.2 102.3c-10.3-7.9-23.3-14.9-35-12.6-1.1.2-2.2.6-3.2 1.2-1.3.7-13 7.6-15.3 19.8-.9 4.8-.6 12.2 5.9 20a834.7 834.7 0 0 1 38.6 56.2h-9.9c-5.8 0-10.5 4.7-10.5 10.5v70.4c0 5.8 4.7 10.5 10.5 10.5H337c5.8 0 10.5-4.7 10.5-10.5V349c0-5.8-4.7-10.5-10.5-10.5h-7.2c6.4-10.2 16.6-24.8 22-40.9 10-30-.9-49.1-3.8-53.4zm-21.5 164.7H203.9v-49.4h122.6v49.4zm5.4-118c-7.3 21.9-22.9 41.3-27.3 47.5h-76.3a1000 1000 0 0 0-47.5-69.6c-.8-.9-1.5-2.1-1.4-2.8.2-1.1 1.7-2.9 3.3-4.2 6.4.6 20.1 9.5 32.2 23.2a10.5 10.5 0 1 0 18.4-6.9l-.3-125.8a9 9 0 0 0 .3-2.3 9.7 9.7 0 0 1 19.4 0l.1 1.7.1 48v.4l.9 23.5c.2 5.2 4.1 9.4 9.3 10l45.4 5.4a31.8 31.8 0 0 1 21.4 15.9l.9 1.4c.1 0 8.6 12 1.1 34.6z"></path><circle cx="228.7" cy="384.6" r="15.9"></circle></svg>

package/dist/collection/assets/pictograms/train.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><circle cx="210.8" cy="330.3" r="15.5"></circle><circle cx="301.6" cy="330.4" r="15.5"></circle><path d="M315.4 283.3H196.2v-88.7h119.3v88.7zm-108.2-11h97.3v-66.7h-97.3v66.7z"></path><path d="M337.6 144.3h-61l22.4-26.8c5.3-6.4 13.2-10 21.5-10h44.3v-21h-44.3a49.2 49.2 0 0 0-37.6 17.5l-27.6 33-27.6-33a49 49 0 0 0-37.6-17.5h-43.3v21h43.3c8.3 0 16.1 3.7 21.5 10l22.5 26.8h-59.6a28.3 28.3 0 0 0-28.3 28.3v200.6a28.3 28.3 0 0 0 28.3 28.3h2.1a36 36 0 0 0-2.5 13.1v9.3h21v-9.3a15 15 0 0 1 7.8-13.1h105.3c4.9 2.7 7.8 7.6 7.8 13.1v9.3h21v-9.3c0-4.6-.9-9-2.5-13.1h3.1a28.3 28.3 0 0 0 28.3-28.3V172.7a28.4 28.4 0 0 0-28.3-28.4zm0 229H174.4V172.7h163.2v200.6z"></path></svg>

package/dist/collection/assets/pictograms/trash.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M327.7 425.2H182.5c-22.4 0-41-17.5-42.4-39.9l-12.5-200.2 28.3-1.8 12.5 200.2c.5 7.5 6.7 13.3 14.1 13.3h145.2a14 14 0 0 0 14.1-13.3l12.5-200.2 28.3 1.8-12.5 200.2a42.6 42.6 0 0 1-42.4 39.9z"></path><path d="M113.4 134.6h283.5v28.3H113.4z"></path><path d="M226.8 85h56.7v28.3h-56.7z"></path></svg>

package/dist/collection/assets/pictograms/umbrella.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M270.4 116.9V96.3H242v20.5c-78.8 7-141 73.3-141 153.8h28.3a20.8 20.8 0 1 1 41.6 0H199.9a20.8 20.8 0 1 1 41.6 0h.1l-.9 84.3c-.3 32.9-5 36.6-7.8 38.9l-25.1 20 17.6 22.2 25.1-20c13.4-10.7 18.3-26.6 18.6-60.8l.9-84.6a20.8 20.8 0 1 1 41.6 0H340.1a20.8 20.8 0 1 1 41.6 0H410a154.8 154.8 0 0 0-139.6-153.7zm90.4 104.6a48.8 48.8 0 0 0-35 14.7 48.8 48.8 0 0 0-70 0 48.8 48.8 0 0 0-70.3.3 49 49 0 0 0-46.7-13.7 126.2 126.2 0 0 1 233.4 0c-3.7-.8-7.5-1.3-11.4-1.3z"></path></svg>

package/dist/collection/assets/pictograms/unlock.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M156.2 426.2h198.4a42.6 42.6 0 0 0 42.5-42.5V241.9a42.6 42.6 0 0 0-42.5-42.5H198.7V164a56.7 56.7 0 0 1 113.4 0h28.3a85 85 0 0 0-170 0v35.4h-14.2a42.6 42.6 0 0 0-42.5 42.5v141.7a42.6 42.6 0 0 0 42.5 42.6zM142 241.9c0-7.8 6.4-14.2 14.2-14.2h198.4c7.8 0 14.2 6.4 14.2 14.2v141.7c0 7.8-6.4 14.2-14.2 14.2H156.2c-7.8 0-14.2-6.4-14.2-14.2V241.9z"></path><path d="M241.2 256.1h28.3V327h-28.3z"></path></svg>

package/dist/collection/assets/pictograms/upload.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M396.9 269.3h-28.3v28.3h28.3v99.2H113.4v-99.2h28.3v-28.3h-28.3A28.4 28.4 0 0 0 85 297.6v99.2a28.3 28.3 0 0 0 28.3 28.3h283.5a28.3 28.3 0 0 0 28.3-28.3v-99.2a28.2 28.2 0 0 0-28.2-28.3z"></path><path d="M347 175.2l-62.2-52.1v121.5a90.1 90.1 0 0 1-32.4 69.4l-36.3 30.4-18.2-21.7 36.3-30.4a62.4 62.4 0 0 0 22.3-47.7V123l-62.3 52.1-18.2-21.7 94.6-79.2 94.6 79.2-18.2 21.8z"></path></svg>

package/dist/collection/assets/pictograms/usb.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M298.4 147.4v48.2h9.9l-.2 30.6a28.2 28.2 0 0 1-10.3 21.6l-27.1 24 .3-157.4h20.6l-35.1-35.1-35.1 35.1h21.2l-.3 200.7-27.8-24.6-.4-.3a28.2 28.2 0 0 1-10.3-21.6l-.2-26.4a25.5 25.5 0 1 0-28.3.2l.2 26.4a57 57 0 0 0 20.4 43.1l46.3 41.1v13.6a34.6 34.6 0 0 0 14.1 66 34.4 34.4 0 0 0 14.2-65.9l.1-56.8 45.4-40.2a56.6 56.6 0 0 0 20.4-43.1l.2-30.9h10v-48.2h-48.2z"></path></svg>

package/dist/collection/assets/pictograms/viena.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M376 230.5c0-2.4-.1-4.8-.2-7.2 2.7 12 13.5 21 26.3 21.1 14.9 0 27.1-12.3 27.1-27.3l-54 .2c-3.1-28-15.9-53.1-34.9-71.9a27.1 27.1 0 0 0 42.5-22.2l-54.1-.1c0 6.5 2.2 12.4 6 17.1a120.11 120.11 0 0 0-66.5-28.9c8.9-4.4 15-13.9 15-24.5l-54.1.2c0 10.6 6.1 19.8 15 24.3-25.5 2.5-48.7 13.1-67 29.1 3.3-4.5 5.3-10.3 5.3-16.3l-54.1.2a27.1 27.1 0 0 0 27 27.1c5.5 0 10.6-1.6 14.9-4.5a119.6 119.6 0 0 0-33.3 70.4l-53.8.2c0 14.9 12.1 26.8 27 26.8 12.7 0 23.3-8.6 26.3-20.4-.1 2.2-.2 4.3-.2 6.5m0 .1c0 30.5 11.4 58.3 30.2 79.5l-52 .2c0 14.9 12.1 26.8 27 26.8a27.1 27.1 0 0 0 27-24.8c6.6 7.1 14.1 13.4 22.3 18.8l-42.9 83.4h-33.5v11h283.5v-11h-33.2l-43.4-83.3c8.8-5.7 16.9-12.6 23.9-20.4.4 14.5 12.3 26.2 27 26.3 14.9 0 27.1-12.3 27.1-27.3l-53.3.2c18.7-21.2 30.1-49 30.1-79.4m-77.3-5c-.8-9.3-4.7-17.8-10.6-24.4l39.1-39c16 16.6 26.2 38.9 27.4 63.4h-55.9zm-141.1-.1a97.88 97.88 0 0 1 26.9-62.7l39.3 39.3c-5.5 6.5-9 14.6-9.9 23.5l-56.3-.1zm164.5-68.2l-39.1 39c-6.5-5.2-14.6-8.6-23.4-9.3v-55.1c24 .9 45.8 10.4 62.5 25.4zm-69.6 29.9c-9 .8-17.1 4.4-23.6 9.9l-39.3-39.2a98.3 98.3 0 0 1 62.9-25.8v55.1zm0 84.6V329a98.3 98.3 0 0 1-33.1-7l26.4-51.4c2.2.5 4.4.9 6.7 1.1zm7.1.1c2.1-.2 4.2-.5 6.2-.9l26.8 51.3a98.17 98.17 0 0 1-33 6.9v-57.3zm-102.1-39.3h56.4c.6 8.8 4 16.9 9.2 23.4l-40.4 40.3a98.06 98.06 0 0 1-25.2-63.7zm30.2 68.9l37.7-37.6-24.8 48.2c-4.6-3.2-8.9-6.7-12.9-10.6zm153 113H171.8l37.8-73.4c6.3 2.7 12.9 4.8 19.7 6.4 0 14.9 12.1 27 27 27a27.1 27.1 0 0 0 27.1-27h-.3c6.7-1.5 13.1-3.6 19.3-6.2l38.3 73.2zm-54.4-150.1l37.7 37.6c-3.9 3.8-8.2 7.2-12.7 10.3l-25-47.9zm42.7 32.5l-40.1-40.1c5.6-6.6 9.2-15 9.9-24.2h56a98.73 98.73 0 0 1-25.8 64.3z"></path></svg>

package/dist/collection/assets/pictograms/viking.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M337.2 350.4a15.3 15.3 0 1 1 0 30.6 15.3 15.3 0 0 1 0-30.6zm-79.8 0a15.3 15.3 0 1 1 0 30.6 15.3 15.3 0 0 1 0-30.6zm-79.1 0a15.3 15.3 0 1 1 0 30.6 15.3 15.3 0 0 1 0-30.6z"></path><path d="M409.5 145.1l-.4-60.3-28.3.2.4 60.3c0 8.4-3.6 16.3-10 21.8l18.3 21.6a56.7 56.7 0 0 0 20-43.6z"></path><path d="M125.1 188.6l18.3-21.7a28.3 28.3 0 0 1-10.1-21.7l.2-60.3-28.3-.1-.2 60.4a56 56 0 0 0 20.1 43.4z"></path><path d="M403.2 318.3c0-49.4-14.7-95.9-41.5-131.1-27.6-36.3-64.7-56.3-104.4-56.3s-76.8 20-104.4 56.3c-26.8 35.2-41.5 81.7-41.5 131.1v14.2h.1V424h291.8V318.3zM270.4 160.2c55.3 8.3 99.1 68.7 104.1 143.9H270.4V160.2zm-28.4.4v143.5H140.2c4.9-74.2 47.6-134 101.8-143.5zm132.9 235h-235v-63.2h235v63.2z"></path><circle cx="178.3" cy="365.7" r="15.3"></circle><circle cx="257.4" cy="365.7" r="15.3"></circle><circle cx="337.2" cy="365.7" r="15.3"></circle></svg>

package/dist/collection/assets/pictograms/visibility.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M281 242.2s0-.1 0 0a25.2 25.2 0 0 0-50.4 0v25.2a25.2 25.2 0 0 0 50.4 0v-25.2z"></path><path d="M427.7 252.6c-.4-2.9-1.8-5.6-4-7.9a353 353 0 0 0-26-23.7l21.8-32.1-23.4-15.9-21.1 31c-12.4-8.4-25-15.5-37.6-21.2l13.1-35.1-26.6-9.9-13 35.2c-13.5-4-27.1-6.6-40.9-7.6v-36.7h-28.3v36.6c-14.6 1-28.5 3.7-41.4 7.4l-13-34.8-26.6 9.9 12.8 34.4a249.8 249.8 0 0 0-38.3 20.6L115 173.1 91.6 189l20.7 30.4c-17 13.7-26.8 24.9-27.9 26.1-3.4 3.9-4.2 9-2.8 13.6.4 2.9 1.8 5.6 4 7.8 53.1 53.1 109.8 80 168.4 80l6.9-.1c96.1-3.4 161.3-77.5 164-80.6a14 14 0 0 0 2.8-13.6zm-168.1 65.9c-49.8 1.7-98.6-19.5-145.2-63.2 19.3-18.4 69.7-59.8 135.1-62.1 49.8-1.8 98.7 19.5 145.5 63.1-19.5 18.5-70.1 60-135.4 62.2z"></path></svg>

package/dist/collection/assets/pictograms/wallet.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M371.2 150.8H138.7a28.3 28.3 0 0 0-28.3 28.3V335a28.3 28.3 0 0 0 28.3 28.3h232.4a28.3 28.3 0 0 0 28.3-28.3V179.1a28.2 28.2 0 0 0-28.2-28.3zM138.7 335.1V179.2h232.4v39.3H306a37.5 37.5 0 0 0 0 74.8h65.1v41.8H138.7zm232.5-105.6v52.8H306a26.4 26.4 0 1 1 0-52.8h65.2z"></path><circle cx="308.9" cy="255.7" r="14.2"></circle></svg>

package/dist/collection/assets/pictograms/warning.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M390.1 425.2H120.2c-14.9 0-28.5-7.6-36.3-20.4a42.28 42.28 0 0 1-1.5-41.6l135.1-262.4c7.4-14 21.8-22.8 37.7-22.8 15.9 0 30.3 8.7 37.7 22.8v.1l135 262.3c6.8 13.3 6.3 28.8-1.5 41.6a42.23 42.23 0 0 1-36.3 20.4zM242.6 114l-135 262.2c-3.3 6.4-.7 11.8.5 13.9 1.2 2 4.9 6.8 12.1 6.8h269.9c7.2 0 10.9-4.8 12.1-6.8 1.2-2 3.8-7.5.5-13.9L267.7 114c-2.5-4.7-7.2-7.6-12.5-7.6-5.4 0-10.1 2.8-12.6 7.6z"></path><path d="M240.9 170.1h28.3v134.6h-28.3z"></path><circle cx="255" cy="347.3" r="21.2"></circle></svg>

package/dist/collection/assets/pictograms/way-up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M83.2 150.5l17.4 21.3L152 130l-1.1 83.4h-.1l-.7 54.1A51.7 51.7 0 0 1 131 307l-31.5 25.7 17.4 21.3 31.5-25.7a79.3 79.3 0 0 0 29.2-60.4l.7-51.4h.1l1.2-86.1 50.3 43.2 17.9-20.8-81.3-69.9-83.3 67.6z"></path><path d="M340.2 82.9L257 150.5l17.4 21.3 51.4-41.9-1.1 83.4h-.1l-.7 54.1a51.7 51.7 0 0 1-19.1 39.5l-31.5 25.7 17.4 21.3 31.5-25.7a79.3 79.3 0 0 0 29.2-60.4l.7-51.4h.1l1.2-86.1 50.3 43.2 17.9-20.8-81.4-69.8z"></path><path d="M85.4 395.2h340.2v28.3H85.4z"></path></svg>

package/dist/collection/assets/pictograms/wc-handicap.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M208.6 202.6v60.3c0 15.8 6.9 30.6 19 40.7l28 23.5 13.6-16.3-28-23.5a32 32 0 0 1-11.4-24.4v-60.3h-21.2z"></path><path d="M240.5 188.3a39 39 0 0 0 39-39v-28.8a39 39 0 0 0-78 0v28.8a39 39 0 0 0 39 39zm-17.7-67.8a17.7 17.7 0 1 1 35.4 0v28.8a17.7 17.7 0 1 1-35.4 0v-28.8z"></path><path d="M229.9 428.7a99.4 99.4 0 0 0 99-92.1h9.9c5.9 0 11.4 2.9 14.7 7.9l34.1 51.2 17.7-11.8-34.1-51.2a38.8 38.8 0 0 0-32.4-17.4h-10.6a99.4 99.4 0 0 0-80.5-83.4v21.7a78 78 0 1 1-56.8 8.4v-23.8a99.4 99.4 0 0 0 39 190.5z"></path></svg>

package/dist/collection/assets/pictograms/wc-men.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M255.1 188.3a39 39 0 0 1-39-39v-28.8a39 39 0 0 1 78 0v28.8a39 39 0 0 1-39 39zm0-85.5c-9.8 0-17.7 7.9-17.7 17.7v28.8a17.7 17.7 0 1 0 35.4 0v-28.8c0-9.8-7.9-17.7-17.7-17.7z"></path><path d="M265.7 297.6H287v127.6h-21.3z"></path><path d="M223.2 297.6h21.3v127.6h-21.3z"></path><path d="M211.4 185.7l-4.6 3.9a53 53 0 0 0-19 40.7v67.4h21.3v-67.4c0-9.5 4.2-18.4 11.4-24.4l4-3.4-13.1-16.8z"></path><path d="M303.4 189.6l-4.5-3.8-14.1 15.9 5 4.2a32 32 0 0 1 11.4 24.4v67.4h21.3v-67.4c-.1-15.8-7-30.6-19.1-40.7z"></path></svg>

package/dist/collection/assets/pictograms/wc-woman.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M255.1 188.3a39 39 0 0 0 39-39v-28.8a39 39 0 0 0-78 0v28.8a39 39 0 0 0 39 39zm-17.7-67.8a17.7 17.7 0 1 1 35.4 0v28.8a17.7 17.7 0 1 1-35.4 0v-28.8z"></path><path d="M265.7 311.8c0 7.9-.6 15.1-1.6 21.7 2.1 11.9 5.7 21.9 9.2 31.7l2.5 7.1a176 176 0 0 0 11.2-60.6v-14.2h-21.3v14.3z"></path><path d="M244.5 311.8v-14.2h-21.3v14.2c0 29.1 7.4 49.9 13.3 66.5 4.2 11.9 7.9 22.2 7.9 32.7v14.2h21.3V411a115 115 0 0 0-9.2-39.8c-5.6-15.9-12-33.9-12-59.4z"></path><path d="M208.3 230.3c0-9.5 4.2-18.4 11.4-24.4l4.4-3.7-13-16.8-5.1 4.3a53 53 0 0 0-19 40.7v67.4h21.3v-67.5z"></path><path d="M289.8 205.9a32 32 0 0 1 11.4 24.4v67.4h21.3v-67.4c0-15.8-6.9-30.6-19-40.7l-4.5-3.8-14.1 15.9 4.9 4.2z"></path></svg>

package/dist/collection/assets/pictograms/wearables.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M305.3 341.3h-103a20.6 20.6 0 0 1-20.6-20.6V194.6c0-11.4 9.2-20.6 20.6-20.6h103c11.4 0 20.6 9.2 20.6 20.6v126.1c0 11.4-9.2 20.6-20.6 20.6zm0-146.7h-103v126.1h103V194.6z"></path><path d="M213.3 86.5h81v72.6h-81z"></path><path d="M214 355.3h79.6V427H214z"></path><path d="M266.6 305.1l-4.8-4.8a54.8 54.8 0 0 0 16.1-39c0-14.7-5.7-28.6-16.1-39l4.8-4.8a61.4 61.4 0 0 1 18.1 43.8c0 16.6-6.4 32.2-18.1 43.8z"></path><path d="M253.7 293.5l-4.8-4.8a38.3 38.3 0 0 0 0-53.9l4.8-4.8a45.1 45.1 0 0 1 0 63.5z"></path><path d="M240.7 281l-4.8-4.8a21 21 0 0 0 0-29.6l4.8-4.8a27.6 27.6 0 0 1 0 39.2z"></path><path d="M227.8 270.1l-4.8-4.8a5.6 5.6 0 0 0 0-7.9l4.8-4.8a12.4 12.4 0 0 1 0 17.5z"></path><path d="M332.2 241.8h12v33.1h-12z"></path><path d="M337.9 255.9h23.6v4.7h-23.6z" transform="matrix(.00621 -1 1 .00621 89.3 606.4)"></path></svg>

package/dist/collection/assets/pictograms/webshop.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M403.9 312.1h-28.3V184.5c0-3.9-3.2-7.1-7.1-7.1H141.7a7.1 7.1 0 0 0-7.1 7.1v127.6h-28.3V184.5a35.5 35.5 0 0 1 35.4-35.4h226.8a35.5 35.5 0 0 1 35.4 35.4v127.6z"></path><path d="M85 333.3v28.3h340.2v-28.3H85zM297.6 351h-85v-7h85v7z"></path><circle cx="237.1" cy="300.9" r="9"></circle><circle cx="280.4" cy="300.9" r="9"></circle><path d="M309.1 230.2a5.3 5.3 0 0 0-4.3-2.2h-66.3v10.8h59.1l-3.5 12.1h-63.7v10.8h60.5l-4.1 13.3-52.9.3c-6.6 0-8.9-1.7-10.7-6.3l-12.5-37.3-1.9-6.1c-3.8-15.1-10.9-16.1-15.9-16.5h-.2l-14.1.1v10.6l11.4.1c5.4 0 6.5 2.3 8.5 8.9l14.5 43.7.1.3c2.7 7 7 13.3 19.6 13.3 0 0 43.9 0 54.7-.3l3.5-.2c1.2 0 2.4-.4 3.3-1.1 1.3-1 2.5-3.8 3.2-5.9 2.2-7.1 12.7-43.8 12.7-43.8.3-1.5 0-3.3-1-4.6z"></path></svg>

package/dist/collection/assets/pictograms/wlan-bluetooth.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M160.2 142.4l-20-20a186.4 186.4 0 0 0-55 132.8c0 50.2 19.5 97.3 55 132.8l20-20c-30.1-30.1-46.7-70.2-46.7-112.8s16.6-82.7 46.7-112.8z"></path><path d="M181.4 173.1c-21.9 21.9-34 51-34 82s12.1 60.1 34 82l20-20a87 87 0 0 1 0-123.8l-20-20.2z"></path><path d="M370.1 122.3l-20 20c30.1 30.1 46.7 70.2 46.7 112.8s-16.6 82.6-46.7 112.8l20 20c35.5-35.5 55-82.6 55-132.8a187 187 0 0 0-55-132.8z"></path><path d="M328.9 173.1l-20 20a87.6 87.6 0 0 1 0 123.9l20 20a116 116 0 0 0 0-163.9z"></path><circle cx="255" cy="255.8" r="39.4"></circle></svg>

package/dist/collection/assets/pictograms/wlan.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M433.3 201.8l-20 20a229.2 229.2 0 0 0-163.2-67.6c-61.6 0-119.6 24-163.2 67.6l-20-20c48.9-48.9 114-75.9 183.2-75.9s134.2 26.9 183.2 75.9z"></path><path d="M384.4 256l-20 20a159.6 159.6 0 0 0-225.5 0l-20-20a187.8 187.8 0 0 1 265.5 0z"></path><path d="M332 310.1l-20 20a87 87 0 0 0-123.8 0l-20-20a115.5 115.5 0 0 1 163.8 0z"></path><path d="M286.6 364.3l-20 20a23.2 23.2 0 0 0-33 0l-20-20a51.4 51.4 0 0 1 73 0z"></path></svg>

package/dist/collection/assets/pictograms/x.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M406.6 124.1L386.5 104 255.3 235.3 123.9 103.8l-20.1 20.1 131.5 131.4-131.5 131.4 20.1 20.1 131.4-131.4 131.2 131.2 20.1-20.1-131.2-131.2z"></path></svg>

package/dist/collection/assets/pictograms/zurich.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.2 510.2"><path d="M332.4 342.7c3.9 13.1 5.4 26.5 6 40.1.1 1.2-.7 10.6-.5 12.4l1.8-2.8c25.7-45.2 52.4-98.4 78.1-143.6 5.8-10.2 5.2-20.5-1.5-28.4a21.7 21.7 0 0 0-31.9-1.8 22.4 22.4 0 0 0-1.5 32.8l2.9 2.8-2.1 3.6-50.5 80.1a7.2 7.2 0 0 0-.8 4.8M61.6 230.2c7.7-38.5 30.9-66.5 64.2-86.4a125 125 0 0 1 43.3-14.8c.4-2.1.8-4 1-5.8a6.9 6.9 0 0 1 4.4-5.8 25 25 0 0 1 16.4-1.6c3.7 1 5 2.9 4.8 6.7l-.4 4.5c28.2.2 55.7 2.3 83.2 4.8l-4.7 54.1-21.4.6c-3.1.1-5.4 1.3-6.3 4.4-.9 3.1-.4 6.2 2.5 7.9 2.6 1.5 5.7 3 8.5 3a3170.9 3170.9 0 0 0 69.6-1.5c-3.2 7.7-6.4 14.8-9.1 22-1.1 3-2.8 3.7-5.6 3.7-10.2 0-20.3.4-30.5.3-11-.1-22.1.1-33.1-.8a32.1 32.1 0 0 1-28.7-31.7 32.9 32.9 0 0 1 28.7-33.2l5.2-.4.6-6.6c-10.7-.3-21-.6-31.4-.7-.9 0-27.3.7-27.4 1.7-.8 9.8-3.6 46.5-4 56.3-.4 10 3.9 16.5 13.1 20.4 2.6 1.1 5.4 2 8.1 2.6 15.2 3.3 30.7 3.3 46.2 3.1l14.9-.4c-.9 5-1.4 9.5-2.5 13.9-.6 2.3.3 3.4 2 4.7a157.3 157.3 0 0 1 45 52l1.5 2.5a7112 7112 0 0 0 32.9-52.2c.6-.9.3-2.8-.3-3.9a47.1 47.1 0 0 1-3.8-37.6 50.7 50.7 0 0 1 41.9-35.5 51 51 0 0 1 50.7 19.7c24.9 35.3-1.9 67.2-1.9 67.2L365.6 395h-52.5a141.5 141.5 0 0 0-79.8-135c-1.6-.7-3.4-.9-5.2-1.1-10.7-1-21.5-1.1-31.9-3.1-20.2-3.7-30.3-16.2-31.7-36.8-1.1-17.1-.8-34.1.7-51.1l.9-10.6c-2.1.5-4 .9-5.7 1.5-37 12.7-62.3 37.3-71 75.7-8.7 38.5 2.6 72.2 31.7 98.9 16.4 15 51.9 46.9 68.6 61.6h-38c-8.4-7.5-43-36-51.2-43.6-35.7-32.6-48.4-74-38.9-121.2"></path></svg>

package/dist/collection/collection-manifest.json

@@ -8,7 +8,7 @@
     "components/six-dropdown/six-dropdown.js",
     "components/six-file-list-item/six-file-list-item.js",
     "components/six-file-upload/six-file-upload.js",
-    "components/six-header/six-header.js",
+    "components/six-input/six-input.js",
     "components/six-language-switcher/six-language-switcher.js",
     "components/six-stage-indicator/six-stage-indicator.js",
     "components/six-search-field/six-search-field.js",
@@ -19,6 +19,7 @@
     "components/six-button/six-button.js",
     "components/six-card/six-card.js",
     "components/six-checkbox/six-checkbox.js",
+    "components/six-date/six-date.js",
     "components/six-details/six-details.js",
     "components/six-dialog/six-dialog.js",
     "components/six-drawer/six-drawer.js",
@@ -27,10 +28,14 @@
     "components/six-file-list/six-file-list.js",
     "components/six-footer/six-footer.js",
     "components/six-group-label/six-group-label.js",
+    "components/six-header/six-header.js",
+    "components/six-header-dropdown-item/six-header-dropdown-item.js",
+    "components/six-header-item/six-header-item.js",
+    "components/six-header-menu-button/six-header-menu-button.js",
     "components/six-icon/six-icon.js",
     "components/six-icon-button/six-icon-button.js",
-    "components/six-input/six-input.js",
     "components/six-layout-grid/six-layout-grid.js",
+    "components/six-logo/six-logo.js",
     "components/six-main-container/six-main-container.js",
     "components/six-menu-divider/six-menu-divider.js",
     "components/six-menu-item/six-menu-item.js",
@@ -55,8 +60,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.12.4",
-    "typescriptVersion": "5.3.3"
+    "version": "4.28.2",
+    "typescriptVersion": "5.5.4"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/six-alert/six-alert.css

@@ -6,6 +6,17 @@
   box-sizing: border-box;
 }
 
+/* Hides content visually while still making it available to screen readers */
+.sr-only {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
 /**
  * @prop --box-shadow: The alert's box shadow.
  */

package/dist/collection/components/six-alert/six-alert.js

@@ -17,6 +17,19 @@ const toastStack = Object.assign(document.createElement('div'), { className: 'si
  */
 export class SixAlert {
     constructor() {
+        this.isVisible = false;
+        /** Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. */
+        this.open = false;
+        /** Set to true to make the alert closable. */
+        this.closable = false;
+        /** The type of alert. */
+        this.type = 'primary';
+        /**
+         * The length of time, in milliseconds, the alert will show before closing itself.
+         * If the user hovers over the toast alert, the timer will pause.
+         * On leaving the element with the mouse, the timer resets.
+         */
+        this.duration = Infinity;
         this.handleCloseClick = () => {
             this.hide();
         };
@@ -34,11 +47,6 @@ export class SixAlert {
                 this.open ? this.sixAfterShow.emit() : this.sixAfterHide.emit();
             }
         };
-        this.isVisible = false;
-        this.open = false;
-        this.closable = false;
-        this.type = 'primary';
-        this.duration = Infinity;
     }
     handleOpenChange() {
         this.open ? this.show() : this.hide();
@@ -151,7 +159,7 @@ export class SixAlert {
                 'alert--warning': this.type === 'warning',
                 'alert--danger': this.type === 'danger',
                 'alert--shadow': asToast,
-            }, role: "alert", "aria-live": "assertive", "aria-atomic": "true", "aria-hidden": this.open ? 'false' : 'true', onTransitionEnd: this.handleTransitionEnd, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("span", { key: 'fb6e8cf52eb87ddb1a81a797482457b3afccaa98', part: "icon", class: "alert__icon" }, h("slot", { key: '3d97a399ac05620214ef8a4d6a19c37a103f76a2', name: "icon" })), h("span", { key: '3984ce04838d33a688b6cfafb7827646e0e9d582', part: "message", class: "alert__message" }, h("slot", { key: 'f84ff31b7b74571b2ff9f074b617cb344313939e' })), this.closable && (h("span", { class: "alert__close" }, h("six-icon-button", { name: "clear", exportparts: "base:close-button", onClick: this.handleCloseClick })))));
+            }, role: "alert", "aria-live": "assertive", "aria-atomic": "true", "aria-hidden": this.open ? 'false' : 'true', onTransitionEnd: this.handleTransitionEnd, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("span", { key: 'fb6e8cf52eb87ddb1a81a797482457b3afccaa98', part: "icon", class: "alert__icon" }, h("slot", { key: '3d97a399ac05620214ef8a4d6a19c37a103f76a2', name: "icon" })), h("span", { key: '3984ce04838d33a688b6cfafb7827646e0e9d582', part: "message", class: "alert__message" }, h("slot", { key: 'f84ff31b7b74571b2ff9f074b617cb344313939e' })), this.closable && (h("span", { key: '5291d4a747001042ad9882c32427094019e16dbb', class: "alert__close" }, h("six-icon-button", { key: '48a38b0a283400ae84ed95df38a43ee6a41e1fb0', name: "clear", exportparts: "base:close-button", onClick: this.handleCloseClick })))));
     }
     static get is() { return "six-alert"; }
     static get encapsulation() { return "shadow"; }
@@ -181,6 +189,8 @@ export class SixAlert {
                     "tags": [],
                     "text": "Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "open",
                 "reflect": true,
                 "defaultValue": "false"
@@ -199,6 +209,8 @@ export class SixAlert {
                     "tags": [],
                     "text": "Set to true to make the alert closable."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "closable",
                 "reflect": true,
                 "defaultValue": "false"
@@ -223,6 +235,8 @@ export class SixAlert {
                     "tags": [],
                     "text": "The type of alert."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "type",
                 "reflect": true,
                 "defaultValue": "'primary'"
@@ -241,6 +255,8 @@ export class SixAlert {
                     "tags": [],
                     "text": "The length of time, in milliseconds, the alert will show before closing itself.\nIf the user hovers over the toast alert, the timer will pause.\nOn leaving the element with the mouse, the timer resets."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "duration",
                 "reflect": false,
                 "defaultValue": "Infinity"

package/dist/collection/components/six-alert/six-alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"six-alert.js","sourceRoot":"","sources":["../../../src/components/six-alert/six-alert.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { EmptyPayload } from '../../utils/types';\nimport { getSlot } from '../../utils/slot';\n\nconst toastStack = Object.assign(document.createElement('div'), { className: 'six-toast-stack' });\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The alert's content.\n * @slot icon - An icon to show in the alert.\n *\n * @part base - The component's base wrapper.\n * @part icon - The container that wraps the alert icon.\n * @part message - The alert message.\n * @part close-button - The close button.\n */\n\n@Component({\n  tag: 'six-alert',\n  styleUrl: 'six-alert.scss',\n  shadow: true,\n})\nexport class SixAlert {\n  private autoHideTimeout?: number;\n\n  @Element() host!: HTMLSixAlertElement;\n\n  @State() isVisible = false;\n\n  /** Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** Set to true to make the alert closable. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** The type of alert. */\n  @Prop({ reflect: true }) type: AlertType = 'primary';\n\n  /**\n   * The length of time, in milliseconds, the alert will show before closing itself.\n   * If the user hovers over the toast alert, the timer will pause.\n   * On leaving the element with the mouse, the timer resets.\n   */\n  @Prop() duration = Infinity;\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  @Watch('duration')\n  handleDurationChange() {\n    this.restartAutoHide();\n  }\n\n  /** Emitted when the alert opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event({ eventName: 'six-alert-show' }) sixShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the alert opens and all transitions are complete. */\n  @Event({ eventName: 'six-alert-after-show' }) sixAfterShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the alert closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event({ eventName: 'six-alert-hide' }) sixHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the alert closes and all transitions are complete. */\n  @Event({ eventName: 'six-alert-after-hide' }) sixAfterHide!: EventEmitter<EmptyPayload>;\n\n  componentWillLoad() {\n    // Show on init if open\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  /** Shows the alert. */\n  @Method()\n  async show() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (this.isVisible) {\n      return;\n    }\n\n    const sixShow = this.sixShow.emit();\n    if (sixShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    this.isVisible = true;\n    this.open = true;\n\n    if (this.duration < Infinity) {\n      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);\n    }\n  }\n\n  /** Hides the alert */\n  @Method()\n  async hide() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (!this.isVisible) {\n      return;\n    }\n\n    const sixHide = this.sixHide.emit();\n    if (sixHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    clearTimeout(this.autoHideTimeout);\n    this.isVisible = false;\n    this.open = false;\n  }\n\n  /**\n   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\n   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\n   * calling this method again. The returned promise will resolve after the alert is hidden.\n   * @param adjustPosition  If true, the top and right position of the toast stack is shifted according to the\n   *                        six-root header's height and the presence of a vertical scrollbar.\n   */\n  @Method()\n  async toast(adjustPosition = true) {\n    return new Promise<void>((resolve) => {\n      if (!toastStack.parentElement) {\n        document.body.append(toastStack);\n      }\n      toastStack.append(this.host);\n\n      if (adjustPosition) {\n        const sixRoot = document.querySelector('six-root');\n        const headerSlot = getSlot(sixRoot, 'header');\n        const mainSlot = sixRoot?.shadowRoot?.querySelector('host main');\n        if (mainSlot != null && mainSlot instanceof HTMLElement) {\n          const scrollbarWidth = mainSlot.offsetWidth - mainSlot.clientWidth;\n          toastStack.style.right = `${scrollbarWidth}px`;\n        }\n        if (headerSlot != null) {\n          const rect = headerSlot?.getBoundingClientRect();\n          toastStack.style.top = `${rect.top + rect.height}px`;\n        }\n      } else {\n        toastStack.style.top = '0';\n        toastStack.style.right = '0';\n      }\n\n      requestAnimationFrame(() => this.show());\n\n      this.host.addEventListener(\n        'six-alert-after-hide',\n        () => {\n          this.host.remove();\n          resolve();\n\n          // Remove the toast stack from the DOM when there are no more alerts\n          if (toastStack.querySelector('six-alert') === null) {\n            toastStack.remove();\n          }\n        },\n        { once: true }\n      );\n    });\n  }\n\n  private pauseAutoHide() {\n    clearTimeout(this.autoHideTimeout);\n  }\n\n  private resetAutoHide() {\n    if (this.open && this.duration < Infinity) {\n      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);\n    }\n  }\n\n  private restartAutoHide() {\n    this.pauseAutoHide();\n    this.resetAutoHide();\n  }\n\n  private handleCloseClick = () => {\n    this.hide();\n  };\n\n  private handleMouseEnter = () => {\n    this.pauseAutoHide();\n  };\n\n  private handleMouseLeave = () => {\n    this.resetAutoHide();\n  };\n\n  private handleTransitionEnd = (event: TransitionEvent) => {\n    const target = event.target as HTMLElement;\n\n    // Ensure we only emit one event when the target element is no longer visible\n    if (event.propertyName === 'opacity' && target.classList.contains('alert')) {\n      this.isVisible = this.open;\n      this.open ? this.sixAfterShow.emit() : this.sixAfterHide.emit();\n    }\n  };\n\n  render() {\n    const asToast = this.host.closest('.six-toast-stack') != null;\n\n    return (\n      <div\n        part=\"base\"\n        class={{\n          alert: true,\n          'alert--open': this.open,\n          'alert--visible': this.isVisible,\n          'alert--closable': this.closable,\n          'alert--primary': this.type === 'primary',\n          'alert--success': this.type === 'success',\n          'alert--info': this.type === 'info',\n          'alert--warning': this.type === 'warning',\n          'alert--danger': this.type === 'danger',\n          'alert--shadow': asToast,\n        }}\n        role=\"alert\"\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        aria-hidden={this.open ? 'false' : 'true'}\n        onTransitionEnd={this.handleTransitionEnd}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n      >\n        <span part=\"icon\" class=\"alert__icon\">\n          <slot name=\"icon\" />\n        </span>\n\n        <span part=\"message\" class=\"alert__message\">\n          <slot />\n        </span>\n\n        {this.closable && (\n          <span class=\"alert__close\">\n            <six-icon-button\n              name=\"clear\"\n              exportparts=\"base:close-button\"\n              onClick={this.handleCloseClick}\n            ></six-icon-button>\n          </span>\n        )}\n      </div>\n    );\n  }\n}\n\nexport type AlertType = 'primary' | 'success' | 'info' | 'warning' | 'danger';\n"]}
+{"version":3,"file":"six-alert.js","sourceRoot":"","sources":["../../../src/components/six-alert/six-alert.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { EmptyPayload } from '../../utils/types';\nimport { getSlot } from '../../utils/slot';\n\nconst toastStack = Object.assign(document.createElement('div'), { className: 'six-toast-stack' });\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The alert's content.\n * @slot icon - An icon to show in the alert.\n *\n * @part base - The component's base wrapper.\n * @part icon - The container that wraps the alert icon.\n * @part message - The alert message.\n * @part close-button - The close button.\n */\n\n@Component({\n  tag: 'six-alert',\n  styleUrl: 'six-alert.scss',\n  shadow: true,\n})\nexport class SixAlert {\n  private autoHideTimeout?: number;\n\n  @Element() host!: HTMLSixAlertElement;\n\n  @State() isVisible = false;\n\n  /** Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** Set to true to make the alert closable. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** The type of alert. */\n  @Prop({ reflect: true }) type: AlertType = 'primary';\n\n  /**\n   * The length of time, in milliseconds, the alert will show before closing itself.\n   * If the user hovers over the toast alert, the timer will pause.\n   * On leaving the element with the mouse, the timer resets.\n   */\n  @Prop() duration = Infinity;\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  @Watch('duration')\n  handleDurationChange() {\n    this.restartAutoHide();\n  }\n\n  /** Emitted when the alert opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event({ eventName: 'six-alert-show' }) sixShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the alert opens and all transitions are complete. */\n  @Event({ eventName: 'six-alert-after-show' }) sixAfterShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the alert closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event({ eventName: 'six-alert-hide' }) sixHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the alert closes and all transitions are complete. */\n  @Event({ eventName: 'six-alert-after-hide' }) sixAfterHide!: EventEmitter<EmptyPayload>;\n\n  componentWillLoad() {\n    // Show on init if open\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  /** Shows the alert. */\n  @Method()\n  async show() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (this.isVisible) {\n      return;\n    }\n\n    const sixShow = this.sixShow.emit();\n    if (sixShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    this.isVisible = true;\n    this.open = true;\n\n    if (this.duration < Infinity) {\n      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);\n    }\n  }\n\n  /** Hides the alert */\n  @Method()\n  async hide() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (!this.isVisible) {\n      return;\n    }\n\n    const sixHide = this.sixHide.emit();\n    if (sixHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    clearTimeout(this.autoHideTimeout);\n    this.isVisible = false;\n    this.open = false;\n  }\n\n  /**\n   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\n   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\n   * calling this method again. The returned promise will resolve after the alert is hidden.\n   * @param adjustPosition  If true, the top and right position of the toast stack is shifted according to the\n   *                        six-root header's height and the presence of a vertical scrollbar.\n   */\n  @Method()\n  async toast(adjustPosition = true) {\n    return new Promise<void>((resolve) => {\n      if (!toastStack.parentElement) {\n        document.body.append(toastStack);\n      }\n      toastStack.append(this.host);\n\n      if (adjustPosition) {\n        const sixRoot = document.querySelector('six-root');\n        const headerSlot = getSlot(sixRoot, 'header');\n        const mainSlot = sixRoot?.shadowRoot?.querySelector('host main');\n        if (mainSlot != null && mainSlot instanceof HTMLElement) {\n          const scrollbarWidth = mainSlot.offsetWidth - mainSlot.clientWidth;\n          toastStack.style.right = `${scrollbarWidth}px`;\n        }\n        if (headerSlot != null) {\n          const rect = headerSlot?.getBoundingClientRect();\n          toastStack.style.top = `${rect.top + rect.height}px`;\n        }\n      } else {\n        toastStack.style.top = '0';\n        toastStack.style.right = '0';\n      }\n\n      requestAnimationFrame(() => this.show());\n\n      this.host.addEventListener(\n        'six-alert-after-hide',\n        () => {\n          this.host.remove();\n          resolve();\n\n          // Remove the toast stack from the DOM when there are no more alerts\n          if (toastStack.querySelector('six-alert') === null) {\n            toastStack.remove();\n          }\n        },\n        { once: true }\n      );\n    });\n  }\n\n  private pauseAutoHide() {\n    clearTimeout(this.autoHideTimeout);\n  }\n\n  private resetAutoHide() {\n    if (this.open && this.duration < Infinity) {\n      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);\n    }\n  }\n\n  private restartAutoHide() {\n    this.pauseAutoHide();\n    this.resetAutoHide();\n  }\n\n  private handleCloseClick = () => {\n    this.hide();\n  };\n\n  private handleMouseEnter = () => {\n    this.pauseAutoHide();\n  };\n\n  private handleMouseLeave = () => {\n    this.resetAutoHide();\n  };\n\n  private handleTransitionEnd = (event: TransitionEvent) => {\n    const target = event.target as HTMLElement;\n\n    // Ensure we only emit one event when the target element is no longer visible\n    if (event.propertyName === 'opacity' && target.classList.contains('alert')) {\n      this.isVisible = this.open;\n      this.open ? this.sixAfterShow.emit() : this.sixAfterHide.emit();\n    }\n  };\n\n  render() {\n    const asToast = this.host.closest('.six-toast-stack') != null;\n\n    return (\n      <div\n        part=\"base\"\n        class={{\n          alert: true,\n          'alert--open': this.open,\n          'alert--visible': this.isVisible,\n          'alert--closable': this.closable,\n          'alert--primary': this.type === 'primary',\n          'alert--success': this.type === 'success',\n          'alert--info': this.type === 'info',\n          'alert--warning': this.type === 'warning',\n          'alert--danger': this.type === 'danger',\n          'alert--shadow': asToast,\n        }}\n        role=\"alert\"\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        aria-hidden={this.open ? 'false' : 'true'}\n        onTransitionEnd={this.handleTransitionEnd}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n      >\n        <span part=\"icon\" class=\"alert__icon\">\n          <slot name=\"icon\" />\n        </span>\n\n        <span part=\"message\" class=\"alert__message\">\n          <slot />\n        </span>\n\n        {this.closable && (\n          <span class=\"alert__close\">\n            <six-icon-button\n              name=\"clear\"\n              exportparts=\"base:close-button\"\n              onClick={this.handleCloseClick}\n            ></six-icon-button>\n          </span>\n        )}\n      </div>\n    );\n  }\n}\n\nexport type AlertType = 'primary' | 'success' | 'info' | 'warning' | 'danger';\n"]}

package/dist/collection/components/six-avatar/six-avatar.css

@@ -6,6 +6,17 @@
   box-sizing: border-box;
 }
 
+/* Hides content visually while still making it available to screen readers */
+.sr-only {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
 /**
  * @prop --size: The size of the avatar.
  */

package/dist/collection/components/six-avatar/six-avatar.js

@@ -14,22 +14,26 @@ import { h } from "@stencil/core";
  */
 export class SixAvatar {
     constructor() {
-        this.handleImageError = () => {
-            this.hasError = true;
-        };
         this.hasError = false;
+        /** The image source to use for the avatar. */
         this.image = '';
+        /** Alternative text for the image. */
         this.alt = '';
+        /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
         this.initials = '';
+        /** The shape of the avatar. */
         this.shape = 'circle';
+        this.handleImageError = () => {
+            this.hasError = true;
+        };
     }
     render() {
-        return (h("div", { key: 'a34616731683542d8bbdc16778ab34093654d773', part: "base", class: {
+        return (h("div", { key: '1aaade211fdffbe4e64a03942be0f2dc045f2ba5', part: "base", class: {
                 avatar: true,
                 'avatar--circle': this.shape === 'circle',
                 'avatar--rounded': this.shape === 'rounded',
                 'avatar--square': this.shape === 'square',
-            }, role: "image", "aria-label": this.alt, tabIndex: 0 }, this.initials === '' && (h("div", { part: "icon", class: "avatar__icon" }, h("slot", { name: "icon" }, h("six-icon", null, "person")))), this.initials && (h("div", { part: "initials", class: "avatar__initials" }, this.initials)), this.image && !this.hasError && (h("img", { part: "image", class: "avatar__image", src: this.image, onError: this.handleImageError }))));
+            }, role: "image", "aria-label": this.alt, tabIndex: 0 }, this.initials === '' && (h("div", { key: '08f51e38d5961efe8a1edd229b19173a76773fac', part: "icon", class: "avatar__icon" }, h("slot", { key: '93a72971ee8e0e0cc700341520f456e8284b76e6', name: "icon" }, h("six-icon", { key: 'bc3fcbdde635da80270e3ea545b11113ee6512c1' }, "person")))), this.initials && (h("div", { key: '0531c544e1400e170161de648afeb1a27ddcbfb6', part: "initials", class: "avatar__initials" }, this.initials)), this.image && !this.hasError && (h("img", { key: 'aae3851a20d505d4ee266828ac777a2518bdaf6e', part: "image", class: "avatar__image", src: this.image, onError: this.handleImageError }))));
     }
     static get is() { return "six-avatar"; }
     static get encapsulation() { return "shadow"; }
@@ -59,6 +63,8 @@ export class SixAvatar {
                     "tags": [],
                     "text": "The image source to use for the avatar."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "image",
                 "reflect": false,
                 "defaultValue": "''"
@@ -77,6 +83,8 @@ export class SixAvatar {
                     "tags": [],
                     "text": "Alternative text for the image."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "alt",
                 "reflect": false,
                 "defaultValue": "''"
@@ -95,6 +103,8 @@ export class SixAvatar {
                     "tags": [],
                     "text": "Initials to use as a fallback when no image is available (1-2 characters max recommended)."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "initials",
                 "reflect": false,
                 "defaultValue": "''"
@@ -113,6 +123,8 @@ export class SixAvatar {
                     "tags": [],
                     "text": "The shape of the avatar."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "shape",
                 "reflect": false,
                 "defaultValue": "'circle'"

package/dist/collection/components/six-avatar/six-avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"six-avatar.js","sourceRoot":"","sources":["../../../src/components/six-avatar/six-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE1D;;;;;;;;;;;;GAYG;AAMH,MAAM,OAAO,SAAS;;QAeZ,qBAAgB,GAAG,GAAG,EAAE;YAC9B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC,CAAC;wBAhBkB,KAAK;qBAGT,EAAE;mBAGJ,EAAE;wBAGG,EAAE;qBAG4B,QAAQ;;IAMzD,MAAM;QACJ,OAAO,CACL,4DACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI;gBACZ,gBAAgB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;gBACzC,iBAAiB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;gBAC3C,gBAAgB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;aAC1C,EACD,IAAI,EAAC,OAAO,gBACA,IAAI,CAAC,GAAG,EACpB,QAAQ,EAAE,CAAC;YAEV,IAAI,CAAC,QAAQ,KAAK,EAAE,IAAI,CACvB,WAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc;gBACnC,YAAM,IAAI,EAAC,MAAM;oBACf,6BAA2B,CACtB,CACH,CACP;YAEA,IAAI,CAAC,QAAQ,IAAI,CAChB,WAAK,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,kBAAkB,IAC1C,IAAI,CAAC,QAAQ,CACV,CACP;YAEA,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAC/B,WAAK,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,eAAe,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,GAAI,CAC5F,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot icon - The default icon to use when no image or initials are present.\n *\n * @part base - The component's base wrapper.\n * @part icon - The container that wraps the avatar icon.\n * @part initials - The container that wraps the avatar initials.\n * @part image - The avatar image.\n */\n@Component({\n  tag: 'six-avatar',\n  styleUrl: 'six-avatar.scss',\n  shadow: true,\n})\nexport class SixAvatar {\n  @State() hasError = false;\n\n  /** The image source to use for the avatar. */\n  @Prop() image = '';\n\n  /** Alternative text for the image. */\n  @Prop() alt = '';\n\n  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */\n  @Prop() initials = '';\n\n  /** The shape of the avatar. */\n  @Prop() shape: 'circle' | 'square' | 'rounded' = 'circle';\n\n  private handleImageError = () => {\n    this.hasError = true;\n  };\n\n  render() {\n    return (\n      <div\n        part=\"base\"\n        class={{\n          avatar: true,\n          'avatar--circle': this.shape === 'circle',\n          'avatar--rounded': this.shape === 'rounded',\n          'avatar--square': this.shape === 'square',\n        }}\n        role=\"image\"\n        aria-label={this.alt}\n        tabIndex={0}\n      >\n        {this.initials === '' && (\n          <div part=\"icon\" class=\"avatar__icon\">\n            <slot name=\"icon\">\n              <six-icon>person</six-icon>\n            </slot>\n          </div>\n        )}\n\n        {this.initials && (\n          <div part=\"initials\" class=\"avatar__initials\">\n            {this.initials}\n          </div>\n        )}\n\n        {this.image && !this.hasError && (\n          <img part=\"image\" class=\"avatar__image\" src={this.image} onError={this.handleImageError} />\n        )}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"six-avatar.js","sourceRoot":"","sources":["../../../src/components/six-avatar/six-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE1D;;;;;;;;;;;;GAYG;AAMH,MAAM,OAAO,SAAS;IALtB;QAMW,aAAQ,GAAG,KAAK,CAAC;QAE1B,8CAA8C;QACtC,UAAK,GAAG,EAAE,CAAC;QAEnB,sCAAsC;QAC9B,QAAG,GAAG,EAAE,CAAC;QAEjB,iGAAiG;QACzF,aAAQ,GAAG,EAAE,CAAC;QAEtB,+BAA+B;QACvB,UAAK,GAAoC,QAAQ,CAAC;QAElD,qBAAgB,GAAG,GAAG,EAAE;YAC9B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC,CAAC;KAoCH;IAlCC,MAAM;QACJ,OAAO,CACL,4DACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI;gBACZ,gBAAgB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;gBACzC,iBAAiB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;gBAC3C,gBAAgB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;aAC1C,EACD,IAAI,EAAC,OAAO,gBACA,IAAI,CAAC,GAAG,EACpB,QAAQ,EAAE,CAAC;YAEV,IAAI,CAAC,QAAQ,KAAK,EAAE,IAAI,CACvB,4DAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc;gBACnC,6DAAM,IAAI,EAAC,MAAM;oBACf,4EAA2B,CACtB,CACH,CACP;YAEA,IAAI,CAAC,QAAQ,IAAI,CAChB,4DAAK,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,kBAAkB,IAC1C,IAAI,CAAC,QAAQ,CACV,CACP;YAEA,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAC/B,4DAAK,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,eAAe,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,GAAI,CAC5F,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot icon - The default icon to use when no image or initials are present.\n *\n * @part base - The component's base wrapper.\n * @part icon - The container that wraps the avatar icon.\n * @part initials - The container that wraps the avatar initials.\n * @part image - The avatar image.\n */\n@Component({\n  tag: 'six-avatar',\n  styleUrl: 'six-avatar.scss',\n  shadow: true,\n})\nexport class SixAvatar {\n  @State() hasError = false;\n\n  /** The image source to use for the avatar. */\n  @Prop() image = '';\n\n  /** Alternative text for the image. */\n  @Prop() alt = '';\n\n  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */\n  @Prop() initials = '';\n\n  /** The shape of the avatar. */\n  @Prop() shape: 'circle' | 'square' | 'rounded' = 'circle';\n\n  private handleImageError = () => {\n    this.hasError = true;\n  };\n\n  render() {\n    return (\n      <div\n        part=\"base\"\n        class={{\n          avatar: true,\n          'avatar--circle': this.shape === 'circle',\n          'avatar--rounded': this.shape === 'rounded',\n          'avatar--square': this.shape === 'square',\n        }}\n        role=\"image\"\n        aria-label={this.alt}\n        tabIndex={0}\n      >\n        {this.initials === '' && (\n          <div part=\"icon\" class=\"avatar__icon\">\n            <slot name=\"icon\">\n              <six-icon>person</six-icon>\n            </slot>\n          </div>\n        )}\n\n        {this.initials && (\n          <div part=\"initials\" class=\"avatar__initials\">\n            {this.initials}\n          </div>\n        )}\n\n        {this.image && !this.hasError && (\n          <img part=\"image\" class=\"avatar__image\" src={this.image} onError={this.handleImageError} />\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/six-badge/six-badge.css

@@ -6,6 +6,17 @@
   box-sizing: border-box;
 }
 
+/* Hides content visually while still making it available to screen readers */
+.sr-only {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
 :host {
   display: inline-flex;
 }

package/dist/collection/components/six-badge/six-badge.js

@@ -11,12 +11,15 @@ import { h } from "@stencil/core";
  */
 export class SixBadge {
     constructor() {
+        /** The badge's type. */
         this.type = 'primary';
+        /** Set to true to draw a pill-style badge with rounded edges. */
         this.pill = false;
+        /** Set to true to make the badge pulsate to draw attention. */
         this.pulse = false;
     }
     render() {
-        return (h("span", { key: '25b1dedcb8bc33ec21f80ce88ca7a30ea62181c0', part: "base", class: {
+        return (h("span", { key: '6352c1b6f7b593982f42b4e26862f365d9aa32fa', part: "base", class: {
                 badge: true,
                 // Types
                 'badge--primary': this.type === 'primary',
@@ -28,7 +31,7 @@ export class SixBadge {
                 'badge--info': this.type === 'info',
                 'badge--pill': this.pill,
                 'badge--pulse': this.pulse,
-            }, role: "status" }, h("slot", { key: 'ac5c9645468d85700838f1cfaf71546bbb1b747b' })));
+            }, role: "status" }, h("slot", { key: 'df34cfd3b2ecd789592b0436948a4918616dcf9f' })));
     }
     static get is() { return "six-badge"; }
     static get encapsulation() { return "shadow"; }
@@ -58,6 +61,8 @@ export class SixBadge {
                     "tags": [],
                     "text": "The badge's type."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "type",
                 "reflect": false,
                 "defaultValue": "'primary'"
@@ -76,6 +81,8 @@ export class SixBadge {
                     "tags": [],
                     "text": "Set to true to draw a pill-style badge with rounded edges."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "pill",
                 "reflect": false,
                 "defaultValue": "false"
@@ -94,6 +101,8 @@ export class SixBadge {
                     "tags": [],
                     "text": "Set to true to make the badge pulsate to draw attention."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "pulse",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/six-badge/six-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"six-badge.js","sourceRoot":"","sources":["../../../src/components/six-badge/six-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;;;;;GASG;AAOH,MAAM,OAAO,QAAQ;;oBAE4E,SAAS;oBAGzF,KAAK;qBAGJ,KAAK;;IAErB,MAAM;QACJ,OAAO,CACL,6DACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI;gBAEX,QAAQ;gBACR,gBAAgB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;gBACzC,kBAAkB,EAAE,IAAI,CAAC,IAAI,KAAK,WAAW;gBAC7C,gBAAgB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;gBACzC,gBAAgB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;gBACzC,eAAe,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;gBACvC,eAAe,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;gBACvC,aAAa,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;gBACnC,aAAa,EAAE,IAAI,CAAC,IAAI;gBACxB,cAAc,EAAE,IAAI,CAAC,KAAK;aAC3B,EACD,IAAI,EAAC,QAAQ;YAEb,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The badge's content.\n *\n * @part base - The base wrapper\n */\n\n@Component({\n  tag: 'six-badge',\n  styleUrl: 'six-badge.scss',\n  shadow: true,\n})\nexport class SixBadge {\n  /** The badge's type. */\n  @Prop() type: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'action' = 'primary';\n\n  /** Set to true to draw a pill-style badge with rounded edges. */\n  @Prop() pill = false;\n\n  /** Set to true to make the badge pulsate to draw attention. */\n  @Prop() pulse = false;\n\n  render() {\n    return (\n      <span\n        part=\"base\"\n        class={{\n          badge: true,\n\n          // Types\n          'badge--primary': this.type === 'primary',\n          'badge--secondary': this.type === 'secondary',\n          'badge--success': this.type === 'success',\n          'badge--warning': this.type === 'warning',\n          'badge--danger': this.type === 'danger',\n          'badge--action': this.type === 'action',\n          'badge--info': this.type === 'info',\n          'badge--pill': this.pill,\n          'badge--pulse': this.pulse,\n        }}\n        role=\"status\"\n      >\n        <slot />\n      </span>\n    );\n  }\n}\n"]}
+{"version":3,"file":"six-badge.js","sourceRoot":"","sources":["../../../src/components/six-badge/six-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;;;;;GASG;AAOH,MAAM,OAAO,QAAQ;IALrB;QAME,wBAAwB;QAChB,SAAI,GAAmF,SAAS,CAAC;QAEzG,iEAAiE;QACzD,SAAI,GAAG,KAAK,CAAC;QAErB,+DAA+D;QACvD,UAAK,GAAG,KAAK,CAAC;KA0BvB;IAxBC,MAAM;QACJ,OAAO,CACL,6DACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI;gBAEX,QAAQ;gBACR,gBAAgB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;gBACzC,kBAAkB,EAAE,IAAI,CAAC,IAAI,KAAK,WAAW;gBAC7C,gBAAgB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;gBACzC,gBAAgB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;gBACzC,eAAe,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;gBACvC,eAAe,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;gBACvC,aAAa,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;gBACnC,aAAa,EAAE,IAAI,CAAC,IAAI;gBACxB,cAAc,EAAE,IAAI,CAAC,KAAK;aAC3B,EACD,IAAI,EAAC,QAAQ;YAEb,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The badge's content.\n *\n * @part base - The base wrapper\n */\n\n@Component({\n  tag: 'six-badge',\n  styleUrl: 'six-badge.scss',\n  shadow: true,\n})\nexport class SixBadge {\n  /** The badge's type. */\n  @Prop() type: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'action' = 'primary';\n\n  /** Set to true to draw a pill-style badge with rounded edges. */\n  @Prop() pill = false;\n\n  /** Set to true to make the badge pulsate to draw attention. */\n  @Prop() pulse = false;\n\n  render() {\n    return (\n      <span\n        part=\"base\"\n        class={{\n          badge: true,\n\n          // Types\n          'badge--primary': this.type === 'primary',\n          'badge--secondary': this.type === 'secondary',\n          'badge--success': this.type === 'success',\n          'badge--warning': this.type === 'warning',\n          'badge--danger': this.type === 'danger',\n          'badge--action': this.type === 'action',\n          'badge--info': this.type === 'info',\n          'badge--pill': this.pill,\n          'badge--pulse': this.pulse,\n        }}\n        role=\"status\"\n      >\n        <slot />\n      </span>\n    );\n  }\n}\n"]}