@dialpad/dialtone-css 1.0.0

package/lib/dist/vue/spot/SpotFemaleLaptopTyping.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg aria-hidden="true" focusable="false" aria-label="Female Laptop Typing" class="femaleLaptopTyping" viewBox="0 0 253 256" fill="none"><path d="M231.06 202.216h-22.637v-31.879c0-6.3 5.064-11.4 11.319-11.4 6.254 0 11.318 5.1 11.318 11.4v31.879Z" fill="var(--dt-color-border-brand-subtle)" id="Vector"/><path d="M233.572 239.526h-27.648l-3.166-34.226h33.981l-3.167 34.226Z" fill="var(--dt-color-link-primary)" id="Vector"/><path d="M219.634 157.674a2.51 2.51 0 0 1-.036.064l-.014-.025-.012-.022-.079.021.006-.063c-.401-.111-2.109-.617-2.754-1.348-.733-.83-.916-1.858-.419-2.319.479-.42 1.381-.18 2.096.534l-.002-.086c0-1.252.523-2.267 1.178-2.267.625 0 1.13.927 1.174 2.102.657-.548 1.44-.694 1.887-.309.537.461.406 1.528-.301 2.372-.597.713-2.234 1.21-2.724 1.346Z" fill="var(--dt-color-magenta-200)" id="Vector"/><path d="m205.976 197.367.17.289 2.578-1.594-2.839-2.135-.197.263 2.233 1.685-2.455-.077-.013.33 2.412.075-1.889 1.164Z" fill="var(--dt-color-surface-strong)" id="Vector"/><path d="m233.376 164.367-3.415 2.715.496-.061 1.714.954.158-.288-1.316-.734 2.716-.332-.026-.317-2.63.317 2.512-1.99-.209-.264Z" fill="var(--dt-color-surface-strong)" id="Vector"/><path d="M210.242 164.67h-1.753v-.33h1.308l-.693-2.24.314-.092.824 2.662Z" fill="var(--dt-color-surface-strong)" id="Vector"/><path d="M229.006 195.1a.437.437 0 0 1-.432-.435c0-.237.196-.435.432-.435.235 0 .431.198.431.435a.429.429 0 0 1-.431.435Zm0-.659a.221.221 0 0 0-.223.224c0 .237.432.237.432 0 .013-.119-.092-.224-.209-.224Z" fill="var(--dt-color-surface-strong)" id="Vector"/><path d="M229.006 196.866a.437.437 0 0 1-.432-.435c0-.237.196-.435.432-.435.235 0 .431.198.431.435a.429.429 0 0 1-.431.435Zm0-.659a.221.221 0 0 0-.223.224c0 .237.432.237.432 0 .013-.132-.092-.224-.209-.224Z" fill="var(--dt-color-surface-strong)" id="Vector"/><path d="M229.006 198.632a.437.437 0 0 1-.432-.435c0-.237.196-.435.432-.435.235 0 .431.198.431.435a.429.429 0 0 1-.431.435Zm0-.659a.221.221 0 0 0-.223.224c0 .237.432.237.432 0 .013-.132-.092-.224-.209-.224Z" fill="var(--dt-color-surface-strong)" id="Vector"/><path fill-rule="evenodd" clip-rule="evenodd" d="M46.958 218.611v-1.16H16.902v7.472c0 8.593 6.726 14.418 15.021 14.418 6.248 0 11.612-3.311 13.88-8.611.374.073.76.111 1.155.111 3.35 0 6.071-2.741 6.071-6.115s-2.722-6.115-6.071-6.115Zm-.5 10.222c.326-1.224.5-2.531.5-3.91v-4.335c2.263 0 4.108 1.858 4.108 4.138s-1.845 4.138-4.108 4.138c-.17 0-.337-.01-.5-.031Z" fill="var(--dt-color-surface-bold)" id="Vector"/><path fill-rule="evenodd" clip-rule="evenodd" d="M28.883 190.52c-.395.198-.85.682-1.17 1.668-.155.478-.225.96-.221 1.436.701-.069 1.319-.257 1.788-.598.745-.543 1.014-1.087 1.053-1.501a1.02 1.02 0 0 0-.415-.95c-.271-.192-.648-.249-1.035-.055Zm-1.318 3.901c.81-.079 1.573-.302 2.186-.749.873-.636 1.311-1.367 1.379-2.071a1.822 1.822 0 0 0-.75-1.68c-.51-.359-1.2-.444-1.855-.116-.648.324-1.212 1.023-1.573 2.136a5.341 5.341 0 0 0-.262 1.713 9.207 9.207 0 0 1-.878-.057c-1.36-.151-2.73-.563-3.663-.939a.4.4 0 0 0-.298.743c.983.395 2.425.83 3.873.991.341.038.688.061 1.033.063.3 1.903 1.553 3.608 3.05 4.667a4.966 4.966 0 0 0-.412.881c-.321.917-.348 1.914.058 2.822.408.911 1.228 1.683 2.506 2.19.1.039.202.076.306.11-.135.424-.227.87-.289 1.326-.148 1.101-.122 2.292-.062 3.423.019.358.041.708.063 1.048.048.749.092 1.449.092 2.078a.4.4 0 1 0 .8 0c0-.655-.047-1.397-.096-2.16a96.73 96.73 0 0 1-.06-1.008c-.06-1.122-.082-2.251.056-3.274.06-.443.149-.858.274-1.24 1.205.215 2.554.097 3.626-.362.507-.217.923-.499 1.22-.809.29-.303.501-.67.51-1.051.011-.421-.224-.765-.623-.958-.374-.18-.888-.232-1.519-.166-1.428.149-2.44.693-3.127 1.518a4.365 4.365 0 0 0-.57.889 4.691 4.691 0 0 1-.306-.108c-1.124-.445-1.764-1.088-2.07-1.773-.308-.688-.3-1.469-.034-2.23a4.19 4.19 0 0 1 .333-.72c.927.515 1.937.805 2.9.754 1.21-.064 2.316-.664 3.039-1.941.183-.323.23-.663.102-.979-.122-.298-.371-.503-.629-.639-.512-.27-1.23-.366-1.846-.319-1.539.118-2.894.936-3.786 2.04-1.35-.956-2.416-2.435-2.698-4.043Zm3.383 4.469c.801.432 1.635.653 2.394.613.941-.05 1.797-.501 2.383-1.536.092-.162.074-.244.058-.283-.023-.058-.094-.145-.262-.233-.338-.179-.892-.269-1.411-.229-1.268.097-2.4.764-3.162 1.668Zm2.42 5.67c1.006.146 2.114.034 2.986-.339.426-.182.747-.408.958-.628.218-.227.285-.412.288-.517.002-.065-.016-.142-.172-.217-.182-.088-.524-.151-1.087-.092-1.255.132-2.062.594-2.596 1.235a3.474 3.474 0 0 0-.377.558Z" fill="var(--dt-color-surface-bold)" id="Vector"/><path d="M142.529 107.382c0 11.94-9.605 21.626-21.459 21.626-11.855 0-21.472-9.686-21.472-21.626 0-1.41.13-2.807.392-4.151 8.217-5.76 11.947-9.911 13.621-12.468 7.289 5.68 19.68 14.168 28.787 14.365.091.751.131 1.503.131 2.254Z" fill="var(--dt-color-link-primary-inverted)" id="Vector"/><path d="M142.411 105.141c-9.107-.197-21.498-8.698-28.787-14.365-1.688 2.557-5.404 6.709-13.621 12.468.066-.356.144-.712.236-1.055a21.616 21.616 0 0 1 10.481-13.732c.287-.158.575-.316.863-.448a21.093 21.093 0 0 1 9.487-2.227c11.082 0 20.189 8.46 21.341 19.32v.039Z" fill="var(--dt-color-link-primary)" id="Vector"/><path d="M163.573 163.273c-6.589-10.736-17.342-20.897-34.862-24.447a38.576 38.576 0 0 0-15.348 0c-17.509 3.55-28.23 13.711-34.784 24.447h84.994Z" fill="var(--dt-color-magenta-200)" id="Vector"/><path d="M121.357 76.372c16.311 0 29.533-13.317 29.533-29.745 0-16.427-13.222-29.744-29.533-29.744-16.31 0-29.532 13.317-29.532 29.744 0 16.428 13.222 29.745 29.532 29.745Z" fill="var(--dt-color-link-primary)" id="Vector"/><path fill-rule="evenodd" clip-rule="evenodd" d="M152.657 29.603c-.77-.394-1.986-.526-3.705.053a7.61 7.61 0 0 0-2.408 1.333c.924 1.042 1.943 1.825 3.031 2.174 1.596.513 2.69.333 3.349-.073a1.898 1.898 0 0 0 .922-1.749c-.04-.668-.423-1.346-1.189-1.738Zm-6.846 2.067c1.007 1.13 2.162 2.03 3.458 2.445 1.779.571 3.197.432 4.18-.174a2.898 2.898 0 0 0 1.395-2.659c-.06-1.02-.649-2.015-1.732-2.57-1.08-.552-2.59-.64-4.48-.004a8.627 8.627 0 0 0-2.725 1.505c-.36-.473-.704-.982-1.029-1.516-1.292-2.122-2.234-4.531-2.743-6.269a.5.5 0 0 0-.96.281c.528 1.802 1.502 4.296 2.849 6.508.352.578.733 1.143 1.143 1.675-2.336 2.395-3.313 6.017-3.099 9.295l.005.078a8.26 8.26 0 0 0-1.779.339c-1.568.487-2.919 1.465-3.692 2.946-.773 1.482-.931 3.403-.241 5.708.072.242.156.485.251.728-.773.25-1.53.6-2.267 1.014-1.65.927-3.238 2.198-4.714 3.462-.464.398-.915.793-1.354 1.177-.973.852-1.886 1.65-2.748 2.31a.5.5 0 1 0 .607.794c.889-.68 1.844-1.515 2.83-2.378.433-.38.873-.764 1.316-1.143 1.467-1.257 2.993-2.474 4.553-3.35.731-.411 1.461-.742 2.188-.968.992 1.972 2.637 3.82 4.447 4.88.827.484 1.639.773 2.355.87.702.096 1.38.014 1.865-.337.53-.383.717-1.002.562-1.696-.148-.66-.605-1.41-1.369-2.228-1.726-1.844-3.518-2.693-5.334-2.81a7.366 7.366 0 0 0-1.963.144 8.248 8.248 0 0 1-.267-.755c-.634-2.118-.456-3.76.17-4.96.627-1.203 1.739-2.03 3.102-2.453a7.273 7.273 0 0 1 1.59-.3c.283 1.913.987 3.699 2.117 5.032 1.353 1.599 3.304 2.525 5.771 2.234.599-.07 1.065-.334 1.325-.794.246-.433.255-.95.165-1.428-.179-.959-.804-2.044-1.521-2.853-1.842-2.077-4.473-3.141-6.964-3.211l-.009-.117c-.2-3.066.708-6.308 2.746-8.451Zm-2.62 9.573c.273 1.717.91 3.269 1.87 4.402 1.15 1.358 2.776 2.136 4.891 1.887.363-.043.505-.175.572-.293.082-.145.12-.39.052-.752-.135-.726-.646-1.651-1.286-2.373-1.617-1.824-3.919-2.772-6.099-2.87Zm-5.167 9.42c.916 1.723 2.375 3.334 3.952 4.258.735.431 1.422.666 1.983.742.576.079.953-.018 1.145-.156.147-.107.257-.288.172-.667-.092-.411-.414-1.005-1.123-1.764-1.585-1.694-3.151-2.397-4.669-2.495a6.257 6.257 0 0 0-1.46.081Z" fill="var(--dt-color-purple-100)" id="Vector"/><path fill-rule="evenodd" clip-rule="evenodd" d="M136.287 28.162c-.482-.247-1.274-.345-2.433.045a5.072 5.072 0 0 0-1.481.79c.593.641 1.234 1.115 1.909 1.331 1.072.344 1.774.214 2.179-.035.401-.247.585-.656.561-1.063-.024-.406-.256-.823-.735-1.069Zm-4.647 1.517c.68.734 1.46 1.32 2.336 1.601 1.254.403 2.282.313 3.009-.136a2.151 2.151 0 0 0 1.035-1.973c-.044-.758-.482-1.492-1.278-1.9-.792-.405-1.879-.46-3.207-.012a6.094 6.094 0 0 0-1.8.963c-.21-.284-.411-.587-.604-.904-.882-1.448-1.526-3.095-1.874-4.283a.5.5 0 0 0-.96.282c.367 1.251 1.043 2.983 1.98 4.521.22.363.459.72.716 1.061-1.558 1.665-2.214 4.113-2.093 6.33-.381.04-.753.116-1.107.226-1.112.346-2.081 1.043-2.635 2.106-.556 1.066-.662 2.432-.178 4.05.036.12.076.24.12.361a9.01 9.01 0 0 0-1.436.66c-1.151.646-2.255 1.53-3.273 2.403-.324.276-.636.55-.94.816-.668.584-1.29 1.13-1.88 1.58a.5.5 0 1 0 .607.795c.617-.472 1.281-1.053 1.963-1.65.298-.26.598-.523.9-.782 1.01-.864 2.052-1.695 3.113-2.29a7.888 7.888 0 0 1 1.353-.614c.703 1.34 1.827 2.582 3.064 3.307.584.343 1.163.55 1.68.62.503.069 1.018.014 1.398-.26.424-.307.565-.802.447-1.329-.11-.494-.446-1.035-.981-1.607-1.211-1.295-2.481-1.902-3.779-1.986a5.182 5.182 0 0 0-1.266.078 6.102 6.102 0 0 1-.132-.388c-.428-1.43-.302-2.518.106-3.301.41-.786 1.139-1.332 2.046-1.614.292-.09.601-.153.919-.187.211 1.286.699 2.489 1.47 3.4.965 1.139 2.359 1.8 4.114 1.593.45-.053.821-.255 1.03-.625.195-.343.197-.741.132-1.09-.131-.696-.579-1.469-1.085-2.04-1.264-1.425-3.053-2.175-4.77-2.26-.117-2.008.465-4.1 1.74-5.523Zm-1.618 6.533c.2 1.083.617 2.051 1.22 2.764.761.899 1.831 1.412 3.234 1.247.214-.025.261-.096.277-.124.031-.055.062-.181.019-.413-.087-.464-.421-1.077-.851-1.561-1.037-1.17-2.496-1.802-3.899-1.913Zm-3.503 6.444c.621 1.089 1.556 2.092 2.558 2.679.492.288.946.442 1.309.491.377.051.59-.017.677-.08.042-.03.105-.087.058-.299-.055-.245-.256-.63-.736-1.143-1.071-1.144-2.114-1.606-3.114-1.67a4.067 4.067 0 0 0-.752.022Z" fill="var(--dt-color-purple-100)" id="Vector"/><path d="M175.659 239.671H67.082c-2.892 0-5.234-2.359-5.234-5.272v-65.854c0-2.913 2.342-5.272 5.234-5.272h108.577c2.892 0 5.234 2.359 5.234 5.272v65.854c-.013 2.913-2.342 5.272-5.234 5.272Z" fill="var(--dt-color-brand-purple)" id="Vector"/><path d="M130.189 191.638c-4.431.024-8.081 3.353-8.665 7.663l-.048-12.168c0-.122-.147-.173-.22-.098l-5.111 5.361a8.842 8.842 0 0 0-3.408-.685c-4.844.024-8.761 3.99-8.737 8.863.024 4.871 3.968 8.813 8.81 8.789 4.43-.025 8.082-3.354 8.666-7.663l.048 12.168c0 .122.145.17.218.098l5.111-5.361a8.846 8.846 0 0 0 3.408.685c4.844-.026 8.763-3.992 8.739-8.863-.026-4.873-3.968-8.815-8.811-8.789Z" fill="var(--dt-color-neutral-white)" id="dplogo"/></svg>
+</template>

package/lib/dist/vue/spot/SpotFileUpload.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg aria-hidden="true" focusable="false" aria-label="File Upload" class="fileUpload" viewBox="0 0 96 96" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M68.97 7H33v64.344h53.223v-47.09L68.97 7Z" fill="var(--dt-color-surface-moderate)" id="lines"/><path d="M79.222 33H42v-1.599h37.222V33Z" fill="var(--dt-color-border-brand-strong)" id="lines"/><path d="M79.222 39.383H42v-1.6h37.222v1.6Z" fill="var(--dt-color-border-brand-strong)" id="lines"/><path d="M42 45.011h37.222v-1.689H42v1.689Z" fill="var(--dt-color-border-brand-strong)" id="lines"/><path d="M79.222 63.13H46.334v-1.6h32.888v1.6Z" fill="var(--dt-color-border-brand-strong)" id="lines"/><path d="M42 51.157h37.222v-1.6H42v1.6Z" fill="var(--dt-color-border-brand-strong)" id="lines"/><path d="M79.222 57.077H43.551v-1.599h35.671v1.599Z" fill="var(--dt-color-border-brand-strong)" id="lines"/><g filter="url(#filter0_d_1109_128)" id="lines"><path d="M68.97 24.25h17.25L68.97 7v17.25Z" fill="var(--dt-color-surface-secondary)" id="fold"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M54.97 18.121H19v64.345h53.223V35.375L54.97 18.121Z" fill="var(--dt-color-neutral-white)" id="lines"/><path opacity=".04" fill-rule="evenodd" clip-rule="evenodd" d="M54.97 18.121H19v64.345h53.223V35.375L54.97 18.121Z" fill="var(--dt-color-surface-strong)" id="lines"/><g clip-path="url(#clip0_1109_128)" id="lines"><rect width="28.31" height="19.78" transform="translate(31.4585 44.9688)" fill="var(--dt-color-neutral-white)" id="fold"/><rect x="31.46" y="44.97" width="28.31" height="19.78" fill="var(--dt-color-brand-purple)" id="fold"/><rect opacity=".7" x="31.46" y="44.97" width="28.31" height="19.78" fill="var(--dt-color-neutral-white)" id="fold"/><path d="m40.033 55.635-7.834 9.11c7.383-.005 27.561.005 27.561.005v-7.358l-6.58-5.56-7.075 7.845-6.072-4.042Z" fill="var(--dt-color-brand-purple)" id="fold"/><path opacity=".3" d="m40.033 55.635-7.834 9.11c7.383-.005 27.561.005 27.561.005v-7.358l-6.58-5.56-7.075 7.845-6.072-4.042Z" fill="var(--dt-color-neutral-white)" id="fold"/><path d="M37.332 53.536a2.276 2.276 0 1 0-1.18-4.395 2.276 2.276 0 0 0 1.18 4.395Z" fill="var(--dt-color-neutral-white)" id="fold"/></g><g filter="url(#filter1_d_1109_128)" id="lines"><path d="M54.97 35.38h17.25L54.97 18.12v17.26Z" fill="var(--dt-color-neutral-white)" id="fold"/></g><path d="M29 80c0 5.523-4.477 10-10 10S9 85.523 9 80s4.477-10 10-10 10 4.477 10 10Z" fill="var(--dt-color-brand-purple)" id="lines"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.724 74.607a.723.723 0 0 1 1.023 0l4.602 4.601a.723.723 0 0 1-1.023 1.023l-3.367-3.367v7.978h-1.446v-7.978l-3.368 3.367a.723.723 0 1 1-1.022-1.023l4.601-4.601Z" fill="var(--dt-color-neutral-white)" id="lines"/><defs><filter id="filter0_d_1109_128" x="61.24" y="2.86" width="32.7" height="32.7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix" id="file"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" id="file"/><feOffset dy="3.59" id="file"/><feGaussianBlur stdDeviation="3.86" id="file"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" id="file"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1109_128" id="file"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1109_128" result="shape" id="file"/></filter><filter id="filter1_d_1109_128" x="47.2" y="13.96" width="32.8" height="32.81" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix" id="file"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" id="file"/><feOffset dy="3.61" id="file"/><feGaussianBlur stdDeviation="3.89" id="file"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" id="file"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1109_128" id="file"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1109_128" result="shape" id="file"/></filter><clipPath id="fold"><rect width="28.31" height="19.78" fill="var(--dt-color-surface-primary)" transform="translate(31.4585 44.9688)" id="file"/></clipPath></defs></svg>
+</template>

package/lib/dist/vue/spot/SpotMaleLaptopTyping.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg aria-hidden="true" focusable="false" aria-label="Male Laptop Typing" class="maleLaptopTyping" viewBox="0 0 282 257" fill="none"><path d="M209.921 181.1v-1.575c0-6.129-5.026-11.155-11.155-11.165h-4.073c-2.949 0-8.507 1.214-13.342 3.15-1.766.702-3.441 1.515-4.846 2.408-.24 1.896-1.053 4.534-3.922 6.731.742 3.672 4.003 6.46 7.885 6.46h10.735l-.031.01v51.845s-5.558 3.842 0 3.842v.01h38.943c7.502 0 13.221-5.891 13.686-12.788 14.079-2.469 20.983-10.253 23.563-16.063.321-.713-.582-1.335-1.134-.793-9.129 8.983-18.829 11.81-22.809 12.636a14.607 14.607 0 0 0-.334-1.129c-4.916-14.426-11.968-31.882-33.166-43.579Z" fill="var(--dt-color-magenta-200)" id="dog"/><path d="M198.886 189.808c-.632 0-1.173-.251-1.615-.762-2.829-3.201-.852-15.931-.772-16.473l.491.08c-.02.131-2.016 13.032.652 16.061.362.412.793.612 1.305.592.541-.02 1.003-.25 1.404-.722 2.759-3.2 1.394-15.399 1.384-15.519l.502-.06c.06.511 1.404 12.539-1.505 15.91-.491.572-1.083.873-1.765.893h-.081Z" fill="var(--dt-color-link-primary)" id="Vector"/><path d="m193.82 242.856-.491-.09c.461-2.638 3.26-3.742 3.992-3.993l1.605-26.845.502.03-1.625 27.197-.171.05c-.04.01-3.35.983-3.812 3.651Z" fill="var(--dt-color-link-primary)" id="Vector"/><path d="m207.925 242.876-.481-.14c.842-2.869 3.752-4.845 8.416-5.718 2.739-.512 5.347-.512 6.35-.492-.742-1.525-3.28-7.393-2.638-15.098.381-4.524 1.786-7.353 4.193-8.416 4.334-1.906 10.233 2.638 10.474 2.829l-.311.391c-.061-.05-5.909-4.545-9.972-2.769-2.227.973-3.531 3.662-3.892 7.995-.733 8.788 2.748 15.139 2.778 15.209l.221.401-.461-.03c-.111 0-12.761-.662-14.677 5.838Z" fill="var(--dt-color-link-primary)" id="Vector"/><path d="m206.741 242.876-.481-.13 4.765-17.375.481.13-4.765 17.375Z" fill="var(--dt-color-link-primary)" id="Vector"/><path d="M176.505 173.928c-.24 1.906-1.053 4.544-3.922 6.731a8.25 8.25 0 0 1-.161-1.575c0-1.866 1.646-3.632 4.083-5.156Z" fill="var(--dt-color-link-primary)" id="Vector"/><path d="m38.126 146.314 42.455 1.009.03-1.003-50.71-1.204-14.928-69.029-.973.21L29.088 146.1l8.03.191-12.598 96.998.995.13 12.611-97.104Z" fill="var(--dt-color-magenta-200)" id="Vector"/><path d="M59.815 84.574a44.533 44.533 0 0 0 4.528-6.359l-1.94-1.165c1.142-1.354 1.009-4.156.874-7.006-.127-2.662-.255-5.365.651-6.968l28.963 21.79 19.832.872c12.951.4 14.887 8.346 14.887 8.346h-16.683s-9.279.02-16.19 0c-8.167-.02-14.397-.16-17.898-1.364-4.284-1.475-11.627-5.247-17.024-8.146Z" fill="var(--dt-color-link-primary-inverted)" id="Vector"/><path d="M80.43 227.407c-7.885-3.561-9.9-9.119-9.9-9.119l-11.718-8.186-7.764 30.256 37.396 2.302.052.668 8.534-.14 10.246.631a5.887 5.887 0 0 0-.139-.796l33.484-.548c-1.081-5.858-10.742-8.827-20.149-11.717-2.723-.836-5.424-1.666-7.89-2.558-8.135-2.949-12.58-8.156-12.58-8.156l-13.452-1.685.934 11.972c-2.442-.965-4.85-1.926-7.054-2.924Z" fill="var(--dt-color-surface-contrast)" id="Vector"/><path d="M41.186 32.68a13.852 13.852 0 0 0 11.266 8.908c7.584.943 14.506-4.434 15.45-12.029a13.8 13.8 0 0 0-2.98-10.423C56.584 26.43 48.017 30.452 41.185 32.68Z" fill="var(--dt-color-link-primary-inverted)" id="Vector"/><path d="M40.424 26.128c-.281 2.288 0 4.525.762 6.541 6.832-2.217 15.39-6.25 23.735-13.543a13.831 13.831 0 0 0-9.048-5.026c-7.584-.943-14.496 4.444-15.45 12.028Z" fill="var(--dt-color-link-primary)" id="Vector"/><path d="m116.033 225.371-4.183-101.382a5.58 5.58 0 0 0-5.106-5.337l-43.127-7.403-31.71.481-1.485 4.434c-.963 5.488-3.22 21.679 7.333 27.608 1.967 1.103 5.839 2.056 8.096 2.046l27.325.276-19.75 72.686 29.334 4.408.048 1.711 33.225.472Z" fill="var(--dt-color-link-primary)" id="Vector"/><path d="M69.492 84.225c1.395 14.64.495 28.117.495 28.117l-40.367-2.618s-4.886-67.725 21.397-62.328c3.044.627 6.333 2.594 9.136 5.961l18.301 16.881s-.24 8.407-7.464 14.416l-1.498-.43Z" fill="var(--dt-color-magenta-200)" id="Vector"/><path d="m82.557 224.909-2.247-78.73.502-.02 2.247 78.73-.502.02Z" fill="var(--dt-color-surface-primary)" id="Vector"/><path d="M68.773 81.755c0-.1-.5-10.413-4.163-19.301l.462-.19c3.691 8.968 4.193 19.37 4.203 19.471l-.502.02Z" fill="var(--dt-color-surface-primary)" id="Vector"/><path d="M64.43 72.275c-7.464-3.612-13.142-11.607-14.717-14.917l.452-.221c1.555 3.26 7.142 11.135 14.485 14.687l-.22.451Z" fill="var(--dt-color-surface-primary)" id="Vector"/><path d="m91.546 84.714-8.989-.05-.05-.03-7.022-3.932.24-.442 6.973 3.903 8.848.05v.501Z" fill="var(--dt-color-surface-primary)" id="Vector"/><path d="m135.014 97.445-.773-1.856 38.402-15.95a5.208 5.208 0 0 1 4.906.48 5.23 5.23 0 0 1 2.327 4.355v11.155h-2.006V84.474a3.163 3.163 0 0 0-1.435-2.679 3.197 3.197 0 0 0-3.029-.3l-38.392 15.95Z" fill="var(--dt-color-surface-bold)" id="Vector"/><path d="m132.596 95.138-.783-1.856 40.85-17.325 7.083-39.827 1.976.351-7.273 40.9-41.853 17.757Z" fill="var(--dt-color-link-primary)" id="Vector"/><path d="M86.152 98.039h132.862v-3.943H86.152v3.943Z" fill="var(--dt-color-link-primary)" id="Vector"/><path fill-rule="evenodd" clip-rule="evenodd" d="M211.592 78.546v-.862H189.27v5.55c0 6.381 4.995 10.707 11.156 10.707 4.64 0 8.624-2.459 10.308-6.395.278.054.565.082.858.082 2.487 0 4.509-2.035 4.509-4.541 0-2.506-2.022-4.541-4.509-4.541Zm-.372 7.591c.242-.909.372-1.88.372-2.904v-3.22c1.681 0 3.051 1.38 3.051 3.074 0 1.693-1.37 3.073-3.051 3.073-.126 0-.25-.008-.372-.023Z" fill="var(--dt-color-surface-bold)" id="Vector"/><path fill-rule="evenodd" clip-rule="evenodd" d="M198.168 57.684c-.293.146-.631.506-.869 1.238a3.353 3.353 0 0 0-.164 1.067c.521-.052.979-.191 1.328-.445.553-.403.753-.807.782-1.114a.758.758 0 0 0-.308-.706.732.732 0 0 0-.769-.04Zm-.978 2.896c.6-.058 1.168-.224 1.623-.555.648-.473.974-1.016 1.024-1.539a1.354 1.354 0 0 0-.557-1.247 1.327 1.327 0 0 0-1.378-.087c-.481.24-.899.76-1.168 1.587a3.998 3.998 0 0 0-.195 1.272 7.048 7.048 0 0 1-.652-.043 10.925 10.925 0 0 1-2.72-.697.297.297 0 1 0-.222.552c.73.294 1.802.617 2.877.736.253.028.511.045.768.047.222 1.413 1.153 2.679 2.264 3.465-.124.211-.227.431-.306.655-.238.681-.258 1.421.044 2.096.302.677.912 1.25 1.861 1.626.074.03.15.056.227.082-.1.315-.169.646-.215.984-.11.818-.091 1.703-.046 2.543.014.266.031.526.047.778.035.557.069 1.077.069 1.543a.297.297 0 1 0 .594 0 26.5 26.5 0 0 0-.071-1.604 88.468 88.468 0 0 1-.046-.749c-.044-.833-.06-1.671.042-2.43a5.25 5.25 0 0 1 .204-.922c.895.16 1.897.073 2.693-.269.376-.16.685-.37.906-.6.216-.226.372-.498.379-.781.008-.313-.167-.568-.464-.711-.277-.134-.659-.173-1.127-.124-1.061.111-1.812.515-2.323 1.128a3.269 3.269 0 0 0-.422.66 3.055 3.055 0 0 1-.228-.08c-.835-.331-1.311-.808-1.538-1.317-.228-.51-.223-1.09-.025-1.656.064-.183.147-.362.248-.535.688.383 1.438.598 2.154.56.898-.047 1.719-.493 2.256-1.441.136-.24.172-.493.076-.728-.09-.221-.276-.373-.467-.474-.381-.2-.913-.272-1.371-.237-1.143.088-2.15.695-2.812 1.515-1.002-.71-1.794-1.808-2.003-3.003Zm2.512 3.32c.595.32 1.214.485 1.777.455.7-.037 1.336-.373 1.771-1.141.068-.12.055-.181.043-.21-.018-.043-.07-.108-.195-.174-.251-.132-.663-.199-1.048-.17-.941.073-1.782.568-2.348 1.24Zm1.797 4.21c.747.109 1.57.026 2.218-.252.316-.135.555-.303.711-.466.162-.168.212-.306.214-.384.001-.048-.012-.105-.128-.161-.135-.065-.389-.112-.807-.068-.932.097-1.532.44-1.928.917a2.526 2.526 0 0 0-.28.414Z" fill="var(--dt-color-surface-bold)" id="Vector"/></svg>
+</template>

package/lib/dist/vue/spot/SpotMind.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg aria-hidden="true" focusable="false" aria-label="Graphic: vibrant geometric shapes prompting action." class="mind" viewBox="0 0 166 164" fill="none"><path d="M8.15 91c-.005.333-.008.666-.008 1 0 35.346 33.328 64 74.44 64 41.111 0 74.439-28.654 74.439-64 0-.334-.003-.667-.009-1H8.151Z" fill="url(#paint0_linear_1103_137)" id="ellips_05"/><path d="M156.5 91c0 .773-.415 1.593-1.352 2.453-.936.86-2.345 1.713-4.206 2.54-3.718 1.651-9.129 3.151-15.855 4.415-13.443 2.526-32.036 4.092-52.587 4.092-20.551 0-39.144-1.566-52.587-4.092-6.726-1.264-12.137-2.764-15.855-4.415-1.861-.827-3.27-1.68-4.206-2.54C8.915 92.593 8.5 91.773 8.5 91c0-.773.415-1.593 1.352-2.453.936-.86 2.345-1.713 4.206-2.54 3.718-1.651 9.13-3.151 15.855-4.415C43.356 79.066 61.949 77.5 82.5 77.5c20.551 0 39.144 1.566 52.587 4.092 6.726 1.264 12.137 2.764 15.855 4.415 1.861.827 3.27 1.68 4.206 2.54.937.86 1.352 1.68 1.352 2.453Z" fill="var(--dt-color-surface-contrast)" stroke="url(#paint1_linear_1103_137)" id="ellips_05"/><path d="M92.633 92V69.667a9.496 9.496 0 0 0-18.99 0V92h-5.137V69.667c0-8.081 6.55-14.633 14.632-14.633 8.081 0 14.632 6.552 14.632 14.633V92h-5.137Z" fill="url(#paint2_linear_1103_137)" id="ellips_05"/><path d="M96.23 92V68.126c0-7.23-5.861-13.092-13.092-13.092-7.231 0-13.093 5.862-13.093 13.092V92h-6.16V68.126c0-10.633 8.62-19.252 19.253-19.252 10.633 0 19.253 8.62 19.253 19.252V92h-6.16Z" fill="url(#paint3_linear_1103_137)" id="ellips_05"/><path d="M102.392 92V68.126c0-10.633-8.62-19.253-19.254-19.253-10.634 0-19.254 8.62-19.254 19.253V92h-6.16V68.126c0-14.035 11.378-25.413 25.414-25.413 14.035 0 25.414 11.378 25.414 25.413V92h-6.16Z" fill="url(#paint4_linear_1103_137)" id="ellips_05"/><path d="M108.544 92V68.122c0-14.034-11.377-25.41-25.411-25.41s-25.41 11.376-25.41 25.41V92h-6.161V68.122c0-17.436 14.135-31.571 31.57-31.571 17.437 0 31.572 14.135 31.572 31.57V92h-6.16Z" fill="url(#paint5_linear_1103_137)" id="ellips_05"/><path d="M114.704 92V68.122c0-17.436-14.135-31.571-31.57-31.571-17.437 0-31.572 14.135-31.572 31.57V92h-6.16V68.122c0-20.838 16.893-37.731 37.731-37.731 20.839 0 37.731 16.893 37.731 37.73V92h-6.16Z" fill="url(#paint6_linear_1103_137)" id="ellips_05"/><circle cx="117.47" cy="75.46" r="3" transform="rotate(-99.706 117.465 75.4649)" fill="var(--dt-color-surface-primary)" id="ellips_05"/><circle cx="109.19" cy="59.19" r="1.74" transform="rotate(-99.706 109.19 59.1898)" stroke="var(--dt-color-surface-contrast)" stroke-width=".31" id="ellips_05"/><rect x="56.33" y="74.01" width="3.3" height="3.3" transform="rotate(-54.4513 56.3284 74.01)" stroke="var(--dt-color-surface-contrast)" stroke-width=".47" id="ellips_05"/><path d="M122.772 42.153v1.614h.224v-1.613l1.14 1.14.159-.158-1.141-1.14h1.613v-.224h-1.614l1.142-1.142-.159-.158-1.14 1.14V40h-.224v1.613l-1.142-1.141-.158.158 1.141 1.142H121v.224h1.612l-1.14 1.14.158.159 1.142-1.142Z" fill="var(--dt-color-surface-contrast)" id="ellips_05"/><circle cx="94.6" cy="42.6" r="4.14" transform="rotate(-118.159 94.5984 42.5985)" fill="var(--dt-color-surface-primary)" id="ellips_05"/><circle cx="36.06" cy="58.06" r="3.52" transform="rotate(-99.706 36.0587 58.0587)" fill="var(--dt-color-surface-primary)" id="ellips_05"/><circle cx="54.47" cy="25.46" r="3" transform="rotate(-99.706 54.465 25.4649)" fill="var(--dt-color-surface-contrast)" id="ellips_05"/><path d="M76.654 14.873v5.148h.716v-5.145l3.639 3.639.506-.506-3.64-3.639h5.146v-.715h-5.149l3.643-3.643-.506-.506-3.64 3.64V8h-.715v5.149l-3.642-3.643-.506.506 3.643 3.643H71v.715h5.145l-3.639 3.64.506.505 3.642-3.642Z" fill="var(--dt-color-surface-contrast)" id="ellips_05"/><path d="M66.23 47.927v2.942h.41v-2.94l2.08 2.08.288-.29-2.08-2.08h2.941v-.408h-2.942l2.081-2.081-.289-.29-2.08 2.08V44h-.408v2.942L64.15 44.86l-.29.289 2.082 2.081H63v.409h2.94l-2.08 2.08.29.288 2.08-2.08Z" fill="var(--dt-color-surface-contrast)" id="ellips_05"/><rect x="34.76" y="57" width="3.77" height="3.77" transform="rotate(-36.5502 34.7556 56.9988)" fill="var(--dt-color-surface-contrast)" id="ellips_05"/><rect x="127" y="62.07" width="1.8" height="1.8" transform="rotate(-36.5502 127 62.0714)" fill="var(--dt-color-surface-contrast)" id="ellips_05"/><rect x="113.22" y="23" width="3.77" height="3.77" transform="rotate(18.8197 113.215 23)" fill="var(--dt-color-surface-contrast)" id="ellips_05"/><defs><linearGradient id="paint0_linear_1103_137" x1="62.5" y1="65" x2="120.87" y2="155.63" gradientUnits="userSpaceOnUse"><stop stop-color="#7C52FF"/><stop offset=".52" stop-color="#F9008E"/><stop offset="1" stop-color="#FF8A00"/></linearGradient><linearGradient id="paint1_linear_1103_137" x1="156.5" y1="83.5" x2="25" y2="101" gradientUnits="userSpaceOnUse"><stop stop-color="#7C52FF"/><stop offset=".54" stop-color="#F9008E"/><stop offset="1" stop-color="#FF8A00"/></linearGradient><linearGradient id="paint2_linear_1103_137" x1="54.48" y1="58.83" x2="107.17" y2="96.37" gradientUnits="userSpaceOnUse"><stop stop-color="#7C52FF"/><stop offset=".51" stop-color="#F9008E"/><stop offset="1" stop-color="#FF8A00"/></linearGradient><linearGradient id="paint3_linear_1103_137" x1="51.05" y1="86.9" x2="72.98" y2="34.75" gradientUnits="userSpaceOnUse"><stop stop-color="#7C52FF"/><stop offset=".51" stop-color="#F9008E"/><stop offset="1" stop-color="#FF8A00"/></linearGradient><linearGradient id="paint4_linear_1103_137" x1="94.03" y1="40.37" x2="64.14" y2="87.15" gradientUnits="userSpaceOnUse"><stop stop-color="#7C52FF"/><stop offset=".51" stop-color="#F9008E"/><stop offset="1" stop-color="#FF8A00"/></linearGradient><linearGradient id="paint5_linear_1103_137" x1="83.13" y1="36.55" x2="83.13" y2="92" gradientUnits="userSpaceOnUse"><stop stop-color="#7C52FF"/><stop offset=".51" stop-color="#F9008E"/><stop offset="1" stop-color="#FF8A00"/></linearGradient><linearGradient id="paint6_linear_1103_137" x1="123.17" y1="52.66" x2="53.21" y2="9.74" gradientUnits="userSpaceOnUse"><stop stop-color="#7C52FF"/><stop offset=".51" stop-color="#F9008E"/><stop offset="1" stop-color="#FF8A00"/></linearGradient></defs></svg>
+</template>

package/lib/dist/vue/spot/SpotPublish.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg aria-hidden="true" focusable="false" aria-label="Publish" class="publish" viewBox="0 0 96 96" fill="none"><g clip-path="url(#clip0_1131_235)" id="header"><path d="M48 96c26.51 0 48-21.49 48-48S74.51 0 48 0 0 21.49 0 48s21.49 48 48 48Z" fill="url(#paint0_linear_1131_235)" id="Ellipse 24"/><path d="M8.807 28.624h76.624V73.1a3.523 3.523 0 0 1-3.523 3.523H12.33A3.523 3.523 0 0 1 8.807 73.1V28.624Z" fill="var(--dt-color-neutral-white)" id="Ellipse 24"/><path d="M8.807 23.34a3.523 3.523 0 0 1 3.523-3.523h69.578a3.523 3.523 0 0 1 3.523 3.523v3.522H8.807V23.34Z" fill="var(--dt-color-brand-purple)" id="Ellipse 24"/><circle cx="13.15" cy="23.34" r="1.32" fill="var(--dt-color-neutral-white)" id="Ellipse 24"/><circle cx="17.14" cy="23.34" r="1.32" fill="var(--dt-color-neutral-white)" id="Ellipse 24"/><circle cx="21.12" cy="23.34" r="1.32" fill="var(--dt-color-neutral-white)" id="Ellipse 24"/><path fill-rule="evenodd" clip-rule="evenodd" d="M80.072 55.046H24.944v-2.642h55.128v2.642Z" fill="var(--dt-color-surface-bold)" id="Ellipse 24"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25.1 50.202h27.304v.88H25.1v-.88Z" fill="var(--dt-color-surface-bold)" id="Ellipse 24"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25.1 57.688h27.304v.88H25.1v-.88Z" fill="var(--dt-color-surface-bold)" id="Ellipse 24"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25.1 65.174h27.304v.881H25.1v-.88Z" fill="var(--dt-color-surface-bold)" id="Ellipse 24"/><path fill-rule="evenodd" clip-rule="evenodd" d="M80.072 62.532H24.944V59.89h55.128v2.642Z" fill="var(--dt-color-surface-bold)" id="Ellipse 24"/><path fill-rule="evenodd" clip-rule="evenodd" d="M80.072 70.018H24.944v-2.642h55.128v2.642Z" fill="var(--dt-color-surface-bold)" id="Ellipse 24"/><path fill-rule="evenodd" clip-rule="evenodd" d="M40.103 40.514H23.34V38.49h16.764v2.023Z" fill="var(--dt-color-border-brand-subtle)" id="Ellipse 24"/><circle cx="16.85" cy="52.73" r="2.53" fill="var(--dt-color-border-brand-subtle)" id="Ellipse 24"/><circle cx="16.85" cy="60.22" r="2.53" fill="var(--dt-color-border-brand-subtle)" id="Ellipse 24"/><circle cx="16.85" cy="67.7" r="2.53" fill="var(--dt-color-border-brand-subtle)" id="Ellipse 24"/><path d="M12.496 47.71a8.092 8.092 0 1 0 0-16.185 8.092 8.092 0 0 0 0 16.184Z" fill="var(--dt-color-border-brand-subtle)" id="Ellipse 24"/><path d="M19.515 43.646a8.09 8.09 0 0 1-7.02 4.063 8.055 8.055 0 0 1-4.764-1.55l.002-.023-.012.015a8.133 8.133 0 0 1-2.253-2.52c1.787-3.935 4.242-4.778 7.117-4.812 2.901.034 4.956.833 6.93 4.827Z" fill="var(--dt-color-magenta-200)" id="Ellipse 24"/><path d="m10.293 38.552-.481.225a.182.182 0 0 1-.242-.088l-1.966-4.203a.182.182 0 0 1 .088-.242l.481-.225a.182.182 0 0 1 .242.087l1.966 4.204c.042.09.003.2-.088.242Z" fill="var(--dt-color-border-brand-strong)" id="Ellipse 24"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.959 42.57a8.101 8.101 0 0 0 1.837 2.791l2.615-6.246a1.12 1.12 0 0 0 .08-.617h.002l-.004-.008c-.03-.19-.11-.37-.23-.523-.125-.285-.278-.64-.4-.94a.284.284 0 0 0 .015-.565.283.283 0 0 0-.073-.52.283.283 0 0 0-.124-.47.283.283 0 0 0-.303-.468c-.076.005-.202.093-.41.337-.6.706-.58 2.767-.58 2.802L4.96 42.57Zm3.743-6.07a.287.287 0 0 1-.047-.009l.01.034a.28.28 0 0 1 .037-.025Z" fill="var(--dt-color-brand-purple)" id="Ellipse 24"/><path d="M9.986 36.775a.284.284 0 1 1-.567 0 .284.284 0 0 1 .567 0Z" fill="var(--dt-color-brand-purple)" id="Ellipse 24"/><path d="M10.945 36.27a1.805 1.805 0 0 0 3.229-1.52 1.914 1.914 0 0 1-.96-.496 8.852 8.852 0 0 1-2.27 2.015Z" fill="var(--dt-color-brand-purple)" id="Ellipse 24"/><path d="M11.007 34.118c.305-.383.74-.626 1.227-.681.463-.054.922.07 1.297.347l.002-.001.018.014c0 .002.002.002.004.003l.02.015-.001.002c.302.237.52.555.628.922l.012.04-.042-.006c-.337-.057-.658-.222-.954-.484a8.828 8.828 0 0 1-2.256 2.002l-.022.013-.014-.02a1.807 1.807 0 0 1-.303-.818c-.058-.487.08-.965.384-1.348Z" fill="var(--dt-color-border-brand-strong)" id="Ellipse 24"/><path d="M10.717 33.333a1.248 1.248 0 1 1 0-2.497 1.248 1.248 0 0 1 0 2.497Z" fill="var(--dt-color-border-brand-strong)" id="Ellipse 24"/><path d="m11.966 32.833.256.473-1.15.624-.257-.473 1.15-.624Z" fill="var(--dt-color-neutral-white)" id="Ellipse 24"/><path d="M80.092 86.873a8.092 8.092 0 1 1 0-16.184 8.092 8.092 0 0 1 0 16.184Z" fill="var(--dt-color-border-brand-subtle)" id="Ellipse 24"/><path d="M73.073 82.81a8.09 8.09 0 0 0 7.02 4.063 8.056 8.056 0 0 0 4.764-1.55l-.002-.023.012.015a8.134 8.134 0 0 0 2.253-2.52c-1.787-3.935-4.242-4.778-7.117-4.812-2.901.034-4.956.833-6.93 4.827Z" fill="var(--dt-color-magenta-200)" id="Ellipse 24"/><path d="m82.295 77.716.481.225c.091.042.2.003.242-.088l1.966-4.203a.182.182 0 0 0-.088-.242l-.481-.225a.182.182 0 0 0-.242.087l-1.966 4.204c-.042.09-.003.2.088.242Z" fill="var(--dt-color-border-brand-strong)" id="Ellipse 24"/><path fill-rule="evenodd" clip-rule="evenodd" d="M87.63 81.733a8.101 8.101 0 0 1-1.838 2.792l-2.615-6.246a1.12 1.12 0 0 1-.08-.617h-.002l.004-.008c.03-.19.11-.37.23-.522.125-.286.278-.64.4-.94a.284.284 0 0 1-.015-.566.283.283 0 0 1 .073-.52.283.283 0 0 1 .124-.47.283.283 0 0 1 .303-.468c.076.005.202.093.41.337.6.706.58 2.767.58 2.802l2.425 4.426Zm-3.744-6.07a.288.288 0 0 0 .047-.008l-.01.034a.288.288 0 0 0-.037-.025Z" fill="var(--dt-color-brand-purple)" id="Ellipse 24"/><path d="M82.602 75.939a.284.284 0 1 0 .567 0 .284.284 0 0 0-.567 0Z" fill="var(--dt-color-brand-purple)" id="Ellipse 24"/><path d="M81.643 75.433a1.805 1.805 0 0 1-3.228-1.52c.389-.067.71-.268.96-.495a8.852 8.852 0 0 0 2.268 2.015Z" fill="var(--dt-color-brand-purple)" id="Ellipse 24"/><path d="M81.58 73.282a1.827 1.827 0 0 0-2.524-.334v-.001l-.019.014c0 .002-.002.002-.004.003l-.02.015.001.002c-.302.237-.52.555-.628.922l-.012.04.042-.006c.337-.057.658-.222.954-.484a8.826 8.826 0 0 0 2.256 2.002l.022.013.014-.02c.166-.246.269-.52.303-.818a1.804 1.804 0 0 0-.384-1.348Z" fill="var(--dt-color-border-brand-strong)" id="Ellipse 24"/></g><defs><filter id="filter0_d_1131_235" x="54.56" y="33.17" width="7.18" height="10.72" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix" id="Ellipse 25"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" id="Ellipse 25"/><feOffset dy=".17" id="Ellipse 25"/><feGaussianBlur stdDeviation=".52" id="Ellipse 25"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" id="Ellipse 25"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1131_235" id="Ellipse 25"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1131_235" result="shape" id="Ellipse 25"/></filter><linearGradient id="paint0_linear_1131_235" x1="82" y1="87" x2="6.5" y2="7.5" gradientUnits="userSpaceOnUse"><stop stop-color="var(--dt-color-surface-moderate)"/><stop offset="1" stop-color="var(--dt-color-surface-moderate)" stop-opacity="0"/></linearGradient><clipPath id="Ellipse 24"><rect width="96" height="96" fill="var(--dt-color-neutral-white)" id="Ellipse 25"/></clipPath></defs></svg>
+</template>

package/lib/dist/vue/spot/SpotVectorVortex.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg aria-hidden="true" focusable="false" aria-label="Graphic: Restricted access abstract illustration" class="vectoVortex" viewBox="0 0 200 169" fill="none"><rect x="64.57" y="8.45" width="126.38" height="126.38" stroke="var(--dt-color-surface-contrast)" stroke-width=".5" stroke-dasharray="3 3" id="shadow"/><path d="M126.137 131.555c9.109 4.456 25.482-10.308 36.569-32.976 11.087-22.668 12.69-44.656 3.581-49.112-9.11-4.455-25.482 10.309-36.569 32.977-11.088 22.668-12.691 44.655-3.581 49.111Z" fill="var(--dt-color-surface-contrast)" id="shadow"/><path d="m160.021 46.403 6.994 3.42-.007 26.262-13.305 34.422-27.486 21.087-6.345-3.103 40.149-82.088Z" fill="var(--dt-color-surface-contrast)" id="shadow"/><path d="M119.999 128.553c9.11 4.456 25.483-10.308 36.57-32.976s12.69-44.656 3.58-49.112c-9.109-4.455-25.482 10.309-36.569 32.977-11.087 22.668-12.69 44.656-3.581 49.111Z" fill="url(#paint0_linear_1103_211)" id="shadow"/><path d="M74.517 40.08c8.032-6.192 27.031 4.99 42.437 24.976 15.406 19.986 21.384 41.206 13.352 47.397-8.031 6.191-27.031-4.991-42.437-24.977C72.464 67.491 66.486 46.271 74.517 40.08Z" fill="var(--dt-color-surface-contrast)" id="shadow"/><path d="m124.783 116.711 6.165-4.752-5.27-25.728-19.935-31.056-31.155-15.15-5.595 4.313 55.79 72.373Z" fill="var(--dt-color-surface-contrast)" id="shadow"/><path d="M69.106 44.25c8.032-6.19 27.031 4.992 42.437 24.978 15.406 19.985 21.384 41.205 13.352 47.396-8.031 6.192-27.031-4.991-42.437-24.977-15.406-19.985-21.384-41.205-13.352-47.396Z" fill="url(#paint1_linear_1103_211)" id="shadow"/><path d="m22.72 132.143.032.045c6.075 8.07 27.363 2.576 47.643-12.315 19.78-14.525 31.315-32.641 26.415-41.145l.024-.045-4.608-6.275-2.75 2.02c-9.462-1.343-25.43 4.546-40.817 15.845s-25.786 24.772-27.338 34.202l-2.75 2.02 4.108 5.594.02.027.02.027Z" fill="var(--dt-color-surface-contrast)" id="shadow"/><path d="M18.655 126.609c6.003 8.174 27.357 2.692 47.696-12.243 20.34-14.936 31.962-33.67 25.96-41.843-6.003-8.174-27.357-2.692-47.696 12.243-20.34 14.936-31.962 33.67-25.96 41.843Z" fill="url(#paint2_linear_1103_211)" id="shadow"/><path d="m9.985 33.356 54.582-24.91" stroke="var(--dt-color-surface-contrast)" stroke-width=".5" stroke-dasharray="1 1" id="shadow"/><path d="m135.999 33.356 54.581-24.91" stroke="var(--dt-color-surface-contrast)" stroke-width=".5" stroke-dasharray="1 1" id="shadow"/><path d="m135.999 159.736 54.581-24.91" stroke="var(--dt-color-surface-contrast)" stroke-width=".5" stroke-dasharray="1 1" id="shadow"/><path d="m9.62 159.736 54.58-24.91" stroke="var(--dt-color-surface-contrast)" stroke-width=".5" stroke-dasharray="1 1" id="shadow"/><rect x="9.62" y="33.72" width="126.38" height="126.38" stroke="var(--dt-color-surface-contrast)" stroke-width=".5" stroke-dasharray="3 3" id="shadow"/><path d="M27.207 25.102h126.38v126.38" stroke="var(--dt-color-surface-contrast)" stroke-width=".5" stroke-dasharray="1 1" id="shadow"/><path d="M47.207 16.102h126.38v126.38" stroke="var(--dt-color-surface-contrast)" stroke-width=".5" stroke-dasharray="1 1" id="shadow"/><path d="m50.666 33.356 54.581-24.91m-54.581 25.62v125.82" stroke="var(--dt-color-surface-contrast)" stroke-width=".5" stroke-dasharray="1 1" id="shadow"/><path d="m96.575 33.356 54.582-24.91m-54.582 25.62v125.82" stroke="var(--dt-color-surface-contrast)" stroke-width=".5" stroke-dasharray="1 1" id="shadow"/><path d="M9.953 69.149h125.819m.216.222 54.582-24.91" stroke="var(--dt-color-surface-contrast)" stroke-width=".5" stroke-dasharray="1 1" id="shadow"/><path d="M9.953 113.326h125.819m.216.222 54.582-24.91" stroke="var(--dt-color-surface-contrast)" stroke-width=".5" stroke-dasharray="1 1" id="shadow"/><rect x="34.42" y="67.2" width="3.9" height="3.9" fill="var(--dt-color-surface-primary)" stroke="var(--dt-color-surface-contrast)" stroke-width=".43" id="shadow"/><rect x="112.38" y="111.38" width="3.9" height="3.9" fill="var(--dt-color-surface-primary)" stroke="var(--dt-color-surface-contrast)" stroke-width=".43" id="shadow"/><rect x="48.28" y="139.53" width="3.9" height="3.9" fill="var(--dt-color-surface-primary)" stroke="var(--dt-color-surface-contrast)" stroke-width=".43" id="shadow"/><rect x="94.63" y="42.95" width="3.9" height="3.9" fill="var(--dt-color-surface-primary)" stroke="var(--dt-color-surface-contrast)" stroke-width=".43" id="shadow"/><rect x="151.8" y="68.93" width="3.9" height="3.9" fill="var(--dt-color-surface-primary)" stroke="var(--dt-color-surface-contrast)" stroke-width=".43" id="shadow"/><rect x="67.34" y="23.46" width="3.9" height="3.9" fill="var(--dt-color-surface-primary)" stroke="var(--dt-color-surface-contrast)" stroke-width=".43" id="shadow"/><rect x="171.72" y="50.74" width="3.9" height="3.9" fill="var(--dt-color-surface-primary)" stroke="var(--dt-color-surface-contrast)" stroke-width=".43" id="shadow"/><rect x="48.5" y="91.67" width="4.33" height="4.33" rx="2.17" fill="var(--dt-color-surface-contrast)" id="shadow"/><rect x="94.41" y="132.38" width="4.33" height="4.33" rx="2.17" fill="var(--dt-color-surface-contrast)" id="shadow"/><rect x="133.39" y="46.63" width="4.33" height="4.33" rx="2.17" fill="var(--dt-color-surface-contrast)" id="shadow"/><rect x="132.52" y="14.14" width="4.33" height="4.33" rx="2.17" fill="var(--dt-color-surface-contrast)" id="shadow"/><rect x="171.5" y="122.85" width="4.33" height="4.33" rx="2.17" fill="var(--dt-color-surface-contrast)" id="shadow"/><rect x="151.58" y="87.34" width="4.33" height="4.33" rx="2.17" fill="var(--dt-color-surface-contrast)" id="shadow"/><rect x="8.65" y="66.98" width="4.33" height="4.33" rx="2.17" fill="var(--dt-color-surface-contrast)" id="shadow"/><defs><linearGradient id="paint0_linear_1103_211" x1="135.57" y1="58.81" x2="133.45" y2="131.5" gradientUnits="userSpaceOnUse"><stop stop-color="#7C52FF"/><stop offset=".49" stop-color="#F9008E"/><stop offset="1" stop-color="#F6AB3C"/></linearGradient><linearGradient id="paint1_linear_1103_211" x1="98.34" y1="109.46" x2="81.7" y2="38.67" gradientUnits="userSpaceOnUse"><stop stop-color="#7C52FF"/><stop offset=".49" stop-color="#F9008E"/><stop offset="1" stop-color="#F6AB3C"/></linearGradient><linearGradient id="paint2_linear_1103_211" x1="64.81" y1="72.05" x2="29.21" y2="135.46" gradientUnits="userSpaceOnUse"><stop stop-color="#7C52FF"/><stop offset=".49" stop-color="#F9008E"/><stop offset="1" stop-color="#F6AB3C"/></linearGradient></defs></svg>
+</template>

package/lib/dist/vue/spot/SpotWirelessScreenshare.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg aria-hidden="true" focusable="false" aria-label="Wireless Screenshare" class="wirelessScreenshare" viewBox="0 0 96 96" fill="none"><path d="M86.31 70.194H23.04v1.815h63.27v-1.815Z" fill="var(--dt-color-surface-strong)" id="Vector"/><path d="M63.722 66.565H45.63v3.619h18.093v-3.619Z" fill="var(--dt-color-surface-strong)" id="Vector"/><path d="M63.718 66.565H45.633v.9h18.085v-.9Z" fill="var(--dt-color-surface-contrast)" id="Vector"/><path d="M94.958 17.011a2 2 0 0 0-2-2H16.314a2 2 0 0 0-2 2v47.607a2 2 0 0 0 2 2h76.644a2 2 0 0 0 2-2V17.011Z" fill="var(--dt-color-surface-moderate)" id="Vector"/><path d="M16.314 15.261h76.644c.966 0 1.75.784 1.75 1.75v47.607a1.75 1.75 0 0 1-1.75 1.75H16.314a1.75 1.75 0 0 1-1.75-1.75V17.011c0-.966.783-1.75 1.75-1.75Z" stroke="var(--dt-color-border-subtle)" stroke-opacity=".1" stroke-width=".5" id="Vector"/><path d="M22.645 28.452h63.993V58.11c0 .772-.816 1.399-1.823 1.399H24.468c-1.007 0-1.823-.627-1.823-1.4V28.453Z" fill="var(--dt-color-neutral-white)" id="Vector"/><path d="M28.227 36.055h20.111v2.011H28.227v-2.011Z" fill="var(--dt-color-surface-bold)" id="Vector"/><path d="M28.227 39.323h20.111v2.011h-20.11v-2.011Z" fill="var(--dt-color-surface-bold)" id="Vector"/><path d="M28.227 42.59h20.111v2.012h-20.11v-2.011Z" fill="var(--dt-color-surface-bold)" id="Vector"/><path d="M59.148 32.033h22.625v22.876H59.148V32.033Z" fill="var(--dt-color-surface-bold)" id="Vector"/><path d="M86.638 27.039H22.645v-4.765c0-1.007.816-1.823 1.823-1.823h60.347c1.007 0 1.823.816 1.823 1.823v4.765Z" fill="var(--dt-color-brand-purple)" id="Vector"/><path d="M26.633 25.098a.912.912 0 1 0 0-1.824.912.912 0 0 0 0 1.823Z" fill="var(--dt-color-neutral-white)" id="Vector"/><path d="M29.55 25.098a.912.912 0 1 0 0-1.824.912.912 0 0 0 0 1.823Z" fill="var(--dt-color-neutral-white)" id="Vector"/><path d="M32.468 25.098a.912.912 0 1 0 0-1.824.912.912 0 0 0 0 1.823Z" fill="var(--dt-color-neutral-white)" id="Vector"/><path d="M50.452 54.544a2 2 0 0 0-2-2H7.818a2 2 0 0 0-2 2v22.5a2 2 0 0 0 2 2h40.634a2 2 0 0 0 2-2v-22.5Z" fill="var(--dt-color-surface-moderate)" id="Vector"/><path d="M7.818 52.794h40.634c.966 0 1.75.783 1.75 1.75v22.5a1.75 1.75 0 0 1-1.75 1.75H7.818a1.75 1.75 0 0 1-1.75-1.75v-22.5c0-.967.784-1.75 1.75-1.75Z" stroke="var(--dt-color-border-subtle)" stroke-opacity=".1" stroke-width=".5" id="Vector"/><path d="M55.28 79.01H1v1.81h54.28v-1.81Z" fill="var(--dt-color-surface-strong)" id="Vector"/><path d="M32.617 79.01H23.57v.905h9.047v-.905Z" fill="var(--dt-color-surface-contrast)" id="Vector"/><path d="M12.293 59.977h31.056v15.277c0 .398-.397.72-.885.72H13.178c-.489 0-.885-.322-.885-.72V59.977Z" fill="var(--dt-color-neutral-white)" id="Vector"/><path d="M14.657 63.452h10.372v1.038H14.657v-1.038Z" fill="var(--dt-color-surface-bold)" id="Vector"/><path d="M14.657 65.138h10.372v1.037H14.657v-1.037Z" fill="var(--dt-color-surface-bold)" id="Vector"/><path d="M14.657 66.823h10.372v1.038H14.657v-1.038Z" fill="var(--dt-color-surface-bold)" id="Vector"/><path d="M30.604 61.859h11.668v11.798H30.604V61.859Z" fill="var(--dt-color-surface-bold)" id="Vector"/><path d="M43.47 59.422H12.292V57.1c0-.49.398-.888.888-.888h29.4c.49 0 .888.398.888.888v2.322Z" fill="var(--dt-color-brand-purple)" id="Vector"/><path d="M14.236 58.476a.444.444 0 1 0 0-.888.444.444 0 0 0 0 .888Z" fill="var(--dt-color-neutral-white)" id="Vector"/><path d="M15.657 58.476a.444.444 0 1 0 0-.888.444.444 0 0 0 0 .888Z" fill="var(--dt-color-neutral-white)" id="Vector"/><path d="M17.078 58.476a.444.444 0 1 0 0-.888.444.444 0 0 0 0 .888Z" fill="var(--dt-color-neutral-white)" id="Vector"/><path fill-rule="evenodd" clip-rule="evenodd" d="M49.099 48.237h5.081c.312 0 .565.253.565.565v5.082a.565.565 0 0 1-1.13 0v-3.72l-16.82 16.822a.565.565 0 0 1-.8-.798l16.822-16.822H49.1a.565.565 0 1 1 0-1.129Z" fill="var(--dt-color-brand-purple)" id="Vector"/></svg>
+</template>

package/package.json

@@ -0,0 +1,115 @@
+{
+  "name": "@dialpad/dialtone-css",
+  "version": "1.0.0",
+  "description": "Dialpad's design system",
+  "keywords": [
+    "Dialpad",
+    "Dialtone",
+    "Design System",
+    "CSS"
+  ],
+  "homepage": "https://dialpad.design",
+  "bugs": {
+    "email": "dialtone@dialpad.com"
+  },
+  "license": "MIT",
+  "contributors": [
+    {
+      "name": "Brad Paugh",
+      "email": "brad.paugh@dialpad.com",
+      "url": "https://github.com/braddialpad"
+    },
+    {
+      "name": "Francis Rupert",
+      "email": "francis.rupert@dialpad.com",
+      "url": "https://github.com/francisrupert"
+    },
+    {
+      "name": "Julio Ortega",
+      "email": "julio.ortega@dialpad.com",
+      "url": "https://github.com/juliodialpad"
+    },
+    {
+      "name": "Ignacio Ropolo",
+      "email": "ignacio.ropolo@dialpad.com",
+      "url": "https://github.com/iropolo"
+    },
+    {
+      "name": "Nina Repetto",
+      "email": "nina.repetto@dialpad.com",
+      "url": "https://github.com/ninamarina"
+    }
+  ],
+  "files": [
+    "lib",
+    "CHANGELOG.json"
+  ],
+  "bin": {
+    "dialtone-health-check": "./lib/dist/js/dialtone_health_check/index.cjs",
+    "dialtone-migration-helper": "./lib/dist/js/dialtone_migration_helper/index.mjs"
+  },
+  "type": "module",
+  "unpkg": "dist/css/dialtone.min.css",
+  "browserslist": [
+    "last 1 version",
+    "maintained node versions"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "docopt": "^0.6.2"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-eslint": "~5.0.8",
+    "@vue/cli-service": "~5.0.8",
+    "autoprefixer": "^10.4.14",
+    "child_process": "^1.0.2",
+    "cssnano": "^6.0.1",
+    "del": "^6.1.1",
+    "gulp-cached": "^1.1.1",
+    "gulp-concat": "^2.6.1",
+    "gulp-less": "^5.0.0",
+    "gulp-postcss": "^9.0.1",
+    "gulp-rename": "^2.0.0",
+    "gulp-replace": "^1.1.4",
+    "gulp-sourcemaps": "^3.0.0",
+    "gulp-svgmin": "^4.1.0",
+    "jest": "^29.5.0",
+    "less": "^4.2.0",
+    "npm-run-all": "^4.1.5",
+    "oslllo-svg-fixer": "^2.2.0",
+    "path": "^0.12.7",
+    "postcss-less": "^6.0.0",
+    "postcss-sorting": "^8.0.2",
+    "precss": "^4.0.0",
+    "semantic-release": "^21.0.6",
+    "through2": "^4.0.2",
+    "tinycolor2": "^1.6.0",
+    "yargs": "^17.7.2",
+    "@dialpad/dialtone-tokens": "^1.23.4"
+  },
+  "peerDependencies": {
+    "chalk": "^5.2.0",
+    "globby": "^13.1.4",
+    "inquirer": "^9.1.5"
+  },
+  "jest": {
+    "coverageThreshold": {
+      "global": {
+        "statements": 100
+      }
+    }
+  },
+  "scripts": {
+    "build": "gulp",
+    "lesshint": "pnpm exec lesshint 'lib/build/less/utilities'",
+    "lint": "run-s lint:library lint:code",
+    "lint:code": "eslint '**/*.{js,cjs,vue}'",
+    "lint:library": "run-s stylelint lesshint",
+    "start": "gulp watch",
+    "stylelint": "pnpm exec stylelint 'lib/build/less/**/*.less'",
+    "build:icons": "gulp icons",
+    "test:postcss-generator-plugin": "jest --coverage && eslint ."
+  }
+}