scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(WEB-304): remaning UI from design system primitives

Browse Source
This commit is contained in:
Simon Emanuelsson
2024-06-07 10:36:23 +02:00
parent 6737970f54
commit 7c4b8401e9
228 changed files with 3516 additions and 3237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/_static/icons/arrow_right.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_4176_4181" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25">
<rect y="0.632812" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_4176_4181)">
<path d="M16.15 13.5703H5.1875C4.92917 13.5703 4.70833 13.4786 4.525 13.2953C4.34167 13.112 4.25 12.8911 4.25 12.6328C4.25 12.3745 4.34167 12.1536 4.525 11.9703C4.70833 11.787 4.92917 11.6953 5.1875 11.6953H16.15L11.325 6.8703C11.1333 6.67863 11.0396 6.4578 11.0438 6.2078C11.0479 5.9578 11.1458 5.73697 11.3375 5.5453C11.5292 5.36197 11.75 5.26822 12 5.26405C12.25 5.25988 12.4708 5.35363 12.6625 5.5453L19.0875 11.9703C19.1792 12.062 19.2479 12.164 19.2937 12.2765C19.3396 12.389 19.3625 12.5078 19.3625 12.6328C19.3625 12.7578 19.3396 12.8765 19.2937 12.989C19.2479 13.1016 19.1792 13.2036 19.0875 13.2953L12.6625 19.7203C12.4792 19.9036 12.2604 19.9953 12.0062 19.9953C11.7521 19.9953 11.5292 19.9036 11.3375 19.7203C11.1458 19.5286 11.05 19.3057 11.05 19.0516C11.05 18.7974 11.1458 18.5745 11.3375 18.3828L16.15 13.5703Z" fill="#4D001B"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

9
public/_static/icons/check.svg
View File

@@ -1,3 +1,8 @@
<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.00016 8.6884L0.355957 5.0442L1.40016 4L4.00016 6.6L10.6002 0L11.6444 1.0442L4.00016 8.6884Z" fill="#1C1B1F"/>
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_1333_19690" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25">
<rect y="0.629639" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_1333_19690)">
<path d="M9.99967 16.6738L6.35547 13.0296L7.39967 11.9854L9.99967 14.5854L16.5997 7.98535L17.6439 9.02955L9.99967 16.6738Z" fill="#4D001B"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 223 B

After

Width:  |  Height:  |  Size: 465 B

10
public/_static/icons/check_circle.svg
View File

@@ -1,8 +1,8 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_3044_2739" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="32">
<rect width="32" height="32" fill="#D9D9D9"/>
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_2991_3013" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="33" height="32">
<rect x="0.5" width="32" height="32" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_3044_2739)">
<path d="M14.1667 18.4333L11.3148 15.5814C11.0716 15.3383 10.7778 15.2167 10.4333 15.2167C10.0889 15.2167 9.79444 15.3389 9.55 15.5833C9.30556 15.8278 9.18333 16.1222 9.18333 16.4667C9.18333 16.8111 9.3036 17.1036 9.54413 17.3441L13.2833 21.0833C13.5348 21.3389 13.8283 21.4667 14.1636 21.4667C14.499 21.4667 14.7944 21.3389 15.05 21.0833L22.45 13.6833C22.6944 13.4389 22.8167 13.1444 22.8167 12.8C22.8167 12.4556 22.6944 12.1611 22.45 11.9167C22.2056 11.6722 21.9111 11.55 21.5667 11.55C21.2222 11.55 20.9292 11.6708 20.6877 11.9123L14.1667 18.4333ZM16 29C14.2021 29 12.5125 28.6582 10.9312 27.9746C9.34986 27.2909 7.97433 26.3632 6.8046 25.1912C5.63487 24.0193 4.70833 22.6435 4.025 21.0638C3.34167 19.484 3 17.7961 3 16C3 14.2021 3.34181 12.5125 4.02543 10.9312C4.70906 9.34986 5.63683 7.97433 6.80877 6.8046C7.9807 5.63487 9.35652 4.70833 10.9362 4.025C12.516 3.34167 14.2039 3 16 3C17.7979 3 19.4875 3.34181 21.0688 4.02543C22.6501 4.70906 24.0257 5.63683 25.1954 6.80877C26.3651 7.9807 27.2917 9.35652 27.975 10.9362C28.6583 12.516 29 14.2039 29 16C29 17.7979 28.6582 19.4875 27.9746 21.0688C27.2909 22.6501 26.3632 24.0257 25.1912 25.1954C24.0193 26.3651 22.6435 27.2917 21.0638 27.975C19.484 28.6583 17.7961 29 16 29Z" fill="#33800A"/>
<g mask="url(#mask0_2991_3013)">
<path d="M14.6667 18.4333L11.8148 15.5814C11.5716 15.3383 11.2778 15.2167 10.9333 15.2167C10.5889 15.2167 10.2944 15.3389 10.05 15.5833C9.80556 15.8278 9.68333 16.1222 9.68333 16.4667C9.68333 16.8111 9.8036 17.1036 10.0441 17.3441L13.7833 21.0833C14.0348 21.3389 14.3283 21.4667 14.6636 21.4667C14.999 21.4667 15.2944 21.3389 15.55 21.0833L22.95 13.6833C23.1944 13.4389 23.3167 13.1444 23.3167 12.8C23.3167 12.4556 23.1944 12.1611 22.95 11.9167C22.7056 11.6722 22.4111 11.55 22.0667 11.55C21.7222 11.55 21.4292 11.6708 21.1877 11.9123L14.6667 18.4333ZM16.5 29C14.7021 29 13.0125 28.6582 11.4312 27.9746C9.84986 27.2909 8.47433 26.3632 7.3046 25.1912C6.13487 24.0193 5.20833 22.6435 4.525 21.0638C3.84167 19.484 3.5 17.7961 3.5 16C3.5 14.2021 3.84181 12.5125 4.52543 10.9312C5.20906 9.34986 6.13683 7.97433 7.30877 6.8046C8.4807 5.63487 9.85652 4.70833 11.4362 4.025C13.016 3.34167 14.7039 3 16.5 3C18.2979 3 19.9875 3.34181 21.5688 4.02543C23.1501 4.70906 24.5257 5.63683 25.6954 6.80877C26.8651 7.9807 27.7917 9.35652 28.475 10.9362C29.1583 12.516 29.5 14.2039 29.5 16C29.5 17.7979 29.1582 19.4875 28.4746 21.0688C27.7909 22.6501 26.8632 24.0257 25.6912 25.1954C24.5193 26.3651 23.1435 27.2917 21.5638 27.975C19.984 28.6583 18.2961 29 16.5 29Z" fill="#33800A"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

10
public/_static/icons/chevron_right.svg Normal file
View File

@@ -0,0 +1,10 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="chevron_right_small">
<mask id="mask0_4140_3161" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
<rect id="Bounding box" width="20" height="20" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_4140_3161)">
<path id="Vector" d="M10.5417 10.0001L7.3125 6.77095C7.16667 6.62512 7.09375 6.4463 7.09375 6.23449C7.09375 6.02269 7.16667 5.84039 7.3125 5.68762C7.45833 5.53484 7.63889 5.45671 7.85417 5.45324C8.06944 5.44977 8.25347 5.52442 8.40625 5.6772L12.1771 9.44803C12.2535 9.52442 12.3108 9.60949 12.349 9.70324C12.3872 9.79699 12.4063 9.89595 12.4063 10.0001C12.4063 10.1043 12.3872 10.2032 12.349 10.297C12.3108 10.3907 12.2535 10.4758 12.1771 10.5522L8.40625 14.323C8.25347 14.4758 8.06944 14.5505 7.85417 14.547C7.63889 14.5435 7.45833 14.4654 7.3125 14.3126C7.16667 14.1598 7.09375 13.9775 7.09375 13.7657C7.09375 13.5539 7.16667 13.3751 7.3125 13.2293L10.5417 10.0001Z" fill="#8F4350"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

10
public/_static/icons/home.svg
View File

@@ -1,8 +1,10 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_58_5402" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
<rect width="20" height="20" fill="#D9D9D9"/>
<g id="home">
<mask id="mask0_4140_3155" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
<rect id="Bounding box" width="20" height="20" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_58_5402)">
<path d="M5.50128 15.5H7.78976V10.5481H12.2128V15.5H14.5013V8.25003L10.0013 4.85901L5.50128 8.25003V15.5ZM4.41797 16.5833V7.70838L10.0013 3.50488L15.5846 7.70838V16.5833H11.1295V11.6314H8.87307V16.5833H4.41797Z" fill="#1C1B1F"/>
<g mask="url(#mask0_4140_3155)">
<path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M8.94115 2.45616C9.5571 1.95928 10.4429 1.95928 11.0589 2.45616L18.1933 8.21144C18.5507 8.49973 18.6034 9.01907 18.311 9.37142C18.0186 9.72377 17.4919 9.7757 17.1345 9.48741L16.4095 8.9026V17.0924C16.4095 17.5477 16.0352 17.9168 15.5735 17.9168H4.42596C3.96421 17.9168 3.58989 17.5477 3.58989 17.0924V16.2681V8.90307L2.86551 9.48741C2.50814 9.7757 1.98141 9.72377 1.68901 9.37142C1.39662 9.01907 1.44929 8.49973 1.80666 8.21144L8.94115 2.45616ZM5.17626 7.62337C5.23117 7.73317 5.26202 7.85676 5.26202 7.98746V15.4438C5.26202 15.8991 5.63634 16.2681 6.09808 16.2681H7.07363V11.0476C7.07363 10.1371 7.82227 9.39897 8.74575 9.39897H11.2539C12.1774 9.39897 12.9261 10.1371 12.9261 11.0476V16.2681H13.9013C14.3631 16.2681 14.7374 15.8991 14.7374 15.4438V7.98746C14.7374 7.85663 14.7683 7.73292 14.8233 7.62304L10 3.73213L5.17626 7.62337ZM11.2539 16.2681V11.0476L8.74575 11.0476V16.2681H11.2539Z" fill="#8F4350"/>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 534 B

After

Width:  |  Height:  |  Size: 1.3 KiB