@dataesr/react-dsfr
Version:
A React implementation of the french government design system.
1 lines • 615 kB
JavaScript
"use strict";var r=require("react"),e=require("prop-types"),t=require("classnames"),a=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/extends"),i=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("@babel/runtime/helpers/slicedToArray"),f=require("@babel/runtime/helpers/toConsumableArray"),l=require("uuid"),m=require("@babel/runtime/helpers/asyncToGenerator"),s=require("@babel/runtime/regenerator"),d=require("react-dom");function c(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}function g(r){if(r&&r.__esModule)return r;var e=Object.create(null);return r&&Object.keys(r).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:function(){return r[t]}})}})),e.default=r,Object.freeze(e)}var u=c(r),p=g(r),b=c(e),v=g(e),h=c(t),w=c(a),k=c(n),y=c(i),x=c(o),_=c(f),z=c(m),E=c(s),N=c(d);function C(r){return{margin:r&&r.split(" ").map((function(r){return r.startsWith("m")&&"fr-".concat(r)})),padding:r&&r.split(" ").map((function(r){return r.startsWith("p")&&"fr-".concat(r)}))}}var T=function(r){var e=r.offset,t=r.n,a=r.children,n=r.className,i=C(r.spacing),o=i.margin,f=i.padding,l=function(r,e){return{n:r&&r.split(" ").map((function(r){return"fr-col-".concat(r)})),offset:e&&e.split(" ").map((function(r){return"fr-col-offset-".concat(r)}))}}(t,e),m=l.n,s=l.offset,d=h.default(s,m,f,o,{"fr-col":!t},n);return u.default.createElement("div",{className:d},a)};T.propTypes={children:b.default.oneOfType([b.default.arrayOf(b.default.node),b.default.node,b.default.string]),spacing:b.default.string,n:b.default.string,offset:b.default.string,className:b.default.string},T.defaultProps={n:"",offset:null,className:"",children:null,spacing:""};var L=function(r){var e,t=r.gutters,a=r.justifyContent,n=r.alignItems,i=r.children,o=r.className,f=C(r.spacing),l=f.margin,m=f.padding,s=h.default(l,m,(e={"fr-grid-row":!t,"fr-grid-row fr-grid-row--gutters":t},w.default(e,"fr-grid-row--".concat(a),a),w.default(e,"fr-grid-row--".concat(n),n),e),o);return u.default.createElement("div",{className:s},i)};L.propTypes={children:b.default.oneOfType([b.default.arrayOf(b.default.node),b.default.node,b.default.string]),gutters:b.default.bool,spacing:b.default.string,alignItems:b.default.oneOf(["top","middle","bottom"]),justifyContent:b.default.oneOf(["right","center","left"]),className:b.default.string},L.defaultProps={className:"",gutters:!1,alignItems:null,justifyContent:null,children:null,spacing:""};var P=function(r){var e=r.as,t=r.fluid,a=r.children,n=r.className,i=r.role,o=r.spacing,f="".concat(e),l=C(o),m=l.margin,s=l.padding,d=h.default(m,s,{"fr-container":!t,"fr-container-fluid":t},n);return u.default.createElement(f,{role:i||void 0,className:d},a)};function O(r,e){void 0===e&&(e={});var t=e.insertAt;if(r&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===t&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=r:n.appendChild(document.createTextNode(r))}}P.defaultProps={as:"div",fluid:!1,className:"",role:"",children:null,spacing:""},P.propTypes={children:b.default.oneOfType([b.default.arrayOf(b.default.node),b.default.node,b.default.string]),as:b.default.oneOf(["article","aside","header","footer","main","nav","section"]),fluid:b.default.bool,spacing:b.default.string,role:b.default.string,className:b.default.string};O("/*!* ------------------------------------ *\\*/[class^=ri-].icon-left{margin-right:.5rem}[class^=ri-].icon-right{margin-left:.5rem}");var R=function(r){var e={};return Object.keys(r).forEach((function(t){(t.startsWith("data-")||"id"===t)&&(e[t]=r[t])})),e},S=function(r){var e={};return Object.keys(r).forEach((function(t){t.startsWith("data-")||"id"===t||(e[t]=r[t])})),e},I=["size","name","as","children","className","iconPosition","title","verticalAlign","color"];function q(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,a)}return t}function M(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?q(Object(t),!0).forEach((function(e){w.default(r,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):q(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}var F=function(e){var t,a=e.size,n=e.name,i=e.as,o=e.children,f=e.className,l=e.iconPosition,m=e.title,s=e.verticalAlign,d=e.color,c=y.default(e,I),g=r.useRef(),p="".concat(i),b=h.default("ri-".concat(a),(t={},w.default(t,"icon-".concat(l),"center"!==l),w.default(t,"ds-fr--v-".concat(s),s),t),n,f),v=o&&o.props,x=v?o.props.children:o,_=m?u.default.createElement(p,k.default({ref:g,className:b,title:m,"aria-hidden":!!x},R(c))):u.default.createElement(p,k.default({ref:g,className:b,"aria-hidden":!!x},R(c))),z=u.default.createElement(u.default.Fragment,null,"right"===l?x:_,"right"===l?_:x);return r.useEffect((function(){d&&g.current&&(g.current.style.color="".concat(d))}),[d]),v?r.cloneElement(o,M(M({},o.props),{},{className:o.props?h.default(w.default({},"".concat(o.props.className),o.props.className)):"",children:z})):z};F.defaultProps={size:"sm",color:"",as:"span",className:"",verticalAlign:"middle",iconPosition:"left",children:null,title:""},F.propTypes={size:b.default.oneOf(["fw","xxs","xs","sm","1x","lg","xl","2x","3x","10x"]),name:b.default.string.isRequired,verticalAlign:b.default.oneOf(["middle","sub","top"]),className:b.default.string,iconPosition:b.default.oneOf(["left","right","center"]),as:b.default.oneOf(["span","i","div","p"]),children:b.default.oneOfType([b.default.arrayOf(b.default.element),b.default.element,b.default.string]),title:b.default.string,color:b.default.string};const B=r=>{let{as:e,size:t,alt:a,bold:n,className:i,spacing:o,children:f}=r;const l=`${e}`,{margin:m,padding:s}=C(o),d=h.default(i,s,m,{"fr-text--alt":"lead"!==t&&a,"fr-text--heavy":n,[`fr-text--${t}`]:t});return u.default.createElement(l,{className:d},f)};B.propTypes={as:b.default.oneOf(["p","span"]),size:b.default.oneOf(["xs","sm","md","lg","lead"]),spacing:b.default.string,alt:b.default.bool,bold:b.default.bool,children:b.default.oneOfType([b.default.string,b.default.node]).isRequired,className:b.default.string},B.defaultProps={as:"p",size:"md",alt:!1,bold:!1,className:"",spacing:""};const A=r=>{let{as:e,look:t,children:a,bold:n,spacing:i,className:o}=r;const f=`${e}`,{margin:l,padding:m}=C(i),s=h.default(o,m,l,{[`fr-${t}`]:t&&t!==e,[`fr-${e}`]:t===e||!t,"fr-text--heavy":n});return u.default.createElement(f,{className:s},a)};A.propTypes={children:b.default.oneOfType([b.default.string,b.default.node]).isRequired,as:b.default.oneOf(["h1","h2","h3","h4","h5","h6"]).isRequired,look:b.default.oneOf(["h1","h2","h3","h4","h5","h6",""]),className:b.default.string,spacing:b.default.string,bold:b.default.bool},A.defaultProps={look:"",className:"",spacing:"",bold:!1};const j=r=>{let{as:e,size:t,children:a,spacing:n,className:i}=r;const o=`${e}`,{margin:f,padding:l}=C(n),m=h.default(i,l,f,{[`fr-display--${t}`]:t});return u.default.createElement(o,{className:m},a)};function D(e,t,a){const n={false:{class:h.default(a,"fr-collapse"),stateHeight:null},true:{class:h.default(a,"fr-collapse fr-collapse--expanded"),stateHeight:"none"}},[i,o]=r.useState("0px"),f=n[t];return r.useEffect((()=>{const r=e?document.getElementById(e):document.querySelector(`.${a}`);r&&o(`-${r.getBoundingClientRect().height}px`)}),[e,a]),{item:f,collapse:i}}j.propTypes={children:b.default.oneOfType([b.default.string,b.default.node]).isRequired,className:b.default.string,spacing:b.default.string,as:b.default.oneOf(["h1","h2","h3","h4"]).isRequired,size:b.default.oneOf(["xl","lg","md","sm","xs"]).isRequired},j.defaultProps={className:"",spacing:""};var Y=["title","titleAs","expandedItems","onClick","children","className","id","initExpand","size","color"],H=r.forwardRef((function(e,t){var a=e.title,n=e.titleAs,i=e.expandedItems,o=e.onClick,f=e.children,l=e.className,m=e.id,s=e.initExpand,d=e.size,c=e.color,g=y.default(e,Y),p="".concat(n),b=r.useRef(),v=r.useState(s),_=x.default(v,2),z=_[0],E=_[1],N=r.useCallback((function(){var r=!!i.find((function(r){return r===m}));return!!z||r}),[z,i,m]),C=r.useState(N),T=x.default(C,2),L=T[0],P=T[1],O=D("fr-accordion-".concat(m),L),S=O.item,I=O.collapse,q=function(r){"BUTTON"!==r.target.nodeName&&(r.target=r.target.parentNode);var e="true"===b.current.ariaExpanded;o(e,r,parseFloat(r.target.id.slice(6))),E(!1)};r.useEffect((function(){P(N())}),[L,P,N]),r.useEffect((function(){c&&b.current&&(b.current.style.color="".concat(c))}),[c]);var M=h.default("fr-accordion__btn",w.default({},"fr-btn--".concat(d),d&&"md"!==d));return u.default.createElement("li",k.default({className:h.default(l)},R(g),{ref:t}),u.default.createElement("section",{className:"fr-accordion"},u.default.createElement(p,{className:"fr-accordion__title"},u.default.createElement("button",{ref:b,className:M,id:"button".concat(m),onClick:function(r){return q(r)},type:"button","aria-controls":"fr-accordion-".concat(m),"aria-expanded":L},a)),u.default.createElement("div",{style:{maxHeight:S.stateHeight,"--collapse":I},className:S.class,id:"fr-accordion-".concat(m)},f)))}));H.defaultProps={titleAs:"h3",className:"",initExpand:!1,expandedItems:[],onClick:function(){},size:"md",id:0,color:""},H.propTypes={titleAs:b.default.oneOf(["h1","h2","h3","h4","h5","h6"]),initExpand:b.default.bool,onClick:b.default.func,expandedItems:b.default.arrayOf(b.default.number),size:b.default.oneOf(["sm","md","lg"]),id:b.default.number,color:b.default.string,title:b.default.oneOfType([b.default.string,b.default.element]).isRequired,children:b.default.oneOfType([b.default.arrayOf(b.default.node),b.default.node,b.default.string]).isRequired,className:b.default.string};O('@charset "UTF-8";\n/*!\n * DSFR v1.7.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)\n */.fr-accordion{position:relative}.fr-accordion:before{bottom:0;box-shadow:inset 0 1px 0 0 var(--border-default-grey),0 1px 0 0 var(--border-default-grey);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.fr-accordion__title{display:block;font-size:unset;line-height:unset;margin:0}.fr-accordion__btn{--text-spacing:0;--title-spacing:0;align-items:center;color:var(--text-action-high-grey);display:inline-flex;flex-direction:row;font-size:1rem;line-height:1.5rem;margin:0;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.75rem 0;text-align:left;width:-moz-fit-content;width:fit-content;width:100%;z-index:1}.fr-accordion__btn:after,.fr-accordion__btn:before{display:block}.fr-accordion__btn:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:auto;margin-right:0;-webkit-mask-image:url(../../icons/system/add-line.svg);mask-image:url(../../icons/system/add-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-accordion__btn:before{content:none}.fr-accordion__btn[aria-expanded=true]{font-weight:700}.fr-accordion__btn[aria-expanded=true]:after{-webkit-mask-image:url(../../icons/system/subtract-line.svg);mask-image:url(../../icons/system/subtract-line.svg)}.fr-accordion .fr-collapse{--ul-type:disc;--ol-type:decimal;--ul-start:1rem;--ol-start:1.5rem;--xl-block:0.5rem;--li-bottom:0.25rem;--xl-base:1em;--ol-content:counters(li-counter,".") ". ";transition:visibility .3s,padding .3s}.fr-accordion .fr-collapse--expanded{padding-bottom:1.5rem;padding-top:1rem}.fr-accordions-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none}@media (min-width:36em){\n /*! media sm */\n\n /*! media sm */}@media (min-width:48em){\n /*! media md */.fr-accordion__btn{padding:.75rem 1rem}.fr-accordion .fr-collapse{margin:0 -.25rem;padding-left:1rem;padding-right:1rem}\n\n /*! media md */}@media (min-width:62em){\n /*! media lg */\n\n /*! media lg */}@media (min-width:78em){\n /*! media xl */\n\n /*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-accordions-group ol,.fr-accordions-group ul{list-style-type:none}.fr-accordions-group ol,.fr-accordions-group ul{margin-bottom:0;margin-top:0;padding-left:0}ul{list-style-type:disc}ol{list-style-type:decimal}ol,ul{margin-bottom:.5rem;margin-top:.5rem;padding-left:1rem}.fr-accordion__btn:after,.fr-accordion__btn:before{background-color:initial;background-image:url(../../icons/system/add-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-accordion__btn[aria-expanded=true]:after,.fr-accordion__btn[aria-expanded=true]:before{background-image:url(../../icons/system/subtract-line.svg)}.fr-accordion:before{box-shadow:inset 0 1px 0 0 #ddd,0 1px 0 0 #ddd}.fr-accordion__btn{color:#161616}}');var V=["as","children","className","color","keepOpen","size"],$=function(e){var t=e.as,a=e.children,n=e.className,i=e.color,o=e.keepOpen,f=e.size,l=y.default(e,V),m="".concat(t),s=r.useState([]),d=x.default(s,2),c=d[0],g=d[1],p=r.Children.toArray(a).map((function(e,t){var a=t+1;return r.cloneElement(e,{id:a,key:a,size:f,color:i,onClick:function(r,t,a){e.props.onClick(r,t,a),function(r,e,t){var a="open",n={open:function(r){return[].concat(_.default(r),[t])},close:c.filter((function(r){return r!==t})),closeOthers:function(){return[].concat([t])}};c.indexOf(t)>-1||r?a="close":o||(a="closeOthers"),g(n[a])}(r,0,a)},keepOpen:o,expandedItems:c})}));return u.default.createElement(m,k.default({className:h.default(n)},R(l)),u.default.createElement("ul",{className:"fr-accordions-group"},p))};$.defaultProps={as:"div",className:"",color:"",keepOpen:!1,size:"md"},$.propTypes={as:b.default.oneOf(["div","section"]),children:b.default.oneOfType([b.default.arrayOf(b.default.node),b.default.node]).isRequired,className:b.default.string,color:b.default.string,keepOpen:b.default.bool,size:b.default.oneOf(["sm","md","lg"])};O('/*!\n * DSFR v1.7.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)\n */.fr-alert{--title-spacing:0 0 0.25rem;--text-spacing:0 0 0.25rem;box-shadow:inset 0 0 0 1px var(--border-plain-grey),inset 2.5rem 0 0 0 var(--background-flat-grey);padding:1rem 2.25rem .75rem 3.5rem;position:relative}.fr-alert:before{--icon-size:1.5rem;background-color:currentColor;color:var(--text-inverted-grey);display:inline-block;flex:0 0 auto;height:var(--icon-size);left:0;margin:1rem .5rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;top:0;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-alert__title{font-size:1.125rem;font-weight:700;line-height:1.5rem}.fr-alert .fr-btn--close{font-size:.875rem;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;position:absolute;right:1.25rem;top:.25rem;white-space:nowrap}.fr-alert .fr-btn--close:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(../../icons/system/close-line.svg);mask-image:url(../../icons/system/close-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-alert+.fr-alert{margin-top:1rem}.fr-alert--info:before{-webkit-mask-image:url(../../icons/system/fr--info-fill.svg);mask-image:url(../../icons/system/fr--info-fill.svg)}.fr-alert--success:before{-webkit-mask-image:url(../../icons/system/fr--success-fill.svg);mask-image:url(../../icons/system/fr--success-fill.svg)}.fr-alert--error:before{-webkit-mask-image:url(../../icons/system/fr--error-fill.svg);mask-image:url(../../icons/system/fr--error-fill.svg)}.fr-alert--warning:before{-webkit-mask-image:url(../../icons/system/fr--warning-fill.svg);mask-image:url(../../icons/system/fr--warning-fill.svg)}.fr-alert--error:before,.fr-alert--info:before,.fr-alert--success:before,.fr-alert--warning:before{content:""}.fr-alert--sm{padding:.5rem 2.25rem .25rem 3rem}.fr-alert--sm:before{margin:.5rem}.fr-alert .fr-link--close{align-items:center;font-size:.875rem;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;position:absolute;right:1.25rem;top:.25rem;white-space:nowrap}.fr-alert .fr-link--close:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(../../icons/system/close-line.svg);mask-image:url(../../icons/system/close-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-alert--info{box-shadow:inset 0 0 0 1px var(--border-plain-info),inset 2.5rem 0 0 0 var(--background-flat-info)}.fr-alert--error{box-shadow:inset 0 0 0 1px var(--border-plain-error),inset 2.5rem 0 0 0 var(--background-flat-error)}.fr-alert--success{box-shadow:inset 0 0 0 1px var(--border-plain-success),inset 2.5rem 0 0 0 var(--background-flat-success)}.fr-alert--warning{box-shadow:inset 0 0 0 1px var(--border-plain-warning),inset 2.5rem 0 0 0 var(--background-flat-warning)}@media (min-width:36em){\n /*! media sm */\n\n /*! media sm */}@media (min-width:48em){\n /*! media md */.fr-alert__title{font-size:1.25rem;line-height:1.75rem}\n\n /*! media md */}@media (min-width:62em){\n /*! media lg */\n\n /*! media lg */}@media (min-width:78em){\n /*! media xl */\n\n /*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-alert:after,.fr-alert:before{background-color:initial;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-alert p,.fr-alert__title{margin:0 0 .25rem}.fr-alert--info:before{background-image:url(../../icons/system/fr--info-fill.svg)}.fr-alert--success:before{background-image:url(../../icons/system/fr--success-fill.svg)}.fr-alert--error:before{background-image:url(../../icons/system/fr--error-fill.svg)}.fr-alert--warning:before{background-image:url(../../icons/system/fr--warning-fill.svg)}.fr-alert .fr-btn--close:after,.fr-alert .fr-btn--close:before,.fr-alert .fr-link--close:after,.fr-alert .fr-link--close:before{background-color:initial;background-image:url(../../icons/system/close-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-alert{box-shadow:inset 0 0 0 1px #3a3a3a,inset 2.5rem 0 0 0 #3a3a3a}.fr-alert:before{color:#fff}.fr-alert--info{box-shadow:inset 0 0 0 1px #0063cb,inset 2.5rem 0 0 0 #0063cb}.fr-alert--error{box-shadow:inset 0 0 0 1px #ce0500,inset 2.5rem 0 0 0 #ce0500}.fr-alert--success{box-shadow:inset 0 0 0 1px #18753c,inset 2.5rem 0 0 0 #18753c}.fr-alert--warning{box-shadow:inset 0 0 0 1px #b34000,inset 2.5rem 0 0 0 #b34000}}');var Z=["className","as","type","title","description","role","small","show","closable","onClose"],X=function(e){var t=e.className,a=e.as,n=e.type,i=e.title,o=e.description,f=e.role,l=e.small,m=e.show,s=e.closable,d=e.onClose,c=y.default(e,Z),g="".concat(a),p=r.useState(m),b=x.default(p,2),v=b[0],w=b[1],_=h.default("fr-alert","fr-alert--".concat(n),{"fr-alert--sm":l},t);return r.useEffect((function(){w(m)}),[m]),v?u.default.createElement("div",k.default({role:f||void 0,className:_},R(c)),!l&&i&&u.default.createElement(g,{className:"fr-alert__title"},i),o&&u.default.createElement("p",null,o),s&&u.default.createElement("button",{type:"button",className:"fr-link--close fr-link",onClick:function(){w(!1),d&&d()}},"Masquer le message")):null};X.defaultProps={as:"p",type:"info",role:"",title:void 0,description:void 0,small:!1,show:!0,closable:!1,onClose:void 0,className:""},X.propTypes={as:b.default.oneOf(["p","h1","h2","h3","h4","h5","h6"]),title:b.default.oneOfType([b.default.string,b.default.object,b.default.array]),description:b.default.oneOfType([b.default.string,b.default.object,b.default.array]),type:b.default.oneOf(["error","success","info","warning"]),small:b.default.bool,role:b.default.string,show:b.default.bool,closable:b.default.bool,onClose:b.default.func,className:b.default.string};O('/*!\n * DSFR v1.7.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)\n */.fr-badge{--text-spacing:0;--title-spacing:0;--underline-img:none;--hover-tint:var(--hover);--idle:#0000;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);align-items:center;background-color:var(--background-contrast-grey);border-radius:.25rem;color:var(--text-default-grey);display:inline-flex;flex-direction:row;font-size:.875rem;font-weight:700;line-height:1.5rem;max-height:none;max-width:100%;min-height:1.5rem;overflow:initial;padding:0 .5rem;text-transform:uppercase;width:-moz-fit-content;width:fit-content;z-index:1}.fr-badge:after,.fr-badge:before{display:block}.fr-badge--icon-left[class*=" fr-fi-"],.fr-badge--icon-left[class*=" fr-icon-"],.fr-badge--icon-left[class^=fr-fi-],.fr-badge--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-badge--icon-left[class*=" fr-fi-"]:before,.fr-badge--icon-left[class*=" fr-icon-"]:before,.fr-badge--icon-left[class^=fr-fi-]:before,.fr-badge--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.25rem}.fr-badge[class*=" fr-fi-"]:not([class*=fr-badge--icon-]):before,.fr-badge[class*=" fr-icon-"]:not([class*=fr-badge--icon-]):before,.fr-badge[class^=fr-fi-]:not([class*=fr-badge--icon-]):before,.fr-badge[class^=fr-icon-]:not([class*=fr-badge--icon-]):before{content:none}.fr-badge--sm{font-size:.75rem;line-height:1.25rem;min-height:1.125rem;padding:0 .375rem}.fr-badge--sm,.fr-badge--sm.fr-badge--icon-left[class*=" fr-fi-"],.fr-badge--sm.fr-badge--icon-left[class*=" fr-icon-"],.fr-badge--sm.fr-badge--icon-left[class^=fr-fi-],.fr-badge--sm.fr-badge--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-badge--sm.fr-badge--icon-left[class*=" fr-fi-"]:before,.fr-badge--sm.fr-badge--icon-left[class*=" fr-icon-"]:before,.fr-badge--sm.fr-badge--icon-left[class^=fr-fi-]:before,.fr-badge--sm.fr-badge--icon-left[class^=fr-icon-]:before{--icon-size:0.75rem;margin-left:-.09375rem;margin-right:.25rem}.fr-badge--sm[class*=" fr-fi-"]:not([class*=fr-badge--icon-]):before,.fr-badge--sm[class*=" fr-icon-"]:not([class*=fr-badge--icon-]):before,.fr-badge--sm[class^=fr-fi-]:not([class*=fr-badge--icon-]):before,.fr-badge--sm[class^=fr-icon-]:not([class*=fr-badge--icon-]):before{content:none}.fr-badge:before{--icon-size:1rem;background-color:currentColor;display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.25rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-badge--sm:before{--icon-size:0.75rem;margin-left:-.09375rem;margin-right:.25rem}.fr-badge--sm.fr-badge--info:before,.fr-badge.fr-badge--info:before{-webkit-mask-image:url(../../icons/system/fr--info-fill.svg);mask-image:url(../../icons/system/fr--info-fill.svg)}.fr-badge--sm.fr-badge--success:before,.fr-badge.fr-badge--success:before{-webkit-mask-image:url(../../icons/system/fr--success-fill.svg);mask-image:url(../../icons/system/fr--success-fill.svg)}.fr-badge--sm.fr-badge--error:before,.fr-badge.fr-badge--error:before{-webkit-mask-image:url(../../icons/system/fr--error-fill.svg);mask-image:url(../../icons/system/fr--error-fill.svg)}.fr-badge--sm.fr-badge--warning:before,.fr-badge.fr-badge--warning:before{-webkit-mask-image:url(../../icons/system/fr--warning-fill.svg);mask-image:url(../../icons/system/fr--warning-fill.svg)}.fr-badge--sm.fr-badge--new:before,.fr-badge.fr-badge--new:before{-webkit-mask-image:url(../../icons/weather/flashlight-fill.svg);mask-image:url(../../icons/weather/flashlight-fill.svg)}.fr-badge--error:before,.fr-badge--info:before,.fr-badge--new:before,.fr-badge--sm--error:before,.fr-badge--sm--info:before,.fr-badge--sm--new:before,.fr-badge--sm--success:before,.fr-badge--sm--warning:before,.fr-badge--success:before,.fr-badge--warning:before{content:""}.fr-badge--sm.fr-badge--no-icon:before,.fr-badge.fr-badge--no-icon:before{content:none}.fr-badges-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;display:flex;flex-wrap:wrap;margin-bottom:0;margin-left:-.25rem;margin-right:-.25rem}.fr-badges-group>li{display:inline-flex;max-width:100%}.fr-badges-group .fr-badge{margin:0 .25rem .5rem}.fr-badges-group--sm .fr-badge{font-size:.75rem;line-height:1.25rem;min-height:1.125rem;padding:0 .375rem}.fr-badges-group--sm .fr-badge:after,.fr-badges-group--sm .fr-badge:before{--icon-size:0.75rem}.fr-badge--info{--idle:#0000;--hover:var(--background-contrast-info-hover);--active:var(--background-contrast-info-active);background-color:var(--background-contrast-info);color:var(--text-default-info)}.fr-badge--error{--idle:#0000;--hover:var(--background-contrast-error-hover);--active:var(--background-contrast-error-active);background-color:var(--background-contrast-error);color:var(--text-default-error)}.fr-badge--success{--idle:#0000;--hover:var(--background-contrast-success-hover);--active:var(--background-contrast-success-active);background-color:var(--background-contrast-success);color:var(--text-default-success)}.fr-badge--warning{--idle:#0000;--hover:var(--background-contrast-warning-hover);--active:var(--background-contrast-warning-active);background-color:var(--background-contrast-warning);color:var(--text-default-warning)}.fr-badge--new{--idle:#0000;--hover:var(--background-contrast-yellow-moutarde-hover);--active:var(--background-contrast-yellow-moutarde-active);background-color:var(--background-contrast-yellow-moutarde);color:var(--text-action-high-yellow-moutarde)}.fr-badge--green-tilleul-verveine{--idle:#0000;--hover:var(--background-contrast-green-tilleul-verveine-hover);--active:var(--background-contrast-green-tilleul-verveine-active);background-color:var(--background-contrast-green-tilleul-verveine);color:var(--text-label-green-tilleul-verveine)}.fr-badge--green-bourgeon{--idle:#0000;--hover:var(--background-contrast-green-bourgeon-hover);--active:var(--background-contrast-green-bourgeon-active);background-color:var(--background-contrast-green-bourgeon);color:var(--text-label-green-bourgeon)}.fr-badge--green-emeraude{--idle:#0000;--hover:var(--background-contrast-green-emeraude-hover);--active:var(--background-contrast-green-emeraude-active);background-color:var(--background-contrast-green-emeraude);color:var(--text-label-green-emeraude)}.fr-badge--green-menthe{--idle:#0000;--hover:var(--background-contrast-green-menthe-hover);--active:var(--background-contrast-green-menthe-active);background-color:var(--background-contrast-green-menthe);color:var(--text-label-green-menthe)}.fr-badge--green-archipel{--idle:#0000;--hover:var(--background-contrast-green-archipel-hover);--active:var(--background-contrast-green-archipel-active);background-color:var(--background-contrast-green-archipel);color:var(--text-label-green-archipel)}.fr-badge--blue-ecume{--idle:#0000;--hover:var(--background-contrast-blue-ecume-hover);--active:var(--background-contrast-blue-ecume-active);background-color:var(--background-contrast-blue-ecume);color:var(--text-label-blue-ecume)}.fr-badge--blue-cumulus{--idle:#0000;--hover:var(--background-contrast-blue-cumulus-hover);--active:var(--background-contrast-blue-cumulus-active);background-color:var(--background-contrast-blue-cumulus);color:var(--text-label-blue-cumulus)}.fr-badge--purple-glycine{--idle:#0000;--hover:var(--background-contrast-purple-glycine-hover);--active:var(--background-contrast-purple-glycine-active);background-color:var(--background-contrast-purple-glycine);color:var(--text-label-purple-glycine)}.fr-badge--pink-macaron{--idle:#0000;--hover:var(--background-contrast-pink-macaron-hover);--active:var(--background-contrast-pink-macaron-active);background-color:var(--background-contrast-pink-macaron);color:var(--text-label-pink-macaron)}.fr-badge--pink-tuile{--idle:#0000;--hover:var(--background-contrast-pink-tuile-hover);--active:var(--background-contrast-pink-tuile-active);background-color:var(--background-contrast-pink-tuile);color:var(--text-label-pink-tuile)}.fr-badge--yellow-tournesol{--idle:#0000;--hover:var(--background-contrast-yellow-tournesol-hover);--active:var(--background-contrast-yellow-tournesol-active);background-color:var(--background-contrast-yellow-tournesol);color:var(--text-label-yellow-tournesol)}.fr-badge--yellow-moutarde{--idle:#0000;--hover:var(--background-contrast-yellow-moutarde-hover);--active:var(--background-contrast-yellow-moutarde-active);background-color:var(--background-contrast-yellow-moutarde);color:var(--text-label-yellow-moutarde)}.fr-badge--orange-terre-battue{--idle:#0000;--hover:var(--background-contrast-orange-terre-battue-hover);--active:var(--background-contrast-orange-terre-battue-active);background-color:var(--background-contrast-orange-terre-battue);color:var(--text-label-orange-terre-battue)}.fr-badge--brown-cafe-creme{--idle:#0000;--hover:var(--background-contrast-brown-cafe-creme-hover);--active:var(--background-contrast-brown-cafe-creme-active);background-color:var(--background-contrast-brown-cafe-creme);color:var(--text-label-brown-cafe-creme)}.fr-badge--brown-caramel{--idle:#0000;--hover:var(--background-contrast-brown-caramel-hover);--active:var(--background-contrast-brown-caramel-active);background-color:var(--background-contrast-brown-caramel);color:var(--text-label-brown-caramel)}.fr-badge--brown-opera{--idle:#0000;--hover:var(--background-contrast-brown-opera-hover);--active:var(--background-contrast-brown-opera-active);background-color:var(--background-contrast-brown-opera);color:var(--text-label-brown-opera)}.fr-badge--beige-gris-galet{--idle:#0000;--hover:var(--background-contrast-beige-gris-galet-hover);--active:var(--background-contrast-beige-gris-galet-active);background-color:var(--background-contrast-beige-gris-galet);color:var(--text-label-beige-gris-galet)}.fr-badge-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;display:flex;flex-wrap:wrap;margin-bottom:0}.fr-badge-group>li{display:inline-flex;max-width:100%}.fr-badge-group .fr-badge{margin-bottom:.5rem;margin-right:.5rem}@media (min-width:36em){\n /*! media sm */\n\n /*! media sm */}@media (min-width:48em){\n /*! media md */\n\n /*! media md */}@media (min-width:62em){\n /*! media lg */\n\n /*! media lg */}@media (min-width:78em){\n /*! media xl */\n\n /*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-badge:after,.fr-badge:before{background-color:initial;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-badge--sm:before{height:.75rem;width:.75rem}.fr-badge--sm.fr-badge--info:after,.fr-badge--sm.fr-badge--info:before,.fr-badge.fr-badge--info:after,.fr-badge.fr-badge--info:before{background-image:url(../../icons/system/fr--info-fill.svg)}.fr-badge--sm.fr-badge--success:after,.fr-badge--sm.fr-badge--success:before,.fr-badge.fr-badge--success:after,.fr-badge.fr-badge--success:before{background-image:url(../../icons/system/fr--success-fill.svg)}.fr-badge--sm.fr-badge--error:after,.fr-badge--sm.fr-badge--error:before,.fr-badge.fr-badge--error:after,.fr-badge.fr-badge--error:before{background-image:url(../../icons/system/fr--error-fill.svg)}.fr-badge--sm.fr-badge--warning:after,.fr-badge--sm.fr-badge--warning:before,.fr-badge.fr-badge--warning:after,.fr-badge.fr-badge--warning:before{background-image:url(../../icons/system/fr--warning-fill.svg)}.fr-badge--sm.fr-badge--new:after,.fr-badge--sm.fr-badge--new:before,.fr-badge.fr-badge--new:after,.fr-badge.fr-badge--new:before{background-image:url(../../icons/weather/flashlight-fill.svg)}ol.fr-badges-group,ul.fr-badges-group{list-style-type:none}ol.fr-badges-group,ul.fr-badges-group{margin-bottom:0;margin-top:0;padding-left:0}.fr-badge{background-color:#eee;color:#3a3a3a}.fr-badge--info{background-color:#e8edff;color:#0063cb}.fr-badge--error{background-color:#ffe9e9;color:#ce0500}.fr-badge--success{background-color:#b8fec9;color:#18753c}.fr-badge--warning{background-color:#ffe9e6;color:#b34000}.fr-badge--new{background-color:#feebd0;color:#695240}.fr-badge--green-tilleul-verveine{background-color:#fceeac;color:#66673d}.fr-badge--green-bourgeon{background-color:#c9fcac;color:#447049}.fr-badge--green-emeraude{background-color:#c3fad5;color:#297254}.fr-badge--green-menthe{background-color:#bafaee;color:#37635f}.fr-badge--green-archipel{background-color:#c7f6fc;color:#006a6f}.fr-badge--blue-ecume{background-color:#e9edfe;color:#2f4077}.fr-badge--blue-cumulus{background-color:#e6eefe;color:#3558a2}.fr-badge--purple-glycine{background-color:#fee7fc;color:#6e445a}.fr-badge--pink-macaron{background-color:#fee9e6;color:#8d533e}.fr-badge--pink-tuile{background-color:#fee9e7;color:#a94645}.fr-badge--yellow-tournesol{background-color:#feecc2;color:#716043}.fr-badge--yellow-moutarde{background-color:#feebd0;color:#695240}.fr-badge--orange-terre-battue{background-color:#fee9e5;color:#755348}.fr-badge--brown-cafe-creme{background-color:#f7ecdb;color:#685c48}.fr-badge--brown-caramel{background-color:#f7ebe5;color:#845d48}.fr-badge--brown-opera{background-color:#f7ece4;color:#745b47}.fr-badge--beige-gris-galet{background-color:#f3ede5;color:#6a6156}}');const G=["beige-gris-galet","blue-cumulus","blue-ecume","brown-cafe-creme","brown-caramel","brown-opera","green-archipel","green-bourgeon","green-emeraude","green-menthe","green-tilleul-verveine","orange-terre-battue","pink-macaron","pink-tuile","purple-glycine","yellow-moutarde","yellow-tournesol"];var U=["className","type","colorFamily","isSmall","text","icon","hasIcon"],K=function(r){var e,t,a=r.className,n=r.type,i=r.colorFamily,o=r.isSmall,f=r.text,l=r.icon,m=r.hasIcon,s=y.default(r,U),d=h.default("fr-badge",(e={},w.default(e,"fr-badge--".concat(n),n),w.default(e,"fr-badge--".concat(i),i),w.default(e,"fr-badge--no-icon",!m||!n),w.default(e,"fr-badge--sm",o),e),a),c={success:"ri-checkbox-circle-fill",error:"ri-settings-6-fill",info:"ri-information-fill",warning:"ri-error-warning-fill",new:"ri-flashlight-fill"};return u.default.createElement("p",k.default({className:d},R(s)),(t=f,(m||l)&&(t=u.default.createElement(F,{verticalAlign:"sub",name:l||c[n],size:"lg",className:"ds-fr-badge-icon"},f)),t))};K.defaultProps={isSmall:!1,hasIcon:!1,className:"",colorFamily:"",type:"new",icon:""},K.propTypes={text:b.default.string.isRequired,icon:b.default.string,hasIcon:b.default.bool,isSmall:b.default.bool,colorFamily:b.default.oneOf([].concat(_.default(G),[""])),type:b.default.oneOf(["success","error","warning","new","info"]),className:b.default.string};var W=r=>(e,t,a)=>{let n;return e[t]!==r&&(n=new Error(`'${t}' in '${a}'\n\nYou may NOT pass in a prop value for '${t}'.`)),n},J=["children","className"],Q=function(e){var t=e.children,a=e.className,n=y.default(e,J),i=r.Children.toArray(t).map((function(r,e){return u.default.createElement("li",{key:e},r)})),o=h.default("fr-badges-group",{},a);return u.default.createElement("ul",k.default({className:o},R(n)),i)};Q.defaultProps={children:"",__TYPE:"BadgeGroup",className:""},Q.propTypes={__TYPE:W("BadgeGroup"),className:b.default.string,children:b.default.oneOfType([b.default.arrayOf(b.default.node),b.default.node])};O('/*!\n * DSFR v1.7.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)\n */.fr-breadcrumb{--text-spacing:0 0 0.5rem;color:var(--text-mention-grey);font-size:.75rem;line-height:1.25rem;margin:1rem 0 2rem;position:relative}.fr-breadcrumb__button{background-image:var(--underline-img),var(--underline-img);background-position:var(--underline-x) 100%,var(--underline-x) calc(100% - .0625em);background-repeat:no-repeat,no-repeat;background-size:var(--underline-hover-width) .125em,var(--underline-idle-width) .0625em;color:inherit;font-size:.75rem;line-height:1.25rem;margin:0;padding:0;transition:background-size 0s}.fr-breadcrumb__button[aria-expanded=true]{display:none}.fr-breadcrumb .fr-collapse{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px;transform:translateY(-4px)}.fr-breadcrumb__list{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;transform:translateY(4px)}.fr-breadcrumb__list li{display:inline;line-height:1.75rem}.fr-breadcrumb__list li:not(:first-child):before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.25rem;margin-right:.25rem;-webkit-mask-image:url(../../icons/system/arrow-right-s-line.svg);mask-image:url(../../icons/system/arrow-right-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);vertical-align:calc((1.05rem - var(--icon-size))*.5);width:var(--icon-size)}.fr-breadcrumb__link{font-size:.75rem;line-height:1.25rem;position:relative;vertical-align:top}.fr-breadcrumb__link[aria-current]:not([href]){cursor:default;pointer-events:none}.fr-breadcrumb__link[aria-current]{color:var(--text-active-grey)}@media (min-width:36em){\n /*! media sm */\n\n /*! media sm */}@media (min-width:48em){\n /*! media md */.fr-breadcrumb{margin-bottom:2.5rem}.fr-breadcrumb__button{display:none}.fr-breadcrumb .fr-collapse{margin-left:0;margin-right:0;max-height:none;overflow:visible;padding-left:0;padding-right:0;transform:none;visibility:inherit}.fr-breadcrumb .fr-collapse:before{content:none}.fr-breadcrumb__list{transform:none}\n\n /*! media md */}@media (min-width:62em){\n /*! media lg */\n\n /*! media lg */}@media (min-width:78em){\n /*! media xl */\n\n /*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-breadcrumb ol,.fr-breadcrumb ul{list-style-type:none}.fr-breadcrumb ol,.fr-breadcrumb ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-breadcrumb__link:not([aria-current]):after{background-color:initial;background-image:url(../../icons/system/arrow-right-s-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-breadcrumb{color:#666}.fr-breadcrumb__link[aria-current]{color:#161616}}');var rr=["label","buttonLabel","className","children"],er=function(e){var t=e.label,a=e.buttonLabel,n=e.className,i=e.children,o=y.default(e,rr),f=r.useRef(),l=r.useRef(),m=r.useRef(),s=r.useState(!0),d=x.default(s,2),c=d[0],g=d[1],p=r.useState(!1),b=x.default(p,2),v=b[0],w=b[1],_=r.Children.toArray(i).filter((function(r){return"BreadcrumbItem"===r.props.__TYPE})),z=h.default("fr-breadcrumb",n),E=h.default({"fr-collapse":!c,"fr-collapse--expanded":c});return r.useEffect((function(){var r=function(){return!v&&g(window.matchMedia("(min-width: 48em)").matches)};r();var e=c?m.current.offsetHeight:l.current.offsetHeight;return f.current.style.maxHeight="calc(".concat(e,"px + 1rem)"),window.addEventListener("resize",r),function(){window.removeEventListener("resize",r)}}),[c,v]),u.default.createElement("nav",k.default({ref:f,className:z,"aria-label":t},R(o)),u.default.createElement("button",{ref:l,type:"button",onClick:function(){var r=l.current.offsetHeight;f.current.style.maxHeight="calc(".concat(r,"px + 1rem)"),f.current.style.transition="max-height 250ms ease-out",w(!0),g(!0)},className:"fr-breadcrumb__button",hidden:c},a),u.default.createElement("div",{className:E},u.default.createElement("ol",{ref:m,className:"fr-breadcrumb__list",hidden:!c},_)))};er.defaultProps={className:"",buttonLabel:"Voir le fil d'ariane",label:"Fil d'ariane"},er.propTypes={label:b.default.string,buttonLabel:b.default.string,children:b.default.oneOfType([b.default.arrayOf(b.default.node),b.default.node]).isRequired,className:b.default.string};O('/*!\n * DSFR v1.7.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)\n */.fr-link{--text-spacing:0;--title-spacing:0;color:var(--text-action-high-blue-france);display:inline;font-size:1rem;line-height:1.5rem;padding:0;z-index:1}.fr-link[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-link[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-link--icon-left[class*=" fr-fi-"],.fr-link--icon-left[class*=" fr-icon-"],.fr-link--icon-left[class^=fr-fi-],.fr-link--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--icon-left[class*=" fr-fi-"]:before,.fr-link--icon-left[class*=" fr-icon-"]:before,.fr-link--icon-left[class^=fr-fi-]:before,.fr-link--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-link--icon-right[class*=" fr-fi-"],.fr-link--icon-right[class*=" fr-icon-"],.fr-link--icon-right[class^=fr-fi-],.fr-link--icon-right[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--icon-right[class*=" fr-fi-"]:after,.fr-link--icon-right[class*=" fr-icon-"]:after,.fr-link--icon-right[class^=fr-fi-]:after,.fr-link--icon-right[class^=fr-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-link--icon-right[class*=" fr-fi-"]:before,.fr-link--icon-right[class*=" fr-icon-"]:before,.fr-link--icon-right[class^=fr-fi-]:before,.fr-link--icon-right[class^=fr-icon-]:before,.fr-link[class*=" fr-fi-"]:not([class*=fr-link--icon-]):before,.fr-link[class*=" fr-icon-"]:not([class*=fr-link--icon-]):before,.fr-link[class^=fr-fi-]:not([class*=fr-link--icon-]):before,.fr-link[class^=fr-icon-]:not([class*=fr-link--icon-]):before{content:none}.fr-link--sm{font-size:.875rem;line-height:1.5rem;padding:0}.fr-link--sm[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-link--sm[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-link--sm.fr-link--icon-left[class*=" fr-fi-"],.fr-link--sm.fr-link--icon-left[class*=" fr-icon-"],.fr-link--sm.fr-link--icon-left[class^=fr-fi-],.fr-link--sm.fr-link--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--sm.fr-link--icon-left[class*=" fr-fi-"]:before,.fr-link--sm.fr-link--icon-left[class*=" fr-icon-"]:before,.fr-link--sm.fr-link--icon-left[class^=fr-fi-]:before,.fr-link--sm.fr-link--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-link--sm.fr-link--icon-right[class*=" fr-fi-"],.fr-link--sm.fr-link--icon-right[class*=" fr-icon-"],.fr-link--sm.fr-link--icon-right[class^=fr-fi-],.fr-link--sm.fr-link--icon-right[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--sm.fr-link--icon-right[class*=" fr-fi-"]:after,.fr-link--sm.fr-link--icon-right[class*=" fr-icon-"]:after,.fr-link--sm.fr-link--icon-right[class^=fr-fi-]:after,.fr-link--sm.fr-link--icon-right[class^=fr-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-link--sm.fr-link--icon-right[class*=" fr-fi-"]:before,.fr-link--sm.fr-link--icon-right[class*=" fr-icon-"]:before,.fr-link--sm.fr-link--icon-right[class^=fr-fi-]:before,.fr-link--sm.fr-link--icon-right[class^=fr-icon-]:before,.fr-link--sm[class*=" fr-fi-"]:not([class*=fr-link--icon-]):before,.fr-link--sm[class*=" fr-icon-"]:not([class*=fr-link--icon-]):before,.fr-link--sm[class^=fr-fi-]:not([class*=fr-link--icon-]):before,.fr-link--sm[class^=fr-icon-]:not([class*=fr-link--icon-]):before{content:none}.fr-link--lg{font-size:1.125rem;line-height:1.75rem;padding:0}.fr-link--lg[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-link--lg[target=_blank]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.fr-link--lg.fr-link--icon-left[class*=" fr-fi-"],.fr-link--lg.fr-link--icon-left[class*=" fr-icon-"],.fr-link--lg.fr-link--icon-left[class^=fr-fi-],.fr-link--lg.fr-link--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--lg.fr-link--icon-left[class*=" fr-fi-"]:before,.fr-link--lg.fr-link--icon-left[class*=" fr-icon-"]:before,.fr-link--lg.fr-link--icon-left[class^=fr-fi-]:before,.fr-link--lg.fr-link--icon-left[class^=fr-icon-]:before{--icon-size:1.5rem;margin-left:-.1875rem;margin-right:.5rem}.fr-link--lg.fr-link--icon-right[class*=" fr-fi-"],.fr-link--lg.fr-link--icon-right[class*=" fr-icon-"],.fr-link--lg.fr-link--icon-right[class^=fr-fi-],.fr-link--lg.fr-link--icon-right[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--lg.fr-link--icon-right[class*=" fr-fi-"]:after,.fr-link--lg.fr-link--icon-right[class*=" fr-icon-"]:after,.fr-link--lg.fr-link--icon-right[class^=fr-fi-]:after,.fr-link--lg.fr-link--icon-right[class^=fr-icon-]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.fr-link--lg.fr-link--icon-right[class*=" fr-fi-"]:before,.fr-link--lg.fr-link--icon-right[class*=" fr-icon-"]:before,.fr-link--lg.fr-link--icon-right[class^=fr-fi-]:before,.fr-link--lg.fr-link--icon-right[class^=fr-icon-]:before,.fr-link--lg[class*=" fr-fi-"]:not([class*=fr-link--icon-]):before,.fr-link--lg[class*=" fr-icon-"]:not([class*=fr-link--icon-]):before,.fr-link--lg[class^=fr-fi-]:not([class*=fr-link--icon-]):before,.fr-link--lg[class^=fr-icon-]:not([class*=fr-link--icon-]):before{content:none}.fr-links-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;display:inline-block;margin:0 -.5rem}.fr-links-group>li{display:inline;line-height:2.75rem}.fr-links-group .fr-link{margin:0 .5rem 1rem;vertical-align:top}.fr-links-group--sm .fr-link{font-size:.875rem;line-height:1.5rem;padding:0}.fr-links-group--sm .fr-link:after,.fr-links-group--sm .fr-link:before{--icon-size:1rem}.fr-links-group--lg .fr-link{font-size:1.125rem;line-height:1.75rem;padding:0}.fr-links-group--lg .fr-link:after,.fr-links-group--lg .fr-link:before{--icon-size:1.5rem}.fr-link--close{--hover:inherit;--active:inherit;background-color:initial;color:var(--text-action-high-blue-france);display:flex;font-size:.875rem;line-height:1.5rem;margin-left:auto;margin-right:-1rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-link--close:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(../../icons/system/close-line.svg);mask-image:url(../../icons/system/close-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-link--close:before{content:none}.fr-link.fr-link--icon-left.fr-fi-theme-fill{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.fr-link.fr-link--icon-left.fr-fi-theme-fill:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-link--close:disabled,a.fr-link--close:not([href]){--hover:inherit;--active:inherit;background-color:initial;color:var(--text-disabled-grey)}@media (min-width:36em){\n /*! media sm */\n\n /*! media sm */}@media (min-width:48em){\n /*! media md */\n\n /*! media md */}@media (min-width:62em){\n /*! media lg */\n\n /*! media lg */}@media (min-width:78em){\n /*! media xl */\n\n /*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-link{background-image:none;color:#000091;text-decoration:underline}.fr-link--sm:before,.fr-link:before{height:1rem;width:1rem}.fr-link--lg:before,.fr-link--sm:before,.fr-link:before{background-color:initial;background-repeat:no-repeat;background-size:100%}.fr-link--lg:before{height:1.5rem;width:1.5rem}ol.fr-links-group,ul.fr-links-group{list-style-type:none}ol.fr-links-group,ul.fr-links-group{margin-bottom:0;margin-top:0;padding-left:0}.fr-link--close{background-color:initial;color:#000091}.fr-link--close:hover{background-color:#0000000d}.fr-link--close:active{background-color:#0000001a}.fr-link--close:disabled,a.fr-link--close:not([href]){background-color:initial;color:#929292}.fr-link--close:disabled:hover,a.fr-link--close:not([href]):hover{background-color:#0000000d}.fr-link--close:disabled:active,a.fr-link--close:not([href]):active{background-color:#0000001a}}');var tr=["children","disabled","href","title","target","isSimple","className","as","current","display","verticalIconPosition","iconSize","icon","iconPosition","onClick","size"],ar=function(e){var t,a=e.children,n=e.disabled,i=e.href,o=e.title,f=e.target,l=e.isSimple,m=e.className,s=e.as,d=e.current,c=e.display,g=e.verticalIconPosition,p=e.iconSize,b=e.icon,v=e.iconPosition,x=e.onClick,_=e.size,z=y.default(e,tr),E=h.default(m,s&&s.props.className,(t={},w.default(t,"ds-fr--".concat(c),c&&b),w.default(t,"fr-link",l),w.default(t,"fr-link--".concat(_),_),t)),N=s?r.cloneElement(s,{className:E,children:s.props.children||a,"aria-current":d?"page":void 0,onClick:x}):null,C=u.default.createElement("a",k.default({"aria-disabled":!(!n&&i)||void 0,role:n||!i?"link":void 0,onClick:x?function(r){return function(r){r.preventDefault(),x(r)}(r)}:void 0,"aria-current":d?"page":void 0,href:i||void 0,title:o||void 0,target:f,rel:"_blank"===f?"noopener noreferrer":void 0,className:E},R(z)),a),T=s?N:C;return b?u.default.createElement(F,{verticalAlign:g,name:b,size:p,iconPosition:T.props&&T.props.children?v:"center"},T):T};ar.defaultProps={className:"",disabled:!1,title:"",target:"_self",isSimple:!1,current:!1,icon:"",as:null,iconPosition:"right",href:"",children:"",onClick:null,display:"inline",verticalIconPosition:"middle",iconSize:"sm",size:"md"},ar.propTypes={className:b.default.string,c