@momentum-ui/web-components 3.0.0-beta.9 → 3.0.0

package/dist/assets/icons/svg/device-deskpro.svg

@@ -0,0 +1,125 @@
+<svg width="1080" height="576" viewBox="0 0 1080 576" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_23745_11700)">
+<path d="M283.768 552H238.787C231.998 552 226.5 545.333 226.5 537.118V425.5H312.506L295.864 539.707C294.832 546.821 289.727 552 283.768 552Z" fill="url(#paint0_linear_23745_11700)"/>
+<g filter="url(#filter0_i_23745_11700)">
+<path d="M283.768 552H238.787C231.998 552 226.5 545.333 226.5 537.118V425.5H312.506L295.864 539.707C294.832 546.821 289.727 552 283.768 552Z" fill="black"/>
+</g>
+<path d="M799.736 552H844.717C851.506 552 857.004 545.333 857.004 537.118V425.5H770.998L787.64 539.707C788.672 546.821 793.777 552 799.736 552Z" fill="url(#paint1_linear_23745_11700)"/>
+<g filter="url(#filter1_i_23745_11700)">
+<path d="M799.736 552H844.717C851.506 552 857.004 545.333 857.004 537.118V425.5H770.998L787.64 539.707C788.672 546.821 793.777 552 799.736 552Z" fill="black"/>
+</g>
+<path d="M210 444H870V529C870 538.389 862.613 546 853.5 546H226.5C217.387 546 210 538.389 210 529V444Z" fill="#C5C5C5"/>
+<g filter="url(#filter2_iiii_23745_11700)">
+<path d="M210 444H870V529C870 538.389 862.613 546 853.5 546H226.5C217.387 546 210 538.389 210 529V444Z" fill="black"/>
+</g>
+<path d="M210 444H870V532.384C870 539.904 863.844 546 856.25 546H223.75C216.156 546 210 539.904 210 532.384V444Z" fill="url(#paint2_linear_23745_11700)"/>
+<path d="M210 444H870V532.384C870 539.904 863.844 546 856.25 546H223.75C216.156 546 210 539.904 210 532.384V444Z" fill="url(#paint3_linear_23745_11700)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M870 444V533.622C870 537.04 868.639 540.134 866.438 542.375C864.237 544.615 861.197 546 857.839 546H222.161C218.803 546 215.762 544.615 213.562 542.375C211.361 540.134 210 537.04 210 533.622V444H870Z" fill="url(#paint4_linear_23745_11700)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M866.4 533.622V447.6H213.6V533.622C213.6 536.068 214.57 538.264 216.13 539.852C217.688 541.438 219.817 542.4 222.161 542.4H857.839C860.183 542.4 862.312 541.438 863.87 539.852C865.43 538.264 866.4 536.068 866.4 533.622ZM870 444H210V533.622C210 537.04 211.361 540.134 213.562 542.375C215.762 544.615 218.803 546 222.161 546H857.839C861.197 546 864.237 544.615 866.438 542.375C868.639 540.134 870 537.04 870 533.622V444Z" fill="url(#paint5_linear_23745_11700)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M867 533.622V447H213V533.622C213 536.23 214.035 538.576 215.702 540.272C217.367 541.967 219.648 543 222.161 543H857.839C860.352 543 862.633 541.967 864.298 540.272C865.965 538.576 867 536.23 867 533.622ZM870 444H210V533.622C210 537.04 211.361 540.134 213.562 542.375C215.762 544.615 218.803 546 222.161 546H857.839C861.197 546 864.237 544.615 866.438 542.375C868.639 540.134 870 537.04 870 533.622V444Z" fill="#999999" fill-opacity="0.48"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M867.6 533.622V446.4H212.4V533.622C212.4 536.392 213.501 538.888 215.274 540.693C217.046 542.497 219.479 543.6 222.161 543.6H857.839C860.521 543.6 862.954 542.497 864.726 540.693C866.499 538.888 867.6 536.392 867.6 533.622ZM870 444H210V533.622C210 537.04 211.361 540.134 213.562 542.375C215.762 544.615 218.803 546 222.161 546H857.839C861.197 546 864.237 544.615 866.438 542.375C868.639 540.134 870 537.04 870 533.622V444Z" fill="#151B1E" fill-opacity="0.12"/>
+<path d="M870 447.5H210V42.0213C210 32.0735 217.991 24 227.838 24H852.162C862.009 24 870 32.0735 870 42.0213V447.5Z" fill="#1A1A1A"/>
+<g filter="url(#filter3_i_23745_11700)">
+<path d="M870 447.5H210V42.0213C210 32.0735 217.991 24 227.838 24H852.162C862.009 24 870 32.0735 870 42.0213V447.5Z" fill="black"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M855.22 430.749C855.22 434.805 851.94 438.083 847.898 438.083C843.856 438.083 840.576 434.805 840.576 430.749C840.576 426.694 843.856 423.416 847.898 423.416C851.94 423.416 855.22 426.694 855.22 430.749Z" stroke="#474747" stroke-width="0.3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M789.326 438.083H818.613C822.655 438.083 825.935 434.805 825.935 430.749C825.935 426.694 822.655 423.416 818.613 423.416H789.326C785.284 423.416 782.004 426.694 782.004 430.749C782.004 434.805 785.284 438.083 789.326 438.083Z" stroke="#474747" stroke-width="0.3"/>
+<path d="M540 48.75C544.556 48.75 548.25 45.0563 548.25 40.5C548.25 35.9437 544.556 32.25 540 32.25C535.444 32.25 531.75 35.9437 531.75 40.5C531.75 45.0563 535.444 48.75 540 48.75Z" fill="#232323"/>
+<path d="M540.004 46C543.041 46 545.504 43.5376 545.504 40.5C545.504 37.4624 543.041 35 540.004 35C536.966 35 534.504 37.4624 534.504 40.5C534.504 43.5376 536.966 46 540.004 46Z" fill="#555B6C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M549.59 502.374C551.304 502.374 552.531 503.627 552.531 505.178C552.531 506.728 551.304 507.998 549.59 507.998C547.892 507.998 546.665 506.728 546.665 505.178C546.665 503.627 547.892 502.374 549.59 502.374ZM537.863 502.359C538.536 502.359 539.174 502.524 539.225 502.54V503.695C539.208 503.695 538.62 503.53 538.132 503.53C537.561 503.53 537.258 503.711 537.258 503.975C537.258 504.305 537.679 504.421 537.914 504.487L538.284 504.619C539.208 504.899 539.611 505.509 539.611 506.169C539.611 507.538 538.401 508 537.326 508C536.569 508 535.88 507.852 535.796 507.835V506.598C535.931 506.631 536.519 506.796 537.124 506.796C537.83 506.796 538.149 506.598 538.149 506.285C538.149 506.021 537.863 505.856 537.51 505.757C537.443 505.724 537.309 505.691 537.225 505.658C536.435 505.41 535.779 504.965 535.779 504.058C535.779 503.052 536.569 502.359 537.863 502.359ZM543.912 502.367C544.568 502.367 545.055 502.515 545.19 502.565V504.016C545.139 504 544.685 503.72 544.013 503.72C543.106 503.72 542.484 504.346 542.484 505.188C542.484 505.996 543.089 506.639 544.013 506.639C544.669 506.639 545.139 506.375 545.19 506.342V507.794C545.022 507.86 544.534 507.992 543.912 507.992C542.349 507.992 540.971 506.92 540.971 505.188C540.971 503.555 542.215 502.367 543.912 502.367ZM529.33 502.367C529.986 502.367 530.473 502.515 530.591 502.565V504.016C530.541 504 530.087 503.72 529.414 503.72C528.507 503.72 527.885 504.346 527.885 505.188C527.885 505.996 528.49 506.639 529.414 506.639C530.07 506.639 530.541 506.375 530.591 506.342V507.794C530.423 507.86 529.952 507.992 529.33 507.992C527.751 507.992 526.372 506.92 526.372 505.188C526.372 503.555 527.616 502.367 529.33 502.367ZM533.909 502.453V507.896H532.514V502.453H533.909ZM549.59 503.743C548.766 503.743 548.144 504.402 548.144 505.178C548.144 505.969 548.766 506.613 549.59 506.613C550.43 506.613 551.035 505.969 551.035 505.178C551.035 504.402 550.43 503.743 549.59 503.743ZM531.813 491.5C532.199 491.5 532.519 491.797 532.519 492.176V499.401C532.519 499.764 532.199 500.077 531.813 500.077C531.443 500.077 531.124 499.764 531.124 499.401V492.176C531.124 491.797 531.443 491.5 531.813 491.5ZM547.079 491.5C547.465 491.5 547.768 491.797 547.768 492.176V499.401C547.768 499.764 547.465 500.077 547.079 500.077C546.692 500.077 546.373 499.764 546.373 499.401V492.176C546.373 491.797 546.692 491.5 547.079 491.5ZM527.998 494.062C528.384 494.062 528.704 494.375 528.704 494.738V498.037C528.704 498.416 528.384 498.73 527.998 498.73C527.628 498.73 527.309 498.416 527.309 498.037V494.738C527.309 494.375 527.628 494.062 527.998 494.062ZM535.638 494.062C536.008 494.062 536.327 494.375 536.327 494.738V498.037C536.327 498.416 536.008 498.73 535.638 498.73C535.252 498.73 534.932 498.416 534.932 498.037V494.738C534.932 494.375 535.252 494.062 535.638 494.062ZM543.245 494.062C543.632 494.062 543.951 494.375 543.951 494.738V498.037C543.951 498.416 543.632 498.73 543.245 498.73C542.875 498.73 542.556 498.416 542.556 498.037V494.738C542.556 494.375 542.875 494.062 543.245 494.062ZM550.886 494.062C551.272 494.062 551.592 494.375 551.592 494.738V498.037C551.592 498.416 551.272 498.73 550.886 498.73C550.499 498.73 550.197 498.416 550.197 498.037V494.738C550.197 494.375 550.499 494.062 550.886 494.062ZM524.189 495.939C524.559 495.939 524.895 496.236 524.895 496.615V498.034C524.895 498.413 524.559 498.726 524.189 498.726C523.803 498.726 523.5 498.413 523.5 498.034V496.615C523.5 496.236 523.803 495.939 524.189 495.939ZM539.437 495.939C539.823 495.939 540.142 496.236 540.142 496.615V498.034C540.142 498.413 539.823 498.726 539.437 498.726C539.067 498.726 538.747 498.413 538.747 498.034V496.615C538.747 496.236 539.067 495.939 539.437 495.939ZM554.711 495.939C555.081 495.939 555.4 496.236 555.4 496.615V498.034C555.4 498.413 555.081 498.726 554.711 498.726C554.324 498.726 554.005 498.413 554.005 498.034V496.615C554.005 496.236 554.324 495.939 554.711 495.939Z" fill="white"/>
+<path d="M540 439.25C544.556 439.25 548.25 435.556 548.25 431C548.25 426.444 544.556 422.75 540 422.75C535.444 422.75 531.75 426.444 531.75 431C531.75 435.556 535.444 439.25 540 439.25Z" stroke="white" stroke-opacity="0.6" stroke-width="0.3"/>
+<path d="M854.171 414.5H225.837C223.169 414.5 221.004 412.275 221.004 409.535V61.9653C221.004 59.2244 223.169 57 225.837 57H854.171C856.839 57 859.004 59.2244 859.004 61.9653V409.535C859.004 412.275 856.839 414.5 854.171 414.5Z" fill="#222222"/>
+<path d="M854.171 414.5H225.837C223.169 414.5 221.004 412.275 221.004 409.535V61.9653C221.004 59.2244 223.169 57 225.837 57H854.171C856.839 57 859.004 59.2244 859.004 61.9653V409.535C859.004 412.275 856.839 414.5 854.171 414.5Z" fill="url(#paint6_linear_23745_11700)"/>
+</g>
+<defs>
+<filter id="filter0_i_23745_11700" x="226.5" y="425.5" width="86.0059" height="126.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_23745_11700"/>
+</filter>
+<filter id="filter1_i_23745_11700" x="770.998" y="425.5" width="86.0059" height="126.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_23745_11700"/>
+</filter>
+<filter id="filter2_iiii_23745_11700" x="210" y="444" width="660" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_23745_11700"/>
+<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"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>
+<feBlend mode="normal" in2="effect1_innerShadow_23745_11700" result="effect2_innerShadow_23745_11700"/>
+<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"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_23745_11700" result="effect3_innerShadow_23745_11700"/>
+<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"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>
+<feBlend mode="normal" in2="effect3_innerShadow_23745_11700" result="effect4_innerShadow_23745_11700"/>
+</filter>
+<filter id="filter3_i_23745_11700" x="210" y="24" width="660" height="423.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<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"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_23745_11700"/>
+</filter>
+<linearGradient id="paint0_linear_23745_11700" x1="269.503" y1="488.75" x2="269.503" y2="551.04" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CACACA"/>
+<stop offset="1" stop-color="#989898"/>
+</linearGradient>
+<linearGradient id="paint1_linear_23745_11700" x1="814.001" y1="488.75" x2="814.001" y2="551.04" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CACACA"/>
+<stop offset="1" stop-color="#989898"/>
+</linearGradient>
+<linearGradient id="paint2_linear_23745_11700" x1="210" y1="502.912" x2="870" y2="502.912" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E4E4E4"/>
+<stop offset="1" stop-color="#A8A8A8"/>
+</linearGradient>
+<linearGradient id="paint3_linear_23745_11700" x1="540" y1="526.908" x2="540" y2="546" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0"/>
+<stop offset="1" stop-opacity="0.08"/>
+</linearGradient>
+<linearGradient id="paint4_linear_23745_11700" x1="540" y1="471.665" x2="540" y2="546" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0"/>
+<stop offset="1" stop-opacity="0.08"/>
+</linearGradient>
+<linearGradient id="paint5_linear_23745_11700" x1="540" y1="444" x2="540" y2="546" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E9E9E8"/>
+<stop offset="1" stop-color="#E0E2E5"/>
+</linearGradient>
+<linearGradient id="paint6_linear_23745_11700" x1="221.004" y1="179.625" x2="754.418" y2="478.521" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.24"/>
+<stop offset="1" stop-opacity="0.5"/>
+</linearGradient>
+<clipPath id="clip0_23745_11700">
+<rect width="1080" height="576" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/assets/icons/svg/device-generic-mobile.svg

@@ -0,0 +1,12 @@
+<svg width="1080" height="576" viewBox="0 0 1080 576" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="415" y="46" width="250" height="504" rx="32" fill="#1A1A1A"/>
+<rect x="420" y="51" width="240" height="494" rx="30" fill="#222222"/>
+<rect x="420" y="51" width="240" height="494" rx="30" fill="url(#paint0_linear_29440_2534)"/>
+<rect x="500" y="63" width="80" height="16" rx="8" fill="#1A1A1A"/>
+<defs>
+<linearGradient id="paint0_linear_29440_2534" x1="300" y1="298" x2="688.34" y2="486.667" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.24"/>
+<stop offset="1" stop-opacity="0.5"/>
+</linearGradient>
+</defs>
+</svg>