Skip to content

Commit

Permalink
Deploying to gh-pages from @ cce1910 🚀
Browse files Browse the repository at this point in the history
  • Loading branch information
@pavelklibani
pavelklibani committed Sep 21, 2023
1 parent 9ff189d commit 02627a3
Showing 1 changed file with 146 additions and 141 deletions.
287 changes: 146 additions & 141 deletions docs/src/icons/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,149 +60,154 @@ <h2 class="typography-heading-medium-text text-secondary-inverted-disabled mb-90

<section class="docs-Section">

<h2 class="typography-heading-medium-text text-secondary-disabled mb-700 mb-tablet-900">Icons</h2>
<ul class="Grid Grid--cols-2 Grid--tablet--cols-4 Grid--desktop--cols-6 list-unstyled text-center my-1000">
<h2 class="docs-Heading"> Icons </h2>

<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#add"/>
</svg>
<h3 class="mt-500">add</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#check-plain"/>
</svg>
<h3 class="mt-500">check-plain</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#chevron-down"/>
</svg>
<h3 class="mt-500">chevron-down</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#chevron-left"/>
</svg>
<h3 class="mt-500">chevron-left</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#chevron-right"/>
</svg>
<h3 class="mt-500">chevron-right</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#chevron-up"/>
</svg>
<h3 class="mt-500">chevron-up</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#close"/>
</svg>
<h3 class="mt-500">close</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#download"/>
</svg>
<h3 class="mt-500">download</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#edit"/>
</svg>
<h3 class="mt-500">edit</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#file"/>
</svg>
<h3 class="mt-500">file</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#hamburger"/>
</svg>
<h3 class="mt-500">hamburger</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#help"/>
</svg>
<h3 class="mt-500">help</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#info"/>
</svg>
<h3 class="mt-500">info</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#link"/>
</svg>
<h3 class="mt-500">link</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#more"/>
</svg>
<h3 class="mt-500">more</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#profile"/>
</svg>
<h3 class="mt-500">profile</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#reload"/>
</svg>
<h3 class="mt-500">reload</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#search"/>
</svg>
<h3 class="mt-500">search</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#spinner"/>
</svg>
<h3 class="mt-500">spinner</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#upload"/>
</svg>
<h3 class="mt-500">upload</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#visibility-off"/>
</svg>
<h3 class="mt-500">visibility-off</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#visibility-on"/>
</svg>
<h3 class="mt-500">visibility-on</h3>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#warning"/>
</svg>
<h3 class="mt-500">warning</h3>
</li>
<div class="docs-Stack docs-Stack--start">

</ul>
<ul class="Grid Grid--cols-2 Grid--tablet--cols-4 Grid--desktop--cols-6 list-unstyled text-center my-1000">

<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#add"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">add</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#check-plain"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">check-plain</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#chevron-down"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">chevron-down</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#chevron-left"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">chevron-left</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#chevron-right"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">chevron-right</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#chevron-up"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">chevron-up</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#close"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">close</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#download"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">download</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#edit"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">edit</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#file"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">file</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#hamburger"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">hamburger</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#help"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">help</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#info"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">info</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#link"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">link</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#more"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">more</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#profile"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">profile</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#reload"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">reload</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#search"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">search</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#spinner"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">spinner</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#upload"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">upload</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#visibility-off"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">visibility-off</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#visibility-on"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">visibility-on</p>
</li>
<li class="mb-600">
<svg width="24" height="24">
<use xlink:href="/spirit-design-system/icons/svg/sprite.svg#warning"/>
</svg>
<p class="typography-body-medium-text-bold mt-500">warning</p>
</li>

</ul>

</div>

</section>

Expand Down

0 comments on commit 02627a3

Please sign in to comment.