@ably/ui 14.3.0-dev.0f0a22a → 14.3.0-dev.2d7e392

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 (8) hide show
  1. package/core/icons/icon-product-asset-tracking.svg +45 -0
  2. package/core/icons/icon-product-chat.svg +43 -0
  3. package/core/icons/icon-product-liveobjects.svg +47 -0
  4. package/core/icons/icon-product-livesync.svg +70 -0
  5. package/core/icons/icon-product-pubsub.svg +40 -0
  6. package/core/icons/icon-product-spaces.svg +78 -0
  7. package/core/sprites.svg +1 -1
  8. package/package.json +1 -1
package/core/icons/icon-product-asset-tracking.svg ADDED
@@ -0,0 +1,45 @@
1
+ <svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect x="0.5" y="0.922852" width="47" height="47" rx="11.5" fill="url(#paint0_linear_3711_3755)"/>
3
+ <rect x="0.5" y="0.922852" width="47" height="47" rx="11.5" stroke="url(#paint1_linear_3711_3755)"/>
4
+ <g clip-path="url(#clip0_3711_3755)">
5
+ <ellipse cx="24" cy="34.756" rx="14.6667" ry="5.66667" fill="url(#paint2_radial_3711_3755)"/>
6
+ <ellipse cx="24" cy="34.0895" rx="9.33333" ry="3.66667" fill="url(#paint3_radial_3711_3755)"/>
7
+ <g filter="url(#filter0_b_3711_3755)">
8
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M34.6667 18.87C34.6667 13.1032 29.888 8.42285 24 8.42285C18.1121 8.42285 13.3334 13.1032 13.3334 18.87C13.3334 21.3707 14.3515 23.8198 15.7499 26.0218C17.9018 29.4081 20.9597 33.1411 22.7962 34.6634C23.4936 35.2315 24.5047 35.2315 25.2022 34.6634C27.0386 33.1411 30.0965 29.4081 32.2484 26.0218C33.6486 23.8198 34.6667 21.3707 34.6667 18.87ZM24 23.4229C26.3932 23.4229 28.3333 21.4828 28.3333 19.0895C28.3333 16.6963 26.3932 14.7562 24 14.7562C21.6068 14.7562 19.6667 16.6963 19.6667 19.0895C19.6667 21.4828 21.6068 23.4229 24 23.4229Z" fill="url(#paint4_linear_3711_3755)"/>
9
+ </g>
10
+ </g>
11
+ <defs>
12
+ <filter id="filter0_b_3711_3755" x="10.3334" y="5.42285" width="27.3334" height="32.6665" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
13
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
14
+ <feGaussianBlur in="BackgroundImageFix" stdDeviation="1.5"/>
15
+ <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_3711_3755"/>
16
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3711_3755" result="shape"/>
17
+ </filter>
18
+ <linearGradient id="paint0_linear_3711_3755" x1="7.07692" y1="3.49977" x2="42.7692" y2="45.6536" gradientUnits="userSpaceOnUse">
19
+ <stop stop-color="#202531" stop-opacity="0.75"/>
20
+ <stop offset="1" stop-color="#03020D"/>
21
+ </linearGradient>
22
+ <linearGradient id="paint1_linear_3711_3755" x1="24" y1="0.422852" x2="24" y2="48.4229" gradientUnits="userSpaceOnUse">
23
+ <stop stop-color="#39414E"/>
24
+ <stop offset="1" stop-color="#39414E" stop-opacity="0"/>
25
+ </linearGradient>
26
+ <radialGradient id="paint2_radial_3711_3755" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24 33.8116) rotate(90) scale(6.61111 17.1111)">
27
+ <stop stop-color="#9951F5" stop-opacity="0"/>
28
+ <stop offset="0.64" stop-color="#9951F5" stop-opacity="0.25"/>
29
+ <stop offset="1" stop-color="#9951F5" stop-opacity="0.65"/>
30
+ </radialGradient>
31
+ <radialGradient id="paint3_radial_3711_3755" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24 33.4784) rotate(90) scale(4.27778 10.8889)">
32
+ <stop stop-color="#9951F5" stop-opacity="0"/>
33
+ <stop offset="0.64" stop-color="#9951F5" stop-opacity="0.25"/>
34
+ <stop offset="1" stop-color="#9951F5" stop-opacity="0.74902"/>
35
+ </radialGradient>
36
+ <linearGradient id="paint4_linear_3711_3755" x1="31.5556" y1="8.42285" x2="26.8005" y2="35.9476" gradientUnits="userSpaceOnUse">
37
+ <stop stop-color="#FF5416"/>
38
+ <stop offset="0.63" stop-color="#FF5416" stop-opacity="0.65"/>
39
+ <stop offset="1" stop-color="#FF5416" stop-opacity="0.25"/>
40
+ </linearGradient>
41
+ <clipPath id="clip0_3711_3755">
42
+ <rect width="32" height="32" fill="white" transform="translate(8 8.42285)"/>
43
+ </clipPath>
44
+ </defs>
45
+ </svg>
package/core/icons/icon-product-chat.svg ADDED
@@ -0,0 +1,43 @@
1
+ <svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect x="0.5" y="0.922852" width="47" height="47" rx="11.5" fill="url(#paint0_linear_3704_19642)"/>
3
+ <rect x="0.5" y="0.922852" width="47" height="47" rx="11.5" stroke="url(#paint1_linear_3704_19642)"/>
4
+ <path d="M22.8 21.7563H35.3333C36.8061 21.7563 38 22.9503 38 24.423V38.6685C38 38.947 37.6787 39.1027 37.4601 38.9301L32.9333 35.3563H22.8C21.3272 35.3563 20.1333 34.1624 20.1333 32.6897V24.423C20.1333 22.9503 21.3272 21.7563 22.8 21.7563Z" fill="url(#paint2_linear_3704_19642)"/>
5
+ <mask id="mask0_3704_19642" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="20" y="21" width="18" height="19">
6
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M20.1334 27.7563H28.6667C30.8758 27.7563 32.6667 25.9655 32.6667 23.7563V21.7563H35.3334C36.8062 21.7563 38.0001 22.9503 38.0001 24.423V38.6685C38.0001 38.947 37.6788 39.1027 37.4602 38.9301L32.9334 35.3563H22.8001C21.3273 35.3563 20.1334 34.1624 20.1334 32.6897V27.7563Z" fill="#F4F8FB"/>
7
+ </mask>
8
+ <g mask="url(#mask0_3704_19642)">
9
+ <ellipse cx="28" cy="26.256" rx="7.33333" ry="5.16667" fill="url(#paint3_radial_3704_19642)"/>
10
+ </g>
11
+ <g filter="url(#filter0_b_3704_19642)">
12
+ <path d="M28.6667 10.4229H14C11.7909 10.4229 10 12.2137 10 14.4229V31.7244C10 32.1422 10.4819 32.3757 10.8098 32.1169L16.3333 27.7562H28.6667C30.8758 27.7562 32.6667 25.9653 32.6667 23.7562V14.4229C32.6667 12.2137 30.8758 10.4229 28.6667 10.4229Z" fill="url(#paint4_linear_3704_19642)"/>
13
+ </g>
14
+ <defs>
15
+ <filter id="filter0_b_3704_19642" x="7.33333" y="7.75618" width="28" height="27.1361" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
16
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
17
+ <feGaussianBlur in="BackgroundImageFix" stdDeviation="1.33333"/>
18
+ <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_3704_19642"/>
19
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3704_19642" result="shape"/>
20
+ </filter>
21
+ <linearGradient id="paint0_linear_3704_19642" x1="7.07692" y1="3.49977" x2="42.7692" y2="45.6536" gradientUnits="userSpaceOnUse">
22
+ <stop stop-color="#202531" stop-opacity="0.75"/>
23
+ <stop offset="1" stop-color="#03020D"/>
24
+ </linearGradient>
25
+ <linearGradient id="paint1_linear_3704_19642" x1="24" y1="0.422852" x2="24" y2="48.4229" gradientUnits="userSpaceOnUse">
26
+ <stop stop-color="#39414E"/>
27
+ <stop offset="1" stop-color="#39414E" stop-opacity="0"/>
28
+ </linearGradient>
29
+ <linearGradient id="paint2_linear_3704_19642" x1="20.244" y1="22.6837" x2="29.4869" y2="38.7436" gradientUnits="userSpaceOnUse">
30
+ <stop stop-color="#4AD4FF" stop-opacity="0.4"/>
31
+ <stop offset="1" stop-color="#2CC0FF"/>
32
+ </linearGradient>
33
+ <radialGradient id="paint3_radial_3704_19642" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28 26.256) rotate(90) scale(5.16667 7.33333)">
34
+ <stop offset="0.25" stop-color="#0284CD" stop-opacity="0.5"/>
35
+ <stop offset="0.845" stop-color="#0284CD" stop-opacity="0.1"/>
36
+ <stop offset="1" stop-color="#0284CD" stop-opacity="0"/>
37
+ </radialGradient>
38
+ <linearGradient id="paint4_linear_3704_19642" x1="11.3333" y1="13.6645" x2="25.7325" y2="29.8792" gradientUnits="userSpaceOnUse">
39
+ <stop stop-color="#FF5416"/>
40
+ <stop offset="1" stop-color="#FF5416" stop-opacity="0.5"/>
41
+ </linearGradient>
42
+ </defs>
43
+ </svg>
package/core/icons/icon-product-liveobjects.svg ADDED
@@ -0,0 +1,47 @@
1
+ <svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect x="0.5" y="0.922852" width="47" height="47" rx="11.5" fill="url(#paint0_linear_3704_19672)"/>
3
+ <rect x="0.5" y="0.922852" width="47" height="47" rx="11.5" stroke="url(#paint1_linear_3704_19672)"/>
4
+ <g filter="url(#filter0_b_3704_19672)">
5
+ <rect x="19.3333" y="19.7563" width="9.33333" height="9.33333" rx="2.66667" fill="url(#paint2_linear_3704_19672)"/>
6
+ </g>
7
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M21.3334 39.0894L29.703 39.0894C30.0195 39.0894 30.1578 38.6895 29.9089 38.4939L21.8727 32.1797C21.654 32.0079 21.3334 32.1637 21.3334 32.4418L21.3334 35.756L19.3334 35.756C15.6515 35.756 12.6667 32.7713 12.6667 29.0894L12.6667 19.756L9.3334 19.756L9.33341 29.0894C9.33341 34.6122 13.8106 39.0894 19.3334 39.0894L21.3334 39.0894L21.3334 39.0894Z" fill="url(#paint3_linear_3704_19672)"/>
8
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M9.33334 21.7564L9.33334 30.126C9.33334 30.4425 9.73321 30.5808 9.92878 30.3319L16.243 22.2957C16.4148 22.077 16.259 21.7564 15.9809 21.7564L12.6667 21.7564L12.6667 19.7564C12.6667 16.0745 15.6514 13.0897 19.3333 13.0897L28.6667 13.0897L28.6667 9.75641L19.3333 9.75641C13.8105 9.75641 9.33334 14.2336 9.33334 19.7564L9.33334 21.7564Z" fill="url(#paint4_linear_3704_19672)"/>
9
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M38.6667 27.0893L38.6667 18.7197C38.6667 18.4032 38.2668 18.2649 38.0712 18.5138L31.757 26.55C31.5852 26.7687 31.741 27.0893 32.0191 27.0893L35.3333 27.0893L35.3333 29.0893C35.3333 32.7712 32.3486 35.756 28.6667 35.756L19.3333 35.756L19.3333 39.0893L28.6667 39.0893C34.1895 39.0893 38.6667 34.6121 38.6667 29.0893L38.6667 27.0893Z" fill="url(#paint5_linear_3704_19672)"/>
10
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M26.6666 9.75635L18.297 9.75635C17.9805 9.75635 17.8422 10.1562 18.0911 10.3518L26.1273 16.666C26.346 16.8378 26.6666 16.682 26.6666 16.4039V13.0897H28.6666C32.3485 13.0897 35.3333 16.0745 35.3333 19.7563V29.0897H38.6666V19.7563C38.6666 14.2335 34.1894 9.75635 28.6666 9.75635H26.6666V9.75635Z" fill="url(#paint6_linear_3704_19672)"/>
11
+ <defs>
12
+ <filter id="filter0_b_3704_19672" x="16.6667" y="17.0897" width="14.6667" height="14.6668" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
13
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
14
+ <feGaussianBlur in="BackgroundImageFix" stdDeviation="1.33333"/>
15
+ <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_3704_19672"/>
16
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3704_19672" result="shape"/>
17
+ </filter>
18
+ <linearGradient id="paint0_linear_3704_19672" x1="7.07692" y1="3.49977" x2="42.7692" y2="45.6536" gradientUnits="userSpaceOnUse">
19
+ <stop stop-color="#202531" stop-opacity="0.75"/>
20
+ <stop offset="1" stop-color="#03020D"/>
21
+ </linearGradient>
22
+ <linearGradient id="paint1_linear_3704_19672" x1="24" y1="0.422852" x2="24" y2="48.4229" gradientUnits="userSpaceOnUse">
23
+ <stop stop-color="#39414E"/>
24
+ <stop offset="1" stop-color="#39414E" stop-opacity="0"/>
25
+ </linearGradient>
26
+ <linearGradient id="paint2_linear_3704_19672" x1="19.8824" y1="21.1111" x2="25.9098" y2="27.7987" gradientUnits="userSpaceOnUse">
27
+ <stop stop-color="#FF5416"/>
28
+ <stop offset="1" stop-color="#FF5416" stop-opacity="0.5"/>
29
+ </linearGradient>
30
+ <linearGradient id="paint3_linear_3704_19672" x1="21" y1="34.9227" x2="11.6063" y2="27.7617" gradientUnits="userSpaceOnUse">
31
+ <stop stop-color="#F8C100"/>
32
+ <stop offset="1" stop-color="#E8A700" stop-opacity="0"/>
33
+ </linearGradient>
34
+ <linearGradient id="paint4_linear_3704_19672" x1="12.3333" y1="21.423" x2="20.7343" y2="12.6807" gradientUnits="userSpaceOnUse">
35
+ <stop stop-color="#B986F8"/>
36
+ <stop offset="1" stop-color="#B986F8" stop-opacity="0.4"/>
37
+ </linearGradient>
38
+ <linearGradient id="paint5_linear_3704_19672" x1="35" y1="26.9227" x2="29.0457" y2="39.1117" gradientUnits="userSpaceOnUse">
39
+ <stop stop-color="#D400AB"/>
40
+ <stop offset="1" stop-color="#D400AB" stop-opacity="0"/>
41
+ </linearGradient>
42
+ <linearGradient id="paint6_linear_3704_19672" x1="28.3333" y1="12.2563" x2="37.355" y2="18.1795" gradientUnits="userSpaceOnUse">
43
+ <stop stop-color="#00C008"/>
44
+ <stop offset="1" stop-color="#00C008" stop-opacity="0"/>
45
+ </linearGradient>
46
+ </defs>
47
+ </svg>
package/core/icons/icon-product-livesync.svg ADDED
@@ -0,0 +1,70 @@
1
+ <svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect x="0.5" y="0.922852" width="47" height="47" rx="11.5" fill="url(#paint0_linear_3711_3610)"/>
3
+ <rect x="0.5" y="0.922852" width="47" height="47" rx="11.5" stroke="url(#paint1_linear_3711_3610)"/>
4
+ <ellipse cx="24" cy="29.5897" rx="10" ry="4.83333" fill="url(#paint2_linear_3711_3610)"/>
5
+ <ellipse cx="24" cy="29.0897" rx="10" ry="4.33333" fill="url(#paint3_linear_3711_3610)"/>
6
+ <ellipse cx="24" cy="24.5897" rx="10" ry="4.83333" fill="url(#paint4_linear_3711_3610)"/>
7
+ <ellipse cx="24" cy="24.0897" rx="10" ry="4.33333" fill="url(#paint5_linear_3711_3610)"/>
8
+ <ellipse cx="24" cy="19.5897" rx="10" ry="4.83333" fill="url(#paint6_linear_3711_3610)"/>
9
+ <ellipse cx="24" cy="19.0897" rx="10" ry="4.33333" fill="url(#paint7_linear_3711_3610)"/>
10
+ <g filter="url(#filter0_b_3711_3610)">
11
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M19.275 39.0894L29.332 39.0894C29.9668 39.0894 30.2424 38.2862 29.7413 37.8965L20.351 30.5929C19.9131 30.2523 19.275 30.5643 19.275 31.1191V36.3621H17.6425C14.63 36.3621 12.1879 33.92 12.1879 30.9075V27.2712C12.1879 25.6587 12.8876 24.2096 14 23.211V19.9429C11.3093 21.2828 9.46065 24.0611 9.46065 27.2712V30.9075C9.46065 35.4262 13.1238 39.0894 17.6425 39.0894H19.275V39.0894Z" fill="url(#paint8_linear_3711_3610)"/>
12
+ </g>
13
+ <g filter="url(#filter1_b_3711_3610)">
14
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M28.725 9.75635L18.668 9.75635C18.0332 9.75635 17.7576 10.5595 18.2587 10.9493L27.649 18.2528C28.0869 18.5934 28.725 18.2814 28.725 17.7266L28.725 12.4836H30.3575C33.37 12.4836 35.8121 14.9257 35.8121 17.9382V21.5745C35.8121 23.187 35.1124 24.6361 34 25.6347V28.9029C36.6907 27.5629 38.5393 24.7846 38.5393 21.5745V17.9382C38.5393 13.4195 34.8762 9.75635 30.3575 9.75635H28.725V9.75635Z" fill="url(#paint9_linear_3711_3610)"/>
15
+ </g>
16
+ <defs>
17
+ <filter id="filter0_b_3711_3610" x="6.79403" y="17.2762" width="25.8726" height="24.4798" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
18
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
19
+ <feGaussianBlur in="BackgroundImageFix" stdDeviation="1.33333"/>
20
+ <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_3711_3610"/>
21
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3711_3610" result="shape"/>
22
+ </filter>
23
+ <filter id="filter1_b_3711_3610" x="15.3333" y="7.08968" width="25.8726" height="24.4798" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
24
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
25
+ <feGaussianBlur in="BackgroundImageFix" stdDeviation="1.33333"/>
26
+ <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_3711_3610"/>
27
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3711_3610" result="shape"/>
28
+ </filter>
29
+ <linearGradient id="paint0_linear_3711_3610" x1="7.07692" y1="3.49977" x2="42.7692" y2="45.6536" gradientUnits="userSpaceOnUse">
30
+ <stop stop-color="#202531" stop-opacity="0.75"/>
31
+ <stop offset="1" stop-color="#03020D"/>
32
+ </linearGradient>
33
+ <linearGradient id="paint1_linear_3711_3610" x1="24" y1="0.422852" x2="24" y2="48.4229" gradientUnits="userSpaceOnUse">
34
+ <stop stop-color="#39414E"/>
35
+ <stop offset="1" stop-color="#39414E" stop-opacity="0"/>
36
+ </linearGradient>
37
+ <linearGradient id="paint2_linear_3711_3610" x1="34" y1="34.423" x2="26.4251" y2="18.7509" gradientUnits="userSpaceOnUse">
38
+ <stop stop-color="#008E06"/>
39
+ <stop offset="1" stop-color="#008E06" stop-opacity="0.1"/>
40
+ </linearGradient>
41
+ <linearGradient id="paint3_linear_3711_3610" x1="34" y1="33.423" x2="27.6763" y2="18.8299" gradientUnits="userSpaceOnUse">
42
+ <stop stop-color="#00C008"/>
43
+ <stop offset="1" stop-color="#00C008" stop-opacity="0.1"/>
44
+ </linearGradient>
45
+ <linearGradient id="paint4_linear_3711_3610" x1="34" y1="29.423" x2="26.4251" y2="13.7509" gradientUnits="userSpaceOnUse">
46
+ <stop stop-color="#00E80B"/>
47
+ <stop offset="1" stop-color="#00E80B" stop-opacity="0.1"/>
48
+ </linearGradient>
49
+ <linearGradient id="paint5_linear_3711_3610" x1="34" y1="28.423" x2="27.6763" y2="13.8299" gradientUnits="userSpaceOnUse">
50
+ <stop stop-color="#00E80B"/>
51
+ <stop offset="1" stop-color="#00E80B" stop-opacity="0.1"/>
52
+ </linearGradient>
53
+ <linearGradient id="paint6_linear_3711_3610" x1="34" y1="24.423" x2="26.4251" y2="8.75087" gradientUnits="userSpaceOnUse">
54
+ <stop stop-color="#80FF85"/>
55
+ <stop offset="1" stop-color="#80FF85" stop-opacity="0.5"/>
56
+ </linearGradient>
57
+ <linearGradient id="paint7_linear_3711_3610" x1="34" y1="23.423" x2="27.6763" y2="8.82994" gradientUnits="userSpaceOnUse">
58
+ <stop stop-color="#80FF85"/>
59
+ <stop offset="1" stop-color="#80FF85" stop-opacity="0.5"/>
60
+ </linearGradient>
61
+ <linearGradient id="paint8_linear_3711_3610" x1="23.1667" y1="42.0894" x2="14.1167" y2="20.0414" gradientUnits="userSpaceOnUse">
62
+ <stop stop-color="#FF5416"/>
63
+ <stop offset="1" stop-color="#FF5416" stop-opacity="0"/>
64
+ </linearGradient>
65
+ <linearGradient id="paint9_linear_3711_3610" x1="25.3333" y1="4.75635" x2="34.3333" y2="28.7563" gradientUnits="userSpaceOnUse">
66
+ <stop stop-color="#FF5416"/>
67
+ <stop offset="1" stop-color="#FF5416" stop-opacity="0"/>
68
+ </linearGradient>
69
+ </defs>
70
+ </svg>
package/core/icons/icon-product-pubsub.svg ADDED
@@ -0,0 +1,40 @@
1
+ <svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect x="0.5" y="0.922852" width="47" height="47" rx="11.5" fill="url(#paint0_linear_3704_19537)"/>
3
+ <rect x="0.5" y="0.922852" width="47" height="47" rx="11.5" stroke="url(#paint1_linear_3704_19537)"/>
4
+ <g filter="url(#filter0_b_3704_19537)">
5
+ <path d="M9.62465 30.1996C9.13106 29.7994 9.13106 29.0463 9.62465 28.6461L19.9135 20.3038C20.3492 19.9505 21 20.2606 21 20.8217L21 25.4229C21 25.6069 21.1492 25.7562 21.3333 25.7562L34.6195 25.7562C35.2275 25.7562 35.5181 26.5034 35.0699 26.9143L28.5245 32.9143C28.4015 33.027 28.2408 33.0895 28.074 33.0895L21.3333 33.0895C21.1492 33.0895 21 33.2388 21 33.4228L21 38.024C21 38.5851 20.3492 38.8952 19.9135 38.5419L9.62465 30.1996Z" fill="url(#paint2_linear_3704_19537)"/>
6
+ </g>
7
+ <g filter="url(#filter1_b_3704_19537)">
8
+ <path d="M38.3753 18.6461C38.8689 19.0463 38.8689 19.7994 38.3753 20.1996L28.0865 28.5419C27.6508 28.8952 27 28.5851 27 28.024L27 23.4229C27 23.2388 26.8508 23.0895 26.6667 23.0895L12.0472 23.0895C11.4392 23.0895 11.1485 22.3423 11.5967 21.9314L18.1422 15.9314C18.2651 15.8187 18.4259 15.7562 18.5927 15.7562L26.6667 15.7562C26.8508 15.7562 27 15.6069 27 15.4229L27 10.8217C27 10.2606 27.6508 9.95048 28.0865 10.3038L38.3753 18.6461Z" fill="url(#paint3_linear_3704_19537)"/>
9
+ </g>
10
+ <defs>
11
+ <filter id="filter0_b_3704_19537" x="6.58779" y="17.4871" width="31.3664" height="23.8714" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
12
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
13
+ <feGaussianBlur in="BackgroundImageFix" stdDeviation="1.33333"/>
14
+ <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_3704_19537"/>
15
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3704_19537" result="shape"/>
16
+ </filter>
17
+ <filter id="filter1_b_3704_19537" x="8.71254" y="7.48714" width="32.6997" height="23.8714" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
18
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
19
+ <feGaussianBlur in="BackgroundImageFix" stdDeviation="1.33333"/>
20
+ <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_3704_19537"/>
21
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3704_19537" result="shape"/>
22
+ </filter>
23
+ <linearGradient id="paint0_linear_3704_19537" x1="7.07692" y1="3.49977" x2="42.7692" y2="45.6536" gradientUnits="userSpaceOnUse">
24
+ <stop stop-color="#202531" stop-opacity="0.75"/>
25
+ <stop offset="1" stop-color="#03020D"/>
26
+ </linearGradient>
27
+ <linearGradient id="paint1_linear_3704_19537" x1="24" y1="0.422852" x2="24" y2="48.4229" gradientUnits="userSpaceOnUse">
28
+ <stop stop-color="#39414E"/>
29
+ <stop offset="1" stop-color="#39414E" stop-opacity="0"/>
30
+ </linearGradient>
31
+ <linearGradient id="paint2_linear_3704_19537" x1="12.6667" y1="34.7562" x2="35.8887" y2="28.6187" gradientUnits="userSpaceOnUse">
32
+ <stop stop-color="#FF17D2"/>
33
+ <stop offset="1" stop-color="#FF17D2" stop-opacity="0"/>
34
+ </linearGradient>
35
+ <linearGradient id="paint3_linear_3704_19537" x1="34" y1="12.5895" x2="11.6667" y2="27.2562" gradientUnits="userSpaceOnUse">
36
+ <stop stop-color="#FF5416"/>
37
+ <stop offset="0.945" stop-color="#FF5416" stop-opacity="0"/>
38
+ </linearGradient>
39
+ </defs>
40
+ </svg>
package/core/icons/icon-product-spaces.svg ADDED
@@ -0,0 +1,78 @@
1
+ <svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect x="0.5" y="0.922852" width="47" height="47" rx="11.5" fill="url(#paint0_linear_3711_3719)"/>
3
+ <rect x="0.5" y="0.922852" width="47" height="47" rx="11.5" stroke="url(#paint1_linear_3711_3719)"/>
4
+ <g filter="url(#filter0_b_3711_3719)">
5
+ <path d="M13.757 37.1802L9.36998 22.8088C9.17974 22.1856 9.76264 21.6027 10.3859 21.793L24.7572 26.18C25.5104 26.4099 25.5303 27.469 24.7863 27.7271L18.1193 30.0402C17.8839 30.1218 17.6989 30.3068 17.6172 30.5422L15.3041 37.2093C15.046 37.9533 13.9869 37.9334 13.757 37.1802Z" fill="url(#paint2_linear_3711_3719)"/>
6
+ </g>
7
+ <mask id="mask0_3711_3719" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="21" width="17" height="17">
8
+ <path d="M13.757 37.1802L9.36998 22.8088C9.17974 22.1856 9.76264 21.6027 10.3859 21.793L24.7572 26.18C25.5104 26.4099 25.5303 27.469 24.7863 27.7271L18.1193 30.0402C17.8839 30.1218 17.6989 30.3068 17.6172 30.5422L15.3041 37.2093C15.046 37.9533 13.9869 37.9334 13.757 37.1802Z" fill="url(#paint3_linear_3711_3719)"/>
9
+ </mask>
10
+ <g mask="url(#mask0_3711_3719)">
11
+ <ellipse cx="18.1666" cy="26.2562" rx="6.5" ry="8.5" transform="rotate(-19.3695 18.1666 26.2562)" fill="url(#paint4_radial_3711_3719)"/>
12
+ </g>
13
+ <g filter="url(#filter1_b_3711_3719)">
14
+ <path d="M25.6432 38.4412L20.7078 22.2734C20.4938 21.5723 21.1495 20.9165 21.8507 21.1305L38.0184 26.066C38.8658 26.3246 38.8882 27.516 38.0512 27.8064L30.5507 30.4086C30.2859 30.5005 30.0778 30.7087 29.9859 30.9735L27.3837 38.4739C27.0933 39.3109 25.9019 39.2885 25.6432 38.4412Z" fill="url(#paint5_linear_3711_3719)"/>
15
+ </g>
16
+ <mask id="mask1_3711_3719" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="20" y="21" width="19" height="19">
17
+ <path d="M25.6432 38.4412L20.7078 22.2734C20.4938 21.5723 21.1495 20.9165 21.8507 21.1305L38.0184 26.066C38.8658 26.3246 38.8882 27.516 38.0512 27.8064L30.5507 30.4086C30.2859 30.5005 30.0778 30.7087 29.9859 30.9735L27.3837 38.4739C27.0933 39.3109 25.9019 39.2885 25.6432 38.4412Z" fill="white"/>
18
+ </mask>
19
+ <g mask="url(#mask1_3711_3719)">
20
+ <circle cx="22" cy="22.0895" r="8.66667" fill="url(#paint6_radial_3711_3719)"/>
21
+ </g>
22
+ <g filter="url(#filter2_b_3711_3719)">
23
+ <path d="M18.8982 30.3215L13.0488 11.1597C12.7952 10.3287 13.5723 9.5515 14.4033 9.80516L33.5651 15.6546C34.5694 15.9611 34.596 17.3732 33.604 17.7173L24.7145 20.8014C24.4006 20.9103 24.154 21.157 24.0451 21.4709L20.961 30.3603C20.6168 31.3523 19.2048 31.3257 18.8982 30.3215Z" fill="url(#paint7_linear_3711_3719)"/>
24
+ </g>
25
+ <defs>
26
+ <filter id="filter0_b_3711_3719" x="8.00004" y="20.423" width="18.6667" height="18.6667" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
27
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
28
+ <feGaussianBlur in="BackgroundImageFix" stdDeviation="0.666667"/>
29
+ <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_3711_3719"/>
30
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3711_3719" result="shape"/>
31
+ </filter>
32
+ <filter id="filter1_b_3711_3719" x="18" y="18.4227" width="23.3333" height="23.3333" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
33
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
34
+ <feGaussianBlur in="BackgroundImageFix" stdDeviation="1.33333"/>
35
+ <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_3711_3719"/>
36
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3711_3719" result="shape"/>
37
+ </filter>
38
+ <filter id="filter2_b_3711_3719" x="10.3333" y="7.08968" width="26.6667" height="26.6668" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
39
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
40
+ <feGaussianBlur in="BackgroundImageFix" stdDeviation="1.33333"/>
41
+ <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_3711_3719"/>
42
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3711_3719" result="shape"/>
43
+ </filter>
44
+ <linearGradient id="paint0_linear_3711_3719" x1="7.07692" y1="3.49977" x2="42.7692" y2="45.6536" gradientUnits="userSpaceOnUse">
45
+ <stop stop-color="#202531" stop-opacity="0.75"/>
46
+ <stop offset="1" stop-color="#03020D"/>
47
+ </linearGradient>
48
+ <linearGradient id="paint1_linear_3711_3719" x1="24" y1="0.422852" x2="24" y2="48.4229" gradientUnits="userSpaceOnUse">
49
+ <stop stop-color="#39414E"/>
50
+ <stop offset="1" stop-color="#39414E" stop-opacity="0"/>
51
+ </linearGradient>
52
+ <linearGradient id="paint2_linear_3711_3719" x1="19.1674" y1="23.0685" x2="15.5953" y2="38.9008" gradientUnits="userSpaceOnUse">
53
+ <stop stop-color="#9951F5"/>
54
+ <stop offset="1" stop-color="#B986F8" stop-opacity="0.25"/>
55
+ </linearGradient>
56
+ <linearGradient id="paint3_linear_3711_3719" x1="19.1674" y1="23.0685" x2="15.5953" y2="38.9008" gradientUnits="userSpaceOnUse">
57
+ <stop stop-color="#9951F5"/>
58
+ <stop offset="1" stop-color="#B986F8" stop-opacity="0.25"/>
59
+ </linearGradient>
60
+ <radialGradient id="paint4_radial_3711_3719" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18.1666 26.2562) rotate(90) scale(8.5 6.5)">
61
+ <stop stop-color="#130228"/>
62
+ <stop offset="1" stop-color="#2D055E" stop-opacity="0"/>
63
+ </radialGradient>
64
+ <linearGradient id="paint5_linear_3711_3719" x1="22.3166" y1="37.4394" x2="28.5814" y2="20.6872" gradientUnits="userSpaceOnUse">
65
+ <stop stop-color="#FFE27C" stop-opacity="0.35"/>
66
+ <stop offset="0.886849" stop-color="#F8C100"/>
67
+ </linearGradient>
68
+ <radialGradient id="paint6_radial_3711_3719" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(22 22.0895) rotate(90) scale(8.66667)">
69
+ <stop offset="0.25" stop-color="#AC8600"/>
70
+ <stop offset="0.845" stop-color="#AC8600" stop-opacity="0.1"/>
71
+ <stop offset="1" stop-color="#AC8600" stop-opacity="0"/>
72
+ </radialGradient>
73
+ <linearGradient id="paint7_linear_3711_3719" x1="14.3333" y1="27.4205" x2="22.9813" y2="6.3707" gradientUnits="userSpaceOnUse">
74
+ <stop stop-color="#FF5416" stop-opacity="0.5"/>
75
+ <stop offset="1" stop-color="#FF5416"/>
76
+ </linearGradient>
77
+ </defs>
78
+ </svg>