@lab-anssi/ui-kit 1.1.0 → 1.2.0

package/README.md

@@ -1,5 +1,24 @@
 # UI Kit du Lab. ANSSI
 
+![Version Typescript](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2Fbetagouv%2Flab-anssi-ui-kit%2Frefs%2Fheads%2Fmain%2Fpackage.json&query=%24.devDependencies.typescript&logo=typescript&label=Typescript&color=%232d79c7)
+![Version Svelte](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2Fbetagouv%2Flab-anssi-ui-kit%2Frefs%2Fheads%2Fmain%2Fpackage.json&query=%24.devDependencies.svelte&logo=svelte&label=Svelte&color=%23ff3e00)
+![Version Vite](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2Fbetagouv%2Flab-anssi-ui-kit%2Frefs%2Fheads%2Fmain%2Fpackage.json&query=%24.devDependencies.vite&logo=vite&label=Vite&color=%23ffd528&logoColor=%23ffd528)
+![Version Vitest](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2Fbetagouv%2Flab-anssi-ui-kit%2Frefs%2Fheads%2Fmain%2Fpackage.json&query=%24.devDependencies.vitest&logo=vitest&label=Vitest&color=%23709b1b)
+
+![État Build](https://img.shields.io/github/actions/workflow/status/betagouv/lab-anssi-ui-kit/integration-continue.yml?label=Int%C3%A9gration%20continue&logo=github)
+![État Déploiement Storybook](https://img.shields.io/github/actions/workflow/status/betagouv/lab-anssi-ui-kit/publication-storybook.yml?label=D%C3%A9ploiement%20Storybook&logo=github)
+
+![État Déploiement NPM](https://img.shields.io/github/actions/workflow/status/betagouv/lab-anssi-ui-kit/publication-npm.yml?label=D%C3%A9ploiement%20NPM&logo=github)
+![Version NPM](https://img.shields.io/npm/v/%40lab-anssi%2Fui-kit?style=flat&label=Version%20package&link=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2F%40lab-anssi%2Fui-kit)
+
+---
+
+## Storybook des composants
+
+Le storybook des composants est disponible [ici](https://betagouv.github.io/lab-anssi-ui-kit/).
+
+Il est construit avec [Histoire](https://histoire.dev/)
+
 ## Architecture de build
 Cette librairie a pour objectif de produire des composants Svelte et leurs équivalents [Webcomponent](https://developer.mozilla.org/en-US/docs/Web/API/Web_components).
 

package/dist/assets/icones/CERT-FR.svg

@@ -0,0 +1,27 @@
+<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.6321 20.5389C18.1328 21.8377 16.1787 22.626 14.0379 22.626C9.31355 22.626 5.4828 18.7893 5.4828 14.057C5.4828 12.7185 5.79061 11.4496 6.33673 10.3196L2.63705 7.47583C1.519 9.41404 0.877563 11.6601 0.877563 14.057C0.877563 21.3372 6.77163 27.2392 14.0399 27.2392C17.6701 27.2392 20.9587 25.7657 23.3398 23.3847L19.6321 20.5369V20.5389Z" fill="#0F2548"/>
+<path d="M20.8214 8.84586C21.9295 10.2896 22.5908 12.0987 22.5908 14.0608C22.5908 15.3992 22.283 16.6682 21.7369 17.7982L25.4386 20.6419C26.5566 18.7037 27.198 16.4577 27.198 14.0608C27.198 11.0403 26.1813 8.26003 24.4754 6.03784L20.8214 8.84388V8.84586Z" fill="#909090"/>
+<path d="M14.0382 0.878662C10.4081 0.878662 7.11946 2.35218 4.7384 4.73324L8.44404 7.58098C9.94337 6.28222 11.8975 5.49383 14.0382 5.49383C16.8026 5.49383 19.2591 6.80848 20.824 8.84598L24.478 6.03994C22.0711 2.90028 18.292 0.878662 14.0382 0.878662Z" fill="url(#paint0_linear_15_25927)"/>
+<path d="M24.4876 6.05174C24.4876 6.05174 24.4797 6.04181 24.4777 6.03784L20.8237 8.84388C21.9318 10.2876 22.5931 12.0967 22.5931 14.0588C22.5931 15.3973 22.2853 16.6662 21.7392 17.7962C23.2881 16.8291 24.5392 15.3575 25.2224 13.5127C26.1716 10.9429 25.8142 8.21436 24.4876 6.04777V6.05174Z" fill="url(#paint1_linear_15_25927)"/>
+<path d="M14.0377 22.6258C9.31331 22.6258 5.48256 18.7891 5.48256 14.0567C5.48256 12.7183 5.79038 11.4493 6.33649 10.3193H6.3345C5.78442 11.344 5.3932 12.476 5.19461 13.6874C4.22352 19.6152 8.233 25.2074 14.1469 26.1825C17.6083 26.7524 20.9585 25.6125 23.3375 23.3844L19.6319 20.5366C18.1326 21.8354 16.1785 22.6238 14.0377 22.6238V22.6258Z" fill="url(#paint2_linear_15_25927)"/>
+<path d="M23.6355 5.3429C18.8238 1.7584 12.0221 2.76126 8.4436 7.577C9.94294 6.27824 11.897 5.48985 14.0378 5.48985C16.8021 5.48985 19.2587 6.8045 20.8235 8.842L24.4755 6.03596C24.2114 5.79567 23.9334 5.56333 23.6375 5.3429H23.6355Z" fill="#0F2548"/>
+<path d="M17.9262 16.5234V11.5964L14.0379 8.60767L10.1516 11.5964V16.5234L14.0379 19.5121L17.9262 16.5234Z" fill="url(#paint3_linear_15_25927)"/>
+<defs>
+<linearGradient id="paint0_linear_15_25927" x1="24.476" y1="4.86232" x2="4.7384" y2="4.86232" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0084BE"/>
+<stop offset="1" stop-color="#243F6C"/>
+</linearGradient>
+<linearGradient id="paint1_linear_15_25927" x1="25.4627" y1="14.9882" x2="20.774" y2="8.87764" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A2A3A2"/>
+<stop offset="1" stop-color="#DBE0DF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_15_25927" x1="5.04964" y1="18.3244" x2="23.3356" y2="18.3244" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0084BE"/>
+<stop offset="1" stop-color="#243F6C"/>
+</linearGradient>
+<linearGradient id="paint3_linear_15_25927" x1="16.6712" y1="10.6293" x2="11.4046" y2="17.4925" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C32B26"/>
+<stop offset="1" stop-color="#983B67"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/assets/icones/MAC.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.6898 9.06982H17.2569H7.11176V22.9256C7.11176 23.2112 7.34321 23.4427 7.62887 23.4427H15.0618V31.4828C15.0618 31.7684 15.294 31.9999 15.5796 31.9999C20.6071 31.9999 25.2069 27.9472 25.2069 22.9256V9.58692C25.2069 9.30126 24.9755 9.06982 24.6898 9.06982Z" fill="#5D2A9D"/>
+<path d="M16.7392 0C11.7109 0 7.11108 4.05191 7.11108 9.07432H17.2562V0.517109C17.2562 0.231454 17.0248 0 16.7392 0Z" fill="#FDC82E"/>
+<path d="M7.11176 9.07432H17.2562V8.55723V8.53087V6.31592L7.11176 9.07432Z" fill="#EDA82E"/>
+</svg>

package/dist/assets/icones/MSS.svg

@@ -0,0 +1,56 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_15_25926" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="3" width="30" height="27">
+<path d="M31 19.3188C31 27.6795 28.9936 29.0779 20.6329 29.0779C12.2722 29.0779 1 21.9526 1 13.5919C1 5.23117 14.4773 3.51855 21.3503 3.51855C30.1577 3.51855 31 14.175 31 19.3188Z" fill="url(#paint0_linear_15_25926)"/>
+</mask>
+<g mask="url(#mask0_15_25926)">
+<path d="M31.1215 18.2771C31.1215 26.6378 29.115 28.0361 20.7543 28.0361C12.3936 28.0361 1.12146 20.9108 1.12146 12.5501C1.12146 4.18943 14.5987 2.47681 21.4717 2.47681C30.2791 2.47681 31.1215 13.1333 31.1215 18.2771Z" fill="url(#paint1_linear_15_25926)"/>
+<g filter="url(#filter0_f_15_25926)">
+<path d="M10.5959 33.9158C16.0959 33.9158 20.5546 29.4571 20.5546 23.9571C20.5546 18.457 16.0959 13.9983 10.5959 13.9983C5.09578 13.9983 0.637085 18.457 0.637085 23.9571C0.637085 29.4571 5.09578 33.9158 10.5959 33.9158Z" fill="#1D3C83" fill-opacity="0.9"/>
+</g>
+<path d="M32.571 27.2005C28.92 36.9919 18.0229 41.9697 8.23151 38.3187C-1.55987 34.6678 -6.53768 23.7706 -2.88673 13.9792C0.764226 4.18784 -2.77277 15.8625 7.01861 19.5134C16.81 23.1644 36.2219 17.4091 32.571 27.2005Z" fill="url(#paint2_linear_15_25926)"/>
+<path d="M17.9223 6.13508C17.9223 12.4507 17.8601 17.5704 11.5445 17.5704C5.22892 17.5704 0.109131 12.4507 0.109131 6.13508C0.109131 -0.180508 5.22892 -5.30029 11.5445 -5.30029C17.8601 -5.30029 17.9223 -0.180508 17.9223 6.13508Z" fill="url(#paint3_linear_15_25926)" fill-opacity="0.2"/>
+<path d="M40.0515 26.6922C37.4001 32.4243 25.6684 43.476 19.9364 40.8246C14.2043 38.1732 14.3028 17.1769 16.9542 11.4449C19.6057 5.71283 28.7338 10.756 34.4659 13.4074C40.198 16.0588 42.7029 20.9601 40.0515 26.6922Z" fill="url(#paint4_linear_15_25926)"/>
+<path opacity="0.7" d="M14.1887 21.7118C13.2323 27.0643 5.7545 27.3082 1.85553 26.6114C-2.04343 25.9147 -3.30888 22.728 -2.35242 17.3755C-1.39595 12.0231 1.42023 6.53173 5.3192 7.22847C9.21816 7.9252 15.1451 16.3593 14.1887 21.7118Z" fill="url(#paint5_linear_15_25926)"/>
+<path opacity="0.7" d="M30.6392 -4.56155C35.8789 -6.01403 39.3328 0.622698 40.3909 4.43949C41.4489 8.25628 39.123 10.7755 33.8833 12.2279C28.6436 13.6804 22.4744 13.5162 21.4164 9.69938C20.3584 5.88259 25.3995 -3.10907 30.6392 -4.56155Z" fill="url(#paint6_linear_15_25926)"/>
+<path d="M20.0286 23.6135C13.1489 26.9639 -6.32997 28.3533 -9.68036 21.4735C-13.0307 14.5939 3.14407 -5.04179 10.0237 -8.39219C16.9034 -11.7425 21.61 -0.0161982 24.9605 6.86347C28.3108 13.7431 26.9082 20.2631 20.0286 23.6135Z" fill="url(#paint7_linear_15_25926)" fill-opacity="0.1"/>
+</g>
+<defs>
+<filter id="filter0_f_15_25926" x="-11.5654" y="1.79578" width="44.3225" height="44.3225" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="6.10126" result="effect1_foregroundBlur_15_25926"/>
+</filter>
+<linearGradient id="paint0_linear_15_25926" x1="2.86626" y1="5.9375" x2="15.7347" y2="35.2849" gradientUnits="userSpaceOnUse">
+<stop stop-color="#05DEC6"/>
+<stop offset="1" stop-color="#0245DA"/>
+</linearGradient>
+<linearGradient id="paint1_linear_15_25926" x1="3.19429" y1="4.73664" x2="14.721" y2="32.6684" gradientUnits="userSpaceOnUse">
+<stop stop-color="#05DEC6"/>
+<stop offset="1" stop-color="#0245DA"/>
+</linearGradient>
+<linearGradient id="paint2_linear_15_25926" x1="21.22" y1="14.4647" x2="10.2741" y2="35.9245" gradientUnits="userSpaceOnUse">
+<stop stop-color="#05DFC6" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#0145DC"/>
+</linearGradient>
+<linearGradient id="paint3_linear_15_25926" x1="-2.97758" y1="-5.30029" x2="13.7302" y2="22.4869" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1992DC"/>
+<stop offset="1" stop-color="#6C1CB9"/>
+</linearGradient>
+<linearGradient id="paint4_linear_15_25926" x1="14.2003" y1="0.974355" x2="20.0033" y2="35.4029" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1992DC" stop-opacity="0"/>
+<stop offset="1" stop-color="#6C1CB9"/>
+</linearGradient>
+<linearGradient id="paint5_linear_15_25926" x1="6.21418" y1="6.21132" x2="10.1354" y2="25.1649" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8C1EE5" stop-opacity="0.3"/>
+<stop offset="1" stop-color="#E01F8C" stop-opacity="0.9"/>
+</linearGradient>
+<linearGradient id="paint6_linear_15_25926" x1="20.1122" y1="9.33233" x2="35.5056" y2="-2.40041" gradientUnits="userSpaceOnUse">
+<stop offset="0.578125" stop-color="#8C1EE5" stop-opacity="0.3"/>
+<stop offset="1" stop-color="#E01F8C" stop-opacity="0.9"/>
+</linearGradient>
+<linearGradient id="paint7_linear_15_25926" x1="23.3798" y1="3.54251" x2="10.82" y2="9.1209" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/assets/icones/NIS2.svg

@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.62342 17.2819L2.06747 11.5339H0V19.4857H1.61311V13.7377L5.16906 19.4857H7.23654V11.5339H5.62342V17.2819Z" fill="#272771"/>
+<path d="M10.9054 11.5339H9.29228V19.4857H10.9054V11.5339Z" fill="#272771"/>
+<path d="M15.1653 12.7153C15.7674 12.7153 16.2901 13.113 16.7558 13.715L17.9372 12.6473C17.2555 11.8409 16.3468 11.3069 15.154 11.3069C13.6319 11.3069 12.5869 12.3519 12.5869 13.613C12.5869 16.3052 16.1995 15.9079 16.1995 17.3733C16.1995 17.9414 15.8131 18.2821 15.1771 18.2821C14.5411 18.2821 13.8933 17.9188 13.4163 17.305L12.2462 18.384C12.9506 19.2248 13.848 19.7131 15.1884 19.7131C16.6538 19.7131 17.8126 18.8157 17.8352 17.3163C17.8352 14.5901 14.2226 14.9988 14.2226 13.556C14.2226 13.079 14.5973 12.7153 15.1653 12.7153Z" fill="#272771"/>
+<path d="M26.977 16.1813C27.5074 15.6658 27.9982 15.084 27.9982 14.3189C27.9982 13.3787 27.2477 12.6965 26.2139 12.6965C25.3125 12.6965 24.6017 13.1092 24.1016 13.9228L24.0138 14.0657L25.1098 14.7332L25.196 14.5884C25.4824 14.1086 25.7495 13.9127 26.1185 13.9127C26.4511 13.9127 26.6497 14.1029 26.6497 14.4221C26.6497 14.7608 26.4579 14.993 26.0529 15.4057L24.2387 17.1895V18.3232H28.1305V17.0924H26.0327L26.977 16.1817V16.1813Z" fill="#272771"/>
+<path d="M26.0728 9.56643C26.2682 9.56643 26.4616 9.61781 26.6315 9.71451L30.8656 12.1311C31.216 12.331 31.434 12.7061 31.434 13.1099V17.9091C31.434 18.3129 31.2164 18.6876 30.8656 18.8878L26.6315 21.3045C26.4616 21.4016 26.2686 21.4525 26.0728 21.4525C25.877 21.4525 25.684 21.4011 25.5141 21.3045L21.28 18.8878C20.9296 18.688 20.7115 18.3129 20.7115 17.9091V13.1099C20.7115 12.7061 20.9292 12.3314 21.28 12.1311L25.5141 9.71451C25.684 9.61741 25.877 9.56643 26.0728 9.56643ZM26.0728 9C25.7831 9 25.4934 9.07404 25.2337 9.22253L20.9996 11.6392C20.4716 11.9406 20.1455 12.5017 20.1455 13.1099V17.9091C20.1455 18.5172 20.4716 19.0784 20.9996 19.3798L25.2337 21.7964C25.4938 21.9449 25.7835 22.019 26.0728 22.019C26.3621 22.019 26.6522 21.9449 26.9119 21.7964L31.146 19.3798C31.6739 19.0784 32.0001 18.5172 32.0001 17.9091V13.1099C32.0001 12.5017 31.6739 11.9406 31.146 11.6392L26.9119 9.22253C26.6518 9.07404 26.3621 9 26.0728 9Z" fill="#FDC82E"/>
+</svg>