@netlify/spark-ui 1.16.0 → 1.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/package.json +1 -1
  2. package/packages/assets/icons/ai.svg +4 -21
  3. package/packages/assets/icons/cdn.svg +3 -0
  4. package/packages/assets/icons/data-storage.svg +6 -0
  5. package/packages/assets/icons/edge-functions.svg +3 -0
  6. package/packages/assets/icons/forms.svg +3 -0
  7. package/packages/assets/icons/functions.svg +3 -0
  8. package/packages/assets/icons/security.svg +4 -0
  9. package/packages/assets/icons/sparkles.svg +3 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@netlify/spark-ui",
3
3
  "description": "Assets, design tokens, components, and utilities",
4
- "version": "1.16.0",
4
+ "version": "1.17.0",
5
5
  "type": "module",
6
6
  "main": "dist/components/preact/index.js",
7
7
  "types": "dist/components/preact/index.d.ts",
package/packages/assets/icons/ai.svg CHANGED
@@ -1,22 +1,5 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_1_5265)">
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M9.5164 9.0614H0.844727V20.6468C0.844727 21.5609 1.58572 22.3018 2.49979 22.3018H19.0504C19.9645 22.3018 20.7054 21.5609 20.7054 20.6468V13.6548C20.6996 13.6548 20.6938 13.6548 20.688 13.6548H14.0678C11.5541 13.6548 9.5164 11.6171 9.5164 9.10342V9.0614Z" fill="#382AA4"/>
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M10.6918 4.13806C9.94647 5.33965 9.5162 6.75717 9.5162 8.27571V9.10323H0.827148V5.79312C0.827148 4.87906 1.56814 4.13806 2.48221 4.13806H10.6918Z" fill="#292142"/>
5
- <path d="M4.99805 18.1816L7.48063 15.699L4.99805 13.2164" stroke="#775CE7" stroke-width="1.65506" stroke-linecap="round" stroke-linejoin="round"/>
6
- <path d="M9.96387 18.1814H12.4465" stroke="#775CE7" stroke-width="1.65506" stroke-linecap="round" stroke-linejoin="round"/>
7
- <path d="M8.89555 4.13806H2.48221C2.04325 4.13806 1.62229 4.31244 1.3119 4.62281C1.00152 4.9332 0.827148 5.35416 0.827148 5.79312V20.6886C0.827148 21.1276 1.00152 21.5486 1.3119 21.8589C1.62229 22.1693 2.04325 22.3437 2.48221 22.3437H19.0328C19.9469 22.3437 20.6878 21.6027 20.6878 20.6886V14.4822" stroke="#775CE7" stroke-width="1.65506" stroke-linecap="round" stroke-linejoin="round"/>
8
- <path d="M0.827148 9.10352H8.68867" stroke="#775CE7" stroke-width="1.65506" stroke-linecap="round" stroke-linejoin="round"/>
9
- <path d="M12.4131 8.27535C12.4131 5.53317 14.6361 3.31018 17.3783 3.31018C20.1205 3.31018 22.3434 5.53317 22.3434 8.27535V9.10288C22.3434 10.0169 21.6025 10.7579 20.6884 10.7579H14.0681C13.1541 10.7579 12.4131 10.0169 12.4131 9.10288V8.27535Z" fill="#E2D9F7"/>
10
- <path d="M12.4131 8.27535C12.4131 5.53317 14.6361 3.31018 17.3783 3.31018C20.1205 3.31018 22.3434 5.53317 22.3434 8.27535V9.10288C22.3434 10.0169 21.6025 10.7579 20.6884 10.7579H14.0681C13.1541 10.7579 12.4131 10.0169 12.4131 9.10288V8.27535Z" stroke="#775CE7" stroke-width="1.65506" stroke-linecap="round" stroke-linejoin="round"/>
11
- <path d="M15.3093 7.86122C15.0808 7.86122 14.8955 7.67597 14.8955 7.44746C14.8955 7.21894 15.0808 7.03369 15.3093 7.03369" stroke="#775CE7" stroke-width="1.65506" stroke-linecap="round" stroke-linejoin="round"/>
12
- <path d="M15.3086 7.86134C15.5371 7.86134 15.7224 7.67609 15.7224 7.44758C15.7224 7.21906 15.5371 7.03381 15.3086 7.03381" stroke="#775CE7" stroke-width="1.65506" stroke-linecap="round" stroke-linejoin="round"/>
13
- <path d="M19.446 7.86122C19.2174 7.86122 19.0322 7.67597 19.0322 7.44746C19.0322 7.21894 19.2174 7.03369 19.446 7.03369" stroke="#775CE7" stroke-width="1.65506" stroke-linecap="round" stroke-linejoin="round"/>
14
- <path d="M19.4463 7.86134C19.6749 7.86134 19.8601 7.67609 19.8601 7.44758C19.8601 7.21906 19.6749 7.03381 19.4463 7.03381" stroke="#775CE7" stroke-width="1.65506" stroke-linecap="round" stroke-linejoin="round"/>
15
- <path d="M17.3779 3.31022V0.827637" stroke="#775CE7" stroke-width="1.65506" stroke-linecap="round" stroke-linejoin="round"/>
16
- </g>
17
- <defs>
18
- <clipPath id="clip0_1_5265">
19
- <rect width="23.1708" height="23.1708" fill="white"/>
20
- </clipPath>
21
- </defs>
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.98407 9.625L8.58935 11.0952C8.62792 11.1889 8.71922 11.25 8.82053 11.25H9.77587C9.88268 11.25 9.95527 11.1415 9.91454 11.0428L7.3828 4.90468C7.3442 4.81107 7.25294 4.75 7.15169 4.75H6.34295C6.24163 4.75 6.15033 4.81115 6.11177 4.90484L3.58524 11.0429C3.54461 11.1416 3.61719 11.25 3.72395 11.25H4.67399C4.7753 11.25 4.86659 11.1889 4.90516 11.0952L5.51045 9.625H7.98407ZM7.46943 8.375L6.74726 6.62092L6.02508 8.375H7.46943Z" fill="var(--color-icon)"/>
3
+ <path d="M10.75 11.25C10.6119 11.25 10.5 11.1381 10.5 11V5C10.5 4.86193 10.6119 4.75 10.75 4.75H11.5C11.6381 4.75 11.75 4.86193 11.75 5V11C11.75 11.1381 11.6381 11.25 11.5 11.25H10.75Z" fill="var(--color-icon)"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M0 5.5C0 2.73858 2.23858 0.5 5 0.5H11C13.7614 0.5 16 2.73858 16 5.5V10.5C16 13.2614 13.7614 15.5 11 15.5H5C2.23858 15.5 0 13.2614 0 10.5V5.5ZM5 1.75H11C13.0711 1.75 14.75 3.42893 14.75 5.5V10.5C14.75 12.5711 13.0711 14.25 11 14.25H5C2.92893 14.25 1.25 12.5711 1.25 10.5V5.5C1.25 3.42893 2.92893 1.75 5 1.75Z" fill="var(--color-icon)"/>
22
5
  </svg>
package/packages/assets/icons/cdn.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM6.09113 13.1597C5.31106 11.815 4.83018 10.3105 4.69 8.75H2.55071C2.82829 10.7858 4.21989 12.4672 6.09113 13.1597ZM2.55071 7.25H4.69C4.83018 5.68946 5.31106 4.18496 6.09113 2.84029C4.21989 3.53281 2.82829 5.21418 2.55071 7.25ZM13.4493 8.75C13.1717 10.786 11.7799 12.4674 9.90846 13.1599C10.6886 11.8152 11.1695 10.3106 11.3097 8.75H13.4493ZM13.4493 7.25C13.1717 5.21403 11.7799 3.53257 9.90846 2.84013C10.6886 4.18485 11.1695 5.6894 11.3097 7.25H13.4493ZM7.99984 13.3282C6.99464 11.9949 6.37093 10.4119 6.19703 8.75H9.80265C9.62875 10.4119 9.00503 11.9949 7.99984 13.3282ZM6.19703 7.25H9.80265C9.62875 5.58811 9.00503 4.00511 7.99984 2.67183C6.99464 4.00511 6.37093 5.58811 6.19703 7.25Z" fill="var(--color-icon)"/>
3
+ </svg>
package/packages/assets/icons/data-storage.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M3.40039 3.7278L3.40043 4.67185L3.52839 4.79981L4.47244 4.79985L4.60039 4.67191L4.60035 3.72785L4.47239 3.5999L3.52834 3.59985L3.40039 3.7278Z" fill="var(--color-icon)"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1 5.9364L2.21788 7.19995H13.7821L15 5.9364V2.46351L13.7821 1.19995H2.21788L1 2.46351V5.9364ZM2.85544 2.69995H5.14456L5.5 3.06872V5.33119L5.14456 5.69995H2.85544L2.5 5.33119V3.06872L2.85544 2.69995ZM7 2.69995V5.69995H13.1446L13.5 5.33119V3.06872L13.1446 2.69995H7Z" fill="var(--color-icon)"/>
4
+ <path d="M3.40039 11.3278L3.40043 12.2719L3.52839 12.3998L4.47244 12.3999L4.60039 12.2719L4.60035 11.3279L4.47239 11.1999L3.52834 11.1999L3.40039 11.3278Z" fill="var(--color-icon)"/>
5
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M1 13.5364L2.21788 14.8H13.7821L15 13.5364V10.0635L13.7821 8.79995H2.21788L1 10.0635V13.5364ZM2.85544 10.3H5.14456L5.5 10.6687V12.9312L5.14456 13.3H2.85544L2.5 12.9312V10.6687L2.85544 10.3ZM7 10.3V13.3H13.1446L13.5 12.9312V10.6687L13.1446 10.3H7Z" fill="var(--color-icon)"/>
6
+ </svg>
package/packages/assets/icons/edge-functions.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M12.9913 8.02438L12.9377 8.87067L13.6352 9.35299C14.1608 9.71644 14.5 10.3188 14.5 11C14.5 12.1046 13.6046 13 12.5 13H9.58801L9.58654 13.0044H9.10106L8.90063 13.1919L8.7002 14.3169L8.90063 14.5044H10.4918L10.4965 14.5H12.5C14.433 14.5 16 12.933 16 11C16 9.80553 15.4017 8.75083 14.4883 8.11925C14.4961 7.99716 14.5 7.87404 14.5 7.75C14.5 4.57436 11.9256 2 8.75 2C6.73089 2 4.95485 3.0407 3.92903 4.61496C1.68224 5.10527 0 7.10618 0 9.5C0 12.2575 2.23225 14.4937 4.98828 14.5V14.5044H6.43916L7.17793 13.8837L7.93632 9.55005H9.97264L10.1731 9.36254V8.23756L9.97264 8.05005H8.19882L8.55758 6H10.1685L10.369 5.81249V4.68751L10.1685 4.5H7.92743L7.18866 5.12071L6.67602 8.05005H4.65063L4.4502 8.23756V9.36254L4.65063 9.55005H6.41352L5.80978 13H5C3.067 13 1.5 11.433 1.5 9.5C1.5 7.82617 2.67647 6.42361 4.24884 6.08047L4.8499 5.94931L5.18576 5.43388C5.94648 4.26646 7.25914 3.5 8.75 3.5C11.0972 3.5 13 5.40279 13 7.75C13 7.84236 12.9971 7.93384 12.9913 8.02438Z" fill="var(--color-icon)"/>
3
+ </svg>
package/packages/assets/icons/forms.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M0 3.72222C0 3.04511 0.522146 2.5 1.17073 2.5H14.8293C15.4779 2.5 16 3.04511 16 3.72222V12.2778C16 12.9549 15.4779 13.5 14.8293 13.5H1.17073C0.522146 13.5 0 12.9549 0 12.2778V3.72222ZM2.63636 4.61728C2.56071 4.53934 2.45751 4.48955 2.33742 4.50187C2.19603 4.51902 2.06841 4.63606 2.02599 4.7875C1.98355 4.93895 2.02871 5.11623 2.1362 5.22015L4.88414 8.04841L2.14194 10.7676C1.97822 10.9032 1.95106 11.2015 2.08701 11.371C2.22296 11.5405 2.49171 11.5434 2.6306 11.3769L5.42453 8.6064L6.98247 10.2161C7.5533 10.8052 8.43494 10.804 9.00605 10.2161L10.5755 8.6064L13.3694 11.3769C13.5083 11.5434 13.777 11.5405 13.913 11.371C14.0489 11.2015 14.0218 10.9032 13.8581 10.7676L11.1159 8.04841L13.8638 5.22015C14.0053 5.07407 14.0149 4.79757 13.8839 4.63974C13.753 4.4819 13.5051 4.4712 13.3636 4.61728L8.5059 9.61325C8.20328 9.92477 7.78449 9.92475 7.48261 9.61325L2.63636 4.61728Z" fill="var(--color-icon)"/>
3
+ </svg>
package/packages/assets/icons/functions.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M3.25 6.28275L4.63284 4.8999H6.13215L6.54666 2.56384L8.78259 0.699951H11.9672L13.35 2.08279V3.91711L11.9172 5.34993L12.85 6.28275V8.11706L11.4672 9.4999H9.99688L9.31827 13.4571L7.15127 15.3H4.13284L2.75 13.9171V12.0828L4.13284 10.7H5.11755L5.32756 9.4999H4.63284L3.25 8.11706V6.28275ZM8.65895 8.15681L8.90521 7.9499H11.3V6.4499H9.25521L9.00895 6.15681L9.39394 3.95686L9.6402 3.74995H11.8V2.24995H8.89108L8.04553 2.96039L7.47107 6.243L7.22481 6.4499H4.8V7.9499H6.87481L7.12107 8.243L6.45606 12.043L6.2098 12.25H4.3V13.75H6.95892L7.80447 13.0395L8.65895 8.15681Z" fill="var(--color-icon)"/>
3
+ </svg>
package/packages/assets/icons/security.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M7.81185 3.27051L4.42576 4.76949L4.25 4.94922V7.82027L4.41016 8.00001H8V12.668L8.1808 12.8447L8.20494 12.8348C9.97276 12.1034 11.3776 10.2927 11.6866 8.21629L11.6912 8.18468L11.5156 8.00001H8V3.46265L7.81185 3.27051Z" fill="var(--color-icon)"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.6964 0.314209H8.3036L14.0536 2.85966L14.5 3.54547V7.36365C14.5 11.0714 12.0288 14.573 8.57475 15.6202L8.57228 15.6177H7.42772L7.42525 15.6202C3.97118 14.573 1.5 11.0714 1.5 7.36365V3.54547L1.9464 2.85966L7.6964 0.314209ZM3 4.13672V7.36365C3 10.5137 5.15438 13.4372 8 14.2252C10.8456 13.4372 13 10.5137 13 7.36365V4.14062L12.8214 3.95459L8 1.82022L3.17207 3.95748L3 4.13672Z" fill="var(--color-icon)"/>
4
+ </svg>
package/packages/assets/icons/sparkles.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M11.316 4.42999L9.27 3.85999C8.91 3.74699 8.91 3.25299 9.27 3.15799L11.316 2.56899C11.3731 2.54919 11.4249 2.51665 11.4675 2.47386C11.5101 2.43107 11.5424 2.37913 11.562 2.32199L12.15 0.270994C12.263 -0.0900059 12.756 -0.0900059 12.85 0.270994L13.419 2.32199C13.4386 2.37913 13.4709 2.43107 13.5135 2.47386C13.5561 2.51665 13.6079 2.54919 13.665 2.56899L15.73 3.15899C16.09 3.27199 16.09 3.76599 15.73 3.86099L13.684 4.43099C13.6269 4.4508 13.5751 4.48333 13.5325 4.52613C13.4899 4.56892 13.4576 4.62086 13.438 4.67799L12.85 6.72899C12.737 7.08999 12.244 7.08999 12.15 6.72899L11.562 4.67799C11.5424 4.62089 11.51 4.56899 11.4674 4.52621C11.4248 4.48342 11.373 4.45087 11.316 4.43099V4.42999ZM7.34 8.41599L10.587 9.40399C11.134 9.56799 11.134 10.411 10.606 10.596L7.359 11.584C7.26264 11.6179 7.17607 11.6749 7.10686 11.7501C7.03765 11.8252 6.98791 11.9162 6.962 12.015L6.056 15.553C6.03004 15.679 5.96139 15.7922 5.86165 15.8735C5.7619 15.9548 5.63717 15.9992 5.5085 15.9992C5.37983 15.9992 5.2551 15.9548 5.15535 15.8735C5.05561 15.7922 4.98697 15.679 4.961 15.553L4.055 12.015C4.02909 11.9162 3.97935 11.8252 3.91014 11.7501C3.84093 11.6749 3.75436 11.6179 3.658 11.584L0.411 10.596C-0.137 10.432 -0.137 9.56799 0.411 9.40399L3.639 8.41599C3.73536 8.38207 3.82193 8.32504 3.89114 8.2499C3.96035 8.17477 4.01009 8.08381 4.036 7.98499L4.942 4.44699C4.96797 4.32097 5.03661 4.20776 5.13635 4.12647C5.2361 4.04519 5.36083 4.0008 5.4895 4.0008C5.61817 4.0008 5.7429 4.04519 5.84265 4.12647C5.94239 4.20776 6.01103 4.32097 6.037 4.44699L6.943 7.98499C7 8.18999 7.151 8.35499 7.34 8.41599Z" fill="var(--color-icon)"/>
3
+ </svg>