diff --git a/docs/404.html b/docs/404.html index 2dbeffac69..44e1cb7213 100644 --- a/docs/404.html +++ b/docs/404.html @@ -5,13 +5,13 @@ Page Not Found | EEA Design System - - + +
Skip to main content

Page Not Found

We could not find what you were looking for.

Please contact the owner of the site that linked you to the original URL and let them know their link is broken.

- - + + \ No newline at end of file diff --git a/docs/assets/js/046f8cb9.24207895.js b/docs/assets/js/046f8cb9.24207895.js deleted file mode 100644 index 5ceb6b3d2a..0000000000 --- a/docs/assets/js/046f8cb9.24207895.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6061],{9416:e=>{e.exports=JSON.parse('{"title":"Search","slug":"/category/search","permalink":"/volto-eea-design-system/docs/category/search","navigation":{"previous":{"title":"Tab","permalink":"/volto-eea-design-system/docs/webdev/Components/Tab"},"next":{"title":"Filters","permalink":"/volto-eea-design-system/docs/webdev/Components/Search/Filters"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/046f8cb9.e3de63b2.js b/docs/assets/js/046f8cb9.e3de63b2.js new file mode 100644 index 0000000000..2a182c771a --- /dev/null +++ b/docs/assets/js/046f8cb9.e3de63b2.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[532],{1824:e=>{e.exports=JSON.parse('{"title":"Search","slug":"/category/search","permalink":"/volto-eea-design-system/docs/category/search","navigation":{"previous":{"title":"Tab","permalink":"/volto-eea-design-system/docs/webdev/Components/Tab"},"next":{"title":"Filters","permalink":"/volto-eea-design-system/docs/webdev/Components/Search/Filters"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/06df40a2.23875b5f.js b/docs/assets/js/06df40a2.068f87a6.js similarity index 69% rename from docs/assets/js/06df40a2.23875b5f.js rename to docs/assets/js/06df40a2.068f87a6.js index 00f984ae60..06e7269753 100644 --- a/docs/assets/js/06df40a2.23875b5f.js +++ b/docs/assets/js/06df40a2.068f87a6.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2853],{3905:(e,t,n)=>{n.d(t,{Zo:()=>l,kt:()=>g});var r=n(7294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var p=r.createContext({}),c=function(e){var t=r.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):a(a({},t),e)),n},l=function(e){var t=c(e.components);return r.createElement(p.Provider,{value:t},e.children)},d="mdxType",u={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,o=e.originalType,p=e.parentName,l=s(e,["components","mdxType","originalType","parentName"]),d=c(n),m=i,g=d["".concat(p,".").concat(m)]||d[m]||u[m]||o;return n?r.createElement(g,a(a({ref:t},l),{},{components:n})):r.createElement(g,a({ref:t},l))}));function g(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=n.length,a=new Array(o);a[0]=m;var s={};for(var p in t)hasOwnProperty.call(t,p)&&(s[p]=t[p]);s.originalType=e,s[d]="string"==typeof e?e:i,a[1]=s;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>a,default:()=>d,frontMatter:()=>o,metadata:()=>s,toc:()=>p});var r=n(7462),i=(n(7294),n(3905));const o={title:"Design guidelines",description:"",hide_table_of_contents:!0},a=void 0,s={unversionedId:"pubguide/design",id:"pubguide/design",title:"Design guidelines",description:"",source:"@site/docs/pubguide/1-design.md",sourceDirName:"pubguide",slug:"/pubguide/design",permalink:"/volto-eea-design-system/docs/pubguide/design",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/pubguide/1-design.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Design guidelines",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Writing guidelines",permalink:"/volto-eea-design-system/docs/pubguide/writing"},next:{title:"Maps and charts",permalink:"/volto-eea-design-system/docs/category/maps-and-charts"}},p=[],c={toc:p},l="wrapper";function d(e){let{components:t,...n}=e;return(0,i.kt)(l,(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("p",null,"The corporate design manual provides a graphical style guide for EEA reports\nas well as guidelines for a coherent look of other items produced by the Agency."),(0,i.kt)("div",{className:"admonition admonition-info alert alert--info"},(0,i.kt)("div",{parentName:"div",className:"admonition-heading"},(0,i.kt)("h5",{parentName:"div"},(0,i.kt)("span",{parentName:"h5",className:"admonition-icon"},(0,i.kt)("svg",{parentName:"span",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"16",viewBox:"0 0 14 16"},(0,i.kt)("path",{parentName:"svg",fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"}))),"info")),(0,i.kt)("div",{parentName:"div",className:"admonition-content"},(0,i.kt)("p",{parentName:"div"},"This section is ",(0,i.kt)("strong",{parentName:"p"},"under development"),"."))),(0,i.kt)("p",null,"See ",(0,i.kt)("a",{parentName:"p",href:"https://www.eea.europa.eu/publications/eea-corporate-design-manual"},"previously published Corporate design manual by EEA"),"."))}d.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6494],{5788:(e,t,n)=>{n.d(t,{Iu:()=>l,yg:()=>m});var r=n(1504);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var p=r.createContext({}),c=function(e){var t=r.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):a(a({},t),e)),n},l=function(e){var t=c(e.components);return r.createElement(p.Provider,{value:t},e.children)},d="mdxType",u={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},g=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,o=e.originalType,p=e.parentName,l=s(e,["components","mdxType","originalType","parentName"]),d=c(n),g=i,m=d["".concat(p,".").concat(g)]||d[g]||u[g]||o;return n?r.createElement(m,a(a({ref:t},l),{},{components:n})):r.createElement(m,a({ref:t},l))}));function m(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=n.length,a=new Array(o);a[0]=g;var s={};for(var p in t)hasOwnProperty.call(t,p)&&(s[p]=t[p]);s.originalType=e,s[d]="string"==typeof e?e:i,a[1]=s;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>a,default:()=>d,frontMatter:()=>o,metadata:()=>s,toc:()=>p});var r=n(5072),i=(n(1504),n(5788));const o={title:"Design guidelines",description:"",hide_table_of_contents:!0},a=void 0,s={unversionedId:"pubguide/design",id:"pubguide/design",title:"Design guidelines",description:"",source:"@site/docs/pubguide/1-design.md",sourceDirName:"pubguide",slug:"/pubguide/design",permalink:"/volto-eea-design-system/docs/pubguide/design",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/pubguide/1-design.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Design guidelines",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Writing guidelines",permalink:"/volto-eea-design-system/docs/pubguide/writing"},next:{title:"Maps and charts",permalink:"/volto-eea-design-system/docs/category/maps-and-charts"}},p=[],c={toc:p},l="wrapper";function d(e){let{components:t,...n}=e;return(0,i.yg)(l,(0,r.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,i.yg)("p",null,"The corporate design manual provides a graphical style guide for EEA reports\nas well as guidelines for a coherent look of other items produced by the Agency."),(0,i.yg)("div",{className:"admonition admonition-info alert alert--info"},(0,i.yg)("div",{parentName:"div",className:"admonition-heading"},(0,i.yg)("h5",{parentName:"div"},(0,i.yg)("span",{parentName:"h5",className:"admonition-icon"},(0,i.yg)("svg",{parentName:"span",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"16",viewBox:"0 0 14 16"},(0,i.yg)("path",{parentName:"svg",fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"}))),"info")),(0,i.yg)("div",{parentName:"div",className:"admonition-content"},(0,i.yg)("p",{parentName:"div"},"This section is ",(0,i.yg)("strong",{parentName:"p"},"under development"),"."))),(0,i.yg)("p",null,"See ",(0,i.yg)("a",{parentName:"p",href:"https://www.eea.europa.eu/publications/eea-corporate-design-manual"},"previously published Corporate design manual by EEA"),"."))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/072ed0e5.89fc8f92.js b/docs/assets/js/072ed0e5.89fc8f92.js new file mode 100644 index 0000000000..6dc0275198 --- /dev/null +++ b/docs/assets/js/072ed0e5.89fc8f92.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9744],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>m});var a=n(1504);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function s(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=a.createContext({}),c=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return a.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},h=a.forwardRef((function(e,t){var n=e.components,o=e.mdxType,r=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),h=o,m=p["".concat(i,".").concat(h)]||p[h]||d[h]||r;return n?a.createElement(m,s(s({ref:t},u),{},{components:n})):a.createElement(m,s({ref:t},u))}));function m(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var r=n.length,s=new Array(r);s[0]=h;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:o,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>u,default:()=>b,frontMatter:()=>c,metadata:()=>p,toc:()=>d});var a=n(5072),o=(n(1504),n(5788)),r=n(7144);const s={toc:[{value:"Text alignment",id:"text-alignment",children:[],level:3},{value:"Line length",id:"line-length",children:[],level:3},{value:"Line Height",id:"line-height",children:[],level:3},{value:"Whitespace",id:"whitespace",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,o.yg)(l,(0,a.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("p",null,"For our content we need to have webpages with clear and consistent headings, highly legible body paragraphs, clear labels, and easy-to-use input fields."),(0,o.yg)("h3",{id:"text-alignment"},"Text alignment"),(0,o.yg)("p",null,"We should be consistent using left-aligned text. "),(0,o.yg)("h3",{id:"line-length"},"Line length"),(0,o.yg)("p",null,"Controlling the length of lines of text helps readers\u2019 attention flow easily from one line to the next, making reading more natural and comfortable.\nMost lines of text should be 45\u201390 characters. A good target for long texts is 66 characters.\nText with greater line height can have a longer measure. Since of the function of measure is to help readers move from one line of text to another more naturally, the effects of a long measure can be lessened by increasing the space between lines. Thus, text with more space between lines can have somewhat longer line length.\nShort passages can have measure outside the ideal range. In contexts when users will be reading short passages of text (such as footnotes or alerts), you can safely set somewhat longer or shorter lines than usual."),(0,o.yg)("h3",{id:"line-height"},"Line Height"),(0,o.yg)("p",null,"Line height controls the vertical rhythm and density of a block of text. It is written as a unitless multiplier of the text\u2019s font size \u2014 for instance, a line height of 1.5 on 16px text results in a line height of 24px.\nReadable text has a medium density. Strive for text that appears neither very dense nor loose. The reader typically shouldn\u2019t notice the space between lines of text."),(0,o.yg)("h3",{id:"whitespace"},"Whitespace"),(0,o.yg)("p",null,"The space around your content elements affects the relationship between these elements. Use less whitespace to group elements and more whitespace to distinguish them from each other.\nDon\u2019t indent paragraphs, use whitespace before. While most longform print design uses indented lines to distinguish paragraphs, it\u2019s more conventional on the web to use unindented paragraphs separated by whitespace.\nUse at least 1em of whitespace between paragraphs. To properly separate paragraphs from one another, use the equivalent of one blank line of whitespace between them. Using more than 1.5em disturbs the flow of the text, and using less than 0.5em doesn\u2019t provide enough separation.\nHeadings should be closer to the text they introduce than the text that preceeds them. It\u2019s important that headings are more visually connected to the text for which they\u2019re the heading than the text of the previous section to reduce ambiguity and cognitive dissonance. Use at least 1.5 times the amount of whitespace above the heading as below it."))}i.isMDXComponent=!0;const c={title:"Content",description:"",hide_table_of_contents:!0},u=void 0,p={unversionedId:"webdev/Components/Content",id:"webdev/Components/Content",title:"Content",description:"",source:"@site/docs/webdev/5-Components/26-Content.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Content",permalink:"/volto-eea-design-system/docs/webdev/Components/Content",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/content_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:26,frontMatter:{title:"Content",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Maps",permalink:"/volto-eea-design-system/docs/webdev/Components/Visuals/Maps"},next:{title:"Tags",permalink:"/volto-eea-design-system/docs/webdev/Components/Tags"}},d=[],h=(m="Showcase",function(e){return console.warn("Component "+m+" was not imported, exported, or provided by MDXProvider as global scope"),(0,o.yg)("div",e)});var m;const g={toc:d},f="wrapper";function b(e){let{components:t,...n}=e;return(0,o.yg)(f,(0,a.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(r.cp,{usage:(0,o.yg)(i,{mdxType:"Usage"}),showcase:(0,o.yg)(h,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}b.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>y});var a=n(5072),o=n(1504),r=n(5788),s=n(3664),l=n(7676);const i=function(){const e=(0,o.useContext)(l.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:a,values:r,groupId:s,className:l}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),h=r??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),m=(0,c.wn)(h,((e,t)=>e.value===t.value));if(m.length>0)throw new Error(`Docusaurus error: Duplicate values "${m.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const g=null===a?a:a??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==g&&!h.some((e=>e.value===g)))throw new Error(`Docusaurus error: The has a defaultValue "${g}" but none of its children has the corresponding value. Available values are: ${h.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:b}=i(),[y,v]=(0,o.useState)(g),w=[],{blockElementScrollPositionUntilNextRender:x}=(0,c.MV)();if(null!=s){const e=f[s];null!=e&&e!==y&&h.some((t=>t.value===e))&&v(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),a=h[n].value;a!==y&&(x(t),v(a),null!=s&&b(s,a))},C=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},l)},h.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>w.push(e),onKeyDown:C,onFocus:T,onClick:T},n??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function h(e){const t=(0,s.c)();return o.createElement(d,(0,a.c)({key:String(t)},e))}const m=function(e){let{children:t,hidden:n,className:a}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:a},t)};function g(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:g},b="wrapper";function y(e){let{components:t,...n}=e;return(0,r.yg)(b,(0,a.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(h,{defaultValue:"usage",values:g(n),mdxType:"Tabs"},(0,r.yg)(m,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.yg)(m,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.yg)(m,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/072ed0e5.b1cc3b3e.js b/docs/assets/js/072ed0e5.b1cc3b3e.js deleted file mode 100644 index c53b388331..0000000000 --- a/docs/assets/js/072ed0e5.b1cc3b3e.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9003],{3905:(e,t,n)=>{n.d(t,{Zo:()=>u,kt:()=>m});var o=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function s(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),c=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},h=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),h=a,m=p["".concat(i,".").concat(h)]||p[h]||d[h]||r;return n?o.createElement(m,s(s({ref:t},u),{},{components:n})):o.createElement(m,s({ref:t},u))}));function m(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,s=new Array(r);s[0]=h;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:a,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>u,default:()=>g,frontMatter:()=>c,metadata:()=>p,toc:()=>d});var o=n(7462),a=(n(7294),n(3905)),r=n(4037);const s={toc:[{value:"Text alignment",id:"text-alignment",children:[],level:3},{value:"Line length",id:"line-length",children:[],level:3},{value:"Line Height",id:"line-height",children:[],level:3},{value:"Whitespace",id:"whitespace",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,a.kt)(l,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"For our content we need to have webpages with clear and consistent headings, highly legible body paragraphs, clear labels, and easy-to-use input fields."),(0,a.kt)("h3",{id:"text-alignment"},"Text alignment"),(0,a.kt)("p",null,"We should be consistent using left-aligned text. "),(0,a.kt)("h3",{id:"line-length"},"Line length"),(0,a.kt)("p",null,"Controlling the length of lines of text helps readers\u2019 attention flow easily from one line to the next, making reading more natural and comfortable.\nMost lines of text should be 45\u201390 characters. A good target for long texts is 66 characters.\nText with greater line height can have a longer measure. Since of the function of measure is to help readers move from one line of text to another more naturally, the effects of a long measure can be lessened by increasing the space between lines. Thus, text with more space between lines can have somewhat longer line length.\nShort passages can have measure outside the ideal range. In contexts when users will be reading short passages of text (such as footnotes or alerts), you can safely set somewhat longer or shorter lines than usual."),(0,a.kt)("h3",{id:"line-height"},"Line Height"),(0,a.kt)("p",null,"Line height controls the vertical rhythm and density of a block of text. It is written as a unitless multiplier of the text\u2019s font size \u2014 for instance, a line height of 1.5 on 16px text results in a line height of 24px.\nReadable text has a medium density. Strive for text that appears neither very dense nor loose. The reader typically shouldn\u2019t notice the space between lines of text."),(0,a.kt)("h3",{id:"whitespace"},"Whitespace"),(0,a.kt)("p",null,"The space around your content elements affects the relationship between these elements. Use less whitespace to group elements and more whitespace to distinguish them from each other.\nDon\u2019t indent paragraphs, use whitespace before. While most longform print design uses indented lines to distinguish paragraphs, it\u2019s more conventional on the web to use unindented paragraphs separated by whitespace.\nUse at least 1em of whitespace between paragraphs. To properly separate paragraphs from one another, use the equivalent of one blank line of whitespace between them. Using more than 1.5em disturbs the flow of the text, and using less than 0.5em doesn\u2019t provide enough separation.\nHeadings should be closer to the text they introduce than the text that preceeds them. It\u2019s important that headings are more visually connected to the text for which they\u2019re the heading than the text of the previous section to reduce ambiguity and cognitive dissonance. Use at least 1.5 times the amount of whitespace above the heading as below it."))}i.isMDXComponent=!0;const c={title:"Content",description:"",hide_table_of_contents:!0},u=void 0,p={unversionedId:"webdev/Components/Content",id:"webdev/Components/Content",title:"Content",description:"",source:"@site/docs/webdev/5-Components/26-Content.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Content",permalink:"/volto-eea-design-system/docs/webdev/Components/Content",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/content_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:26,frontMatter:{title:"Content",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Maps",permalink:"/volto-eea-design-system/docs/webdev/Components/Visuals/Maps"},next:{title:"Tags",permalink:"/volto-eea-design-system/docs/webdev/Components/Tags"}},d=[],h=(m="Showcase",function(e){return console.warn("Component "+m+" was not imported, exported, or provided by MDXProvider as global scope"),(0,a.kt)("div",e)});var m;const f={toc:d},b="wrapper";function g(e){let{components:t,...n}=e;return(0,a.kt)(b,(0,o.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(r.ZP,{usage:(0,a.kt)(i,{mdxType:"Usage"}),showcase:(0,a.kt)(h,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}g.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>v});var o=n(7462),a=n(7294),r=n(3905),s=n(2389),l=n(9443);const i=function(){const e=(0,a.useContext)(l.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(3810),u=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:s,className:l}=e,d=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),h=r??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),m=(0,c.lx)(h,((e,t)=>e.value===t.value));if(m.length>0)throw new Error(`Docusaurus error: Duplicate values "${m.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==f&&!h.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${h.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:g}=i(),[v,y]=(0,a.useState)(f),w=[],{blockElementScrollPositionUntilNextRender:x}=(0,c.o5)();if(null!=s){const e=b[s];null!=e&&e!==v&&h.some((t=>t.value===e))&&y(e)}const k=e=>{const t=e.currentTarget,n=w.indexOf(t),o=h[n].value;o!==v&&(x(t),y(o),null!=s&&g(s,o))},T=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.Z)("tabs",{"tabs--block":n},l)},h.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:v===t?0:-1,"aria-selected":v===t,className:(0,u.Z)("tabs__item",p.tabItem,{"tabs__item--active":v===t}),key:t,ref:e=>w.push(e),onKeyDown:T,onFocus:k,onClick:k},n??t)}))),t?(0,a.cloneElement)(d.filter((e=>e.props.value===v))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==v})))))}function h(e){const t=(0,s.Z)();return a.createElement(d,(0,o.Z)({key:String(t)},e))}const m=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:f},g="wrapper";function v(e){let{components:t,...n}=e;return(0,r.kt)(g,(0,o.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(h,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,r.kt)(m,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.kt)(m,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.kt)(m,{value:"api",mdxType:"TabItem"},n.api)))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/0a8b14be.9eacda40.js b/docs/assets/js/0a8b14be.70688b08.js similarity index 85% rename from docs/assets/js/0a8b14be.9eacda40.js rename to docs/assets/js/0a8b14be.70688b08.js index bcd1e24c7e..093564e54c 100644 --- a/docs/assets/js/0a8b14be.9eacda40.js +++ b/docs/assets/js/0a8b14be.70688b08.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[8635],{8594:e=>{e.exports=JSON.parse('{"title":"Forms","slug":"/category/forms","permalink":"/volto-eea-design-system/docs/category/forms","navigation":{"previous":{"title":"Divider","permalink":"/volto-eea-design-system/docs/webdev/Components/Divider"},"next":{"title":"Checkbox","permalink":"/volto-eea-design-system/docs/webdev/Components/Forms/Checkbox"}}}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4904],{2732:e=>{e.exports=JSON.parse('{"title":"Forms","slug":"/category/forms","permalink":"/volto-eea-design-system/docs/category/forms","navigation":{"previous":{"title":"Divider","permalink":"/volto-eea-design-system/docs/webdev/Components/Divider"},"next":{"title":"Checkbox","permalink":"/volto-eea-design-system/docs/webdev/Components/Forms/Checkbox"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/0b225811.69f9ed96.js b/docs/assets/js/0b225811.69f9ed96.js deleted file mode 100644 index beace553bb..0000000000 --- a/docs/assets/js/0b225811.69f9ed96.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[8362],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>h});var o=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s=o.createContext({}),u=function(e){var t=o.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(s.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,s=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),p=u(n),m=r,h=p["".concat(s,".").concat(m)]||p[m]||d[m]||a;return n?o.createElement(h,l(l({ref:t},c),{},{components:n})):o.createElement(h,l({ref:t},c))}));function h(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var i={};for(var s in t)hasOwnProperty.call(t,s)&&(i[s]=t[s]);i.originalType=e,i[p]="string"==typeof e?e:r,l[1]=i;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>h,default:()=>y,frontMatter:()=>m,metadata:()=>f,toc:()=>b});var o=n(7462),r=(n(7294),n(3905)),a=n(4037);const l={toc:[{value:"Dos",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},i="wrapper";function s(e){let{components:t,...n}=e;return(0,r.kt)(i,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"The checkbox is a form input for users to choose one or more options from the list of selections."),(0,r.kt)("h3",{id:"dos"},"Dos"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"always make sure each checkbox has a short, distinct and indicative checkbox label"),(0,r.kt)("li",{parentName:"ul"},"use checkbox labels as click targets (clicking the label will select that option)"),(0,r.kt)("li",{parentName:"ul"},"arrange them vertically, in a single column layout"),(0,r.kt)("li",{parentName:"ul"},"group related fields"),(0,r.kt)("li",{parentName:"ul"},"order logically"),(0,r.kt)("li",{parentName:"ul"},"indicate whether the input group is optional or mandatory"),(0,r.kt)("li",{parentName:"ul"},"make use of helper text if there are further directions or hints the users may need in completing their goal"),(0,r.kt)("li",{parentName:"ul"},"write specific and clear error messages, so users understand how to properly address and recover from the error")),(0,r.kt)("h3",{id:"donts"},"Don'ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"don't add them without grouping first, in a logical order"),(0,r.kt)("li",{parentName:"ul"},"don't restrict the number of checkboxes that can be ticked at any time"),(0,r.kt)("li",{parentName:"ul"},"don't nest elements under the checkbox - keep all the options on the same level")),(0,r.kt)("h3",{id:"when-to-use"},"When to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"use in any situation where the input information is known to the organisation"),(0,r.kt)("li",{parentName:"ul"},"when users need to select options or toggle settings"),(0,r.kt)("li",{parentName:"ul"},"in forms with multiple non-exclusive options"),(0,r.kt)("li",{parentName:"ul"},"in search filters"),(0,r.kt)("li",{parentName:"ul"},"to turn a setting option on or off")),(0,r.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"do not use it when you have mutually exclusive items"),(0,r.kt)("li",{parentName:"ul"},"do not use it if the checkbox selection will perform an action")))}s.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Invalid",id:"invalid",children:[],level:2},{value:"Optional",id:"optional",children:[],level:2},{value:"Single",id:"single",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,r.kt)(p,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default"},"Default"),(0,r.kt)(u.ZP,{id:"components-forms-checkbox--default",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"invalid"},"Invalid"),(0,r.kt)(u.ZP,{id:"components-forms-checkbox--invalid",height:"400",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"optional"},"Optional"),(0,r.kt)(u.ZP,{id:"components-forms-checkbox--optional",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"single"},"Single"),(0,r.kt)(u.ZP,{id:"components-forms-checkbox--single",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const m={title:"Checkbox",description:"",hide_table_of_contents:!0},h=void 0,f={unversionedId:"webdev/Components/Forms/Checkbox",id:"webdev/Components/Forms/Checkbox",title:"Checkbox",description:"",source:"@site/docs/webdev/5-Components/7-Forms/0-Checkbox.mdx",sourceDirName:"webdev/5-Components/7-Forms",slug:"/webdev/Components/Forms/Checkbox",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/Checkbox",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/checkbox_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Checkbox",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Forms",permalink:"/volto-eea-design-system/docs/category/forms"},next:{title:"Dropdown",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/Dropdown"}},b=[],v={toc:b},k="wrapper";function y(e){let{components:t,...n}=e;return(0,r.kt)(k,(0,o.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(s,{mdxType:"Usage"}),showcase:(0,r.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}y.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var o=n(7462),r=(n(7294),n(3905)),a=n(2263);function l(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const i={toc:[],getUrl:l},s="wrapper";function u(e){let{components:t,...n}=e;return(0,r.kt)(s,(0,o.Z)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>k});var o=n(7462),r=n(7294),a=n(3905),l=n(2389),i=n(9443);const s=function(){const e=(0,r.useContext)(i.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:i}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),h=(0,u.lx)(m,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==f&&!m.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:v}=s(),[k,y]=(0,r.useState)(f),g=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.o5)();if(null!=l){const e=b[l];null!=e&&e!==k&&m.some((t=>t.value===e))&&y(e)}const x=e=>{const t=e.currentTarget,n=g.indexOf(t),o=m[n].value;o!==k&&(w(t),y(o),null!=l&&v(l,o))},T=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=g.indexOf(e.currentTarget)+1;t=g[n]||g[0];break}case"ArrowLeft":{const n=g.indexOf(e.currentTarget)-1;t=g[n]||g[g.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},i)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:k===t?0:-1,"aria-selected":k===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":k===t}),key:t,ref:e=>g.push(e),onKeyDown:T,onFocus:x,onClick:x},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===k))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==k})))))}function m(e){const t=(0,l.Z)();return r.createElement(d,(0,o.Z)({key:String(t)},e))}const h=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:f},v="wrapper";function k(e){let{components:t,...n}=e;return(0,a.kt)(v,(0,o.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,a.kt)(h,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(h,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(h,{value:"api",mdxType:"TabItem"},n.api)))}k.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/0b225811.f72f0394.js b/docs/assets/js/0b225811.f72f0394.js new file mode 100644 index 0000000000..67ece7e4da --- /dev/null +++ b/docs/assets/js/0b225811.f72f0394.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[8996],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>h});var o=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s=o.createContext({}),c=function(e){var t=o.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},u=function(e){var t=c(e.components);return o.createElement(s.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,s=e.parentName,u=i(e,["components","mdxType","originalType","parentName"]),p=c(n),m=r,h=p["".concat(s,".").concat(m)]||p[m]||d[m]||a;return n?o.createElement(h,l(l({ref:t},u),{},{components:n})):o.createElement(h,l({ref:t},u))}));function h(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var i={};for(var s in t)hasOwnProperty.call(t,s)&&(i[s]=t[s]);i.originalType=e,i[p]="string"==typeof e?e:r,l[1]=i;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>h,default:()=>v,frontMatter:()=>m,metadata:()=>y,toc:()=>g});var o=n(5072),r=(n(1504),n(5788)),a=n(7144);const l={toc:[{value:"Dos",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},i="wrapper";function s(e){let{components:t,...n}=e;return(0,r.yg)(i,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"The checkbox is a form input for users to choose one or more options from the list of selections."),(0,r.yg)("h3",{id:"dos"},"Dos"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"always make sure each checkbox has a short, distinct and indicative checkbox label"),(0,r.yg)("li",{parentName:"ul"},"use checkbox labels as click targets (clicking the label will select that option)"),(0,r.yg)("li",{parentName:"ul"},"arrange them vertically, in a single column layout"),(0,r.yg)("li",{parentName:"ul"},"group related fields"),(0,r.yg)("li",{parentName:"ul"},"order logically"),(0,r.yg)("li",{parentName:"ul"},"indicate whether the input group is optional or mandatory"),(0,r.yg)("li",{parentName:"ul"},"make use of helper text if there are further directions or hints the users may need in completing their goal"),(0,r.yg)("li",{parentName:"ul"},"write specific and clear error messages, so users understand how to properly address and recover from the error")),(0,r.yg)("h3",{id:"donts"},"Don'ts"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"don't add them without grouping first, in a logical order"),(0,r.yg)("li",{parentName:"ul"},"don't restrict the number of checkboxes that can be ticked at any time"),(0,r.yg)("li",{parentName:"ul"},"don't nest elements under the checkbox - keep all the options on the same level")),(0,r.yg)("h3",{id:"when-to-use"},"When to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"use in any situation where the input information is known to the organisation"),(0,r.yg)("li",{parentName:"ul"},"when users need to select options or toggle settings"),(0,r.yg)("li",{parentName:"ul"},"in forms with multiple non-exclusive options"),(0,r.yg)("li",{parentName:"ul"},"in search filters"),(0,r.yg)("li",{parentName:"ul"},"to turn a setting option on or off")),(0,r.yg)("h3",{id:"when-not-to-use"},"When not to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"do not use it when you have mutually exclusive items"),(0,r.yg)("li",{parentName:"ul"},"do not use it if the checkbox selection will perform an action")))}s.isMDXComponent=!0;var c=n(4620);const u={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Invalid",id:"invalid",children:[],level:2},{value:"Optional",id:"optional",children:[],level:2},{value:"Single",id:"single",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,r.yg)(p,(0,o.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("h2",{id:"default"},"Default"),(0,r.yg)(c.cp,{id:"components-forms-checkbox--default",mdxType:"Iframe"}," "),(0,r.yg)("h2",{id:"invalid"},"Invalid"),(0,r.yg)(c.cp,{id:"components-forms-checkbox--invalid",height:"400",mdxType:"Iframe"}," "),(0,r.yg)("h2",{id:"optional"},"Optional"),(0,r.yg)(c.cp,{id:"components-forms-checkbox--optional",mdxType:"Iframe"}," "),(0,r.yg)("h2",{id:"single"},"Single"),(0,r.yg)(c.cp,{id:"components-forms-checkbox--single",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const m={title:"Checkbox",description:"",hide_table_of_contents:!0},h=void 0,y={unversionedId:"webdev/Components/Forms/Checkbox",id:"webdev/Components/Forms/Checkbox",title:"Checkbox",description:"",source:"@site/docs/webdev/5-Components/7-Forms/0-Checkbox.mdx",sourceDirName:"webdev/5-Components/7-Forms",slug:"/webdev/Components/Forms/Checkbox",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/Checkbox",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/checkbox_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Checkbox",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Forms",permalink:"/volto-eea-design-system/docs/category/forms"},next:{title:"Dropdown",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/Dropdown"}},g=[],f={toc:g},b="wrapper";function v(e){let{components:t,...n}=e;return(0,r.yg)(b,(0,o.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(a.cp,{usage:(0,r.yg)(s,{mdxType:"Usage"}),showcase:(0,r.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}v.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var o=n(5072),r=(n(1504),n(5788)),a=n(8264);function l(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const i={toc:[],getUrl:l},s="wrapper";function c(e){let{components:t,...n}=e;return(0,r.yg)(s,(0,o.c)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>b});var o=n(5072),r=n(1504),a=n(5788),l=n(3664),i=n(7676);const s=function(){const e=(0,r.useContext)(i.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:i}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),h=(0,c.wn)(m,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==y&&!m.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:g,setTabGroupChoices:f}=s(),[b,v]=(0,r.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:x}=(0,c.MV)();if(null!=l){const e=g[l];null!=e&&e!==b&&m.some((t=>t.value===e))&&v(e)}const k=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==b&&(x(t),v(o),null!=l&&f(l,o))},T=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},i)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:b===t?0:-1,"aria-selected":b===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":b===t}),key:t,ref:e=>w.push(e),onKeyDown:T,onFocus:k,onClick:k},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===b))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==b})))))}function m(e){const t=(0,l.c)();return r.createElement(d,(0,o.c)({key:String(t)},e))}const h=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const g={toc:[],getValues:y},f="wrapper";function b(e){let{components:t,...n}=e;return(0,a.yg)(f,(0,o.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(m,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,a.yg)(h,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(h,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(h,{value:"api",mdxType:"TabItem"},n.api)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/0bef62f9.096fabb0.js b/docs/assets/js/0bef62f9.3f4d7c6b.js similarity index 51% rename from docs/assets/js/0bef62f9.096fabb0.js rename to docs/assets/js/0bef62f9.3f4d7c6b.js index 41a62c8128..35982d1f9a 100644 --- a/docs/assets/js/0bef62f9.096fabb0.js +++ b/docs/assets/js/0bef62f9.3f4d7c6b.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2163],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>b});var o=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u=o.createContext({}),i=function(e){var t=o.useContext(u),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=i(e.components);return o.createElement(u.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,u=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=i(n),m=a,b=p["".concat(u,".").concat(m)]||p[m]||d[m]||r;return n?o.createElement(b,l(l({ref:t},c),{},{components:n})):o.createElement(b,l({ref:t},c))}));function b(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,l=new Array(r);l[0]=m;var s={};for(var u in t)hasOwnProperty.call(t,u)&&(s[u]=t[u]);s.originalType=e,s[p]="string"==typeof e?e:a,l[1]=s;for(var i=2;i{n.r(t),n.d(t,{contentTitle:()=>h,default:()=>g,frontMatter:()=>b,metadata:()=>v,toc:()=>f});var o=n(7462),a=(n(7294),n(3905)),r=n(4037);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function u(e){let{components:t,...n}=e;return(0,a.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"Tables are used to structure complex data in an organised way that is more user friendly and discoverable."),(0,a.kt)("h3",{id:"dos"},"Do's"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"reduce the table width to fit the content"),(0,a.kt)("li",{parentName:"ul"},"align content left to right within cells"),(0,a.kt)("li",{parentName:"ul"},"use a dash ( - ) in null data cells"),(0,a.kt)("li",{parentName:"ul"},"adjusts the styling to render a small/large table")),(0,a.kt)("h3",{id:"donts"},"Don'ts"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"don't spell out numbers"),(0,a.kt)("li",{parentName:"ul"},"don't use colour alone to convey information")),(0,a.kt)("h3",{id:"when-to-use"},"When to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"use when you want to show structured information, or static data"),(0,a.kt)("li",{parentName:"ul"},"use when you want to help users to compare information")),(0,a.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"when you don't have any relationship among content you want to present")))}u.isMDXComponent=!0;var i=n(7521);const c={toc:[]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,a.kt)(p,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(i.ZP,{id:"components-table--default",height:"400",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="TableJSDoc";var m;const b={title:"Table",description:"",hide_table_of_contents:!0},h=void 0,v={unversionedId:"webdev/Components/Table",id:"webdev/Components/Table",title:"Table",description:"",source:"@site/docs/webdev/5-Components/25-Table.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Table",permalink:"/volto-eea-design-system/docs/webdev/Components/Table",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/table_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:25,frontMatter:{title:"Table",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Searchbox",permalink:"/volto-eea-design-system/docs/webdev/Components/Search/Searchbox"},next:{title:"Visuals",permalink:"/volto-eea-design-system/docs/category/visuals"}},f=[],y={toc:f},w="wrapper";function g(e){let{components:t,...n}=e;return(0,a.kt)(w,(0,o.Z)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(r.ZP,{usage:(0,a.kt)(u,{mdxType:"Usage"}),showcase:(0,a.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}g.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>i});var o=n(7462),a=(n(7294),n(3905)),r=n(2263);function l(){const{siteConfig:e}=(0,r.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},u="wrapper";function i(e){let{components:t,...n}=e;return(0,a.kt)(u,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("div",{className:"frameWrapper"},(0,a.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}i.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var o=n(7462),a=n(7294),r=n(3905),l=n(2389),s=n(9443);const u=function(){const e=(0,a.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var i=n(3810),c=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:l,className:s}=e,d=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),b=(0,i.lx)(m,((e,t)=>e.value===t.value));if(b.length>0)throw new Error(`Docusaurus error: Duplicate values "${b.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const h=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==h&&!m.some((e=>e.value===h)))throw new Error(`Docusaurus error: The has a defaultValue "${h}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:f}=u(),[y,w]=(0,a.useState)(h),g=[],{blockElementScrollPositionUntilNextRender:k}=(0,i.o5)();if(null!=l){const e=v[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&w(e)}const T=e=>{const t=e.currentTarget,n=g.indexOf(t),o=m[n].value;o!==y&&(k(t),w(o),null!=l&&f(l,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=g.indexOf(e.currentTarget)+1;t=g[n]||g[0];break}case"ArrowLeft":{const n=g.indexOf(e.currentTarget)-1;t=g[n]||g[g.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>g.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,a.cloneElement)(d.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return a.createElement(d,(0,o.Z)({key:String(t)},e))}const b=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function h(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:h},f="wrapper";function y(e){let{components:t,...n}=e;return(0,r.kt)(f,(0,o.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(m,{defaultValue:"usage",values:h(n),mdxType:"Tabs"},(0,r.kt)(b,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.kt)(b,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.kt)(b,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1449],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>y});var o=n(1504);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u=o.createContext({}),i=function(e){var t=o.useContext(u),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=i(e.components);return o.createElement(u.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,u=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=i(n),m=a,y=p["".concat(u,".").concat(m)]||p[m]||d[m]||r;return n?o.createElement(y,l(l({ref:t},c),{},{components:n})):o.createElement(y,l({ref:t},c))}));function y(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,l=new Array(r);l[0]=m;var s={};for(var u in t)hasOwnProperty.call(t,u)&&(s[u]=t[u]);s.originalType=e,s[p]="string"==typeof e?e:a,l[1]=s;for(var i=2;i{n.r(t),n.d(t,{contentTitle:()=>b,default:()=>w,frontMatter:()=>y,metadata:()=>h,toc:()=>g});var o=n(5072),a=(n(1504),n(5788)),r=n(7144);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function u(e){let{components:t,...n}=e;return(0,a.yg)(s,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("p",null,"Tables are used to structure complex data in an organised way that is more user friendly and discoverable."),(0,a.yg)("h3",{id:"dos"},"Do's"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"reduce the table width to fit the content"),(0,a.yg)("li",{parentName:"ul"},"align content left to right within cells"),(0,a.yg)("li",{parentName:"ul"},"use a dash ( - ) in null data cells"),(0,a.yg)("li",{parentName:"ul"},"adjusts the styling to render a small/large table")),(0,a.yg)("h3",{id:"donts"},"Don'ts"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"don't spell out numbers"),(0,a.yg)("li",{parentName:"ul"},"don't use colour alone to convey information")),(0,a.yg)("h3",{id:"when-to-use"},"When to use"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"use when you want to show structured information, or static data"),(0,a.yg)("li",{parentName:"ul"},"use when you want to help users to compare information")),(0,a.yg)("h3",{id:"when-not-to-use"},"When not to use"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"when you don't have any relationship among content you want to present")))}u.isMDXComponent=!0;var i=n(4620);const c={toc:[]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,a.yg)(p,(0,o.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(i.cp,{id:"components-table--default",height:"400",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="TableJSDoc";var m;const y={title:"Table",description:"",hide_table_of_contents:!0},b=void 0,h={unversionedId:"webdev/Components/Table",id:"webdev/Components/Table",title:"Table",description:"",source:"@site/docs/webdev/5-Components/25-Table.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Table",permalink:"/volto-eea-design-system/docs/webdev/Components/Table",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/table_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:25,frontMatter:{title:"Table",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Searchbox",permalink:"/volto-eea-design-system/docs/webdev/Components/Search/Searchbox"},next:{title:"Visuals",permalink:"/volto-eea-design-system/docs/category/visuals"}},g=[],v={toc:g},f="wrapper";function w(e){let{components:t,...n}=e;return(0,a.yg)(f,(0,o.c)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(r.cp,{usage:(0,a.yg)(u,{mdxType:"Usage"}),showcase:(0,a.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>i});var o=n(5072),a=(n(1504),n(5788)),r=n(8264);function l(){const{siteConfig:e}=(0,r.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},u="wrapper";function i(e){let{components:t,...n}=e;return(0,a.yg)(u,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("div",{className:"frameWrapper"},(0,a.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}i.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>v});var o=n(5072),a=n(1504),r=n(5788),l=n(3664),s=n(7676);const u=function(){const e=(0,a.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var i=n(7572),c=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:l,className:s}=e,d=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),y=(0,i.wn)(m,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const b=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==b&&!m.some((e=>e.value===b)))throw new Error(`Docusaurus error: The has a defaultValue "${b}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:h,setTabGroupChoices:g}=u(),[v,f]=(0,a.useState)(b),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,i.MV)();if(null!=l){const e=h[l];null!=e&&e!==v&&m.some((t=>t.value===e))&&f(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==v&&(T(t),f(o),null!=l&&g(l,o))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:v===t?0:-1,"aria-selected":v===t,className:(0,c.c)("tabs__item",p.tabItem,{"tabs__item--active":v===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,a.cloneElement)(d.filter((e=>e.props.value===v))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==v})))))}function m(e){const t=(0,l.c)();return a.createElement(d,(0,o.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function b(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const h={toc:[],getValues:b},g="wrapper";function v(e){let{components:t,...n}=e;return(0,r.yg)(g,(0,o.c)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(m,{defaultValue:"usage",values:b(n),mdxType:"Tabs"},(0,r.yg)(y,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.yg)(y,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.yg)(y,{value:"api",mdxType:"TabItem"},n.api)))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/14eb3368.a0bb9c94.js b/docs/assets/js/14eb3368.a0bb9c94.js new file mode 100644 index 0000000000..1c3631e681 --- /dev/null +++ b/docs/assets/js/14eb3368.a0bb9c94.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9576],{8880:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var a=n(1504),i=n(7572),r=n(6016),l=n(4971);const c={cardContainer:"cardContainer_w8bb",cardContainerLink:"cardContainerLink_AhGd",cardTitle:"cardTitle_t-cI",cardDescription:"cardDescription_aEbl"};var s=n(8136);function o(e){let{href:t,children:n}=e;const i=(0,l.c)("card margin-bottom--lg padding--lg",c.cardContainer,t&&c.cardContainerLink);return t?a.createElement(r.c,{href:t,className:i},n):a.createElement("div",{className:i},n)}function d(e){let{href:t,icon:n,title:i,description:r}=e;return a.createElement(o,{href:t},a.createElement("h2",{className:(0,l.c)("text--truncate",c.cardTitle),title:i},n," ",i),a.createElement("div",{className:(0,l.c)("text--truncate",c.cardDescription),title:r},r))}function m(e){let{item:t}=e;const n=(0,i.OQ)(t);return a.createElement(d,{href:n,icon:"\ud83d\uddc3\ufe0f",title:t.label,description:`${t.items.length} items`})}function u(e){let{item:t}=e;const n=(0,s.c)(t.href)?"\ud83d\udcc4\ufe0f":"\ud83d\udd17",r=(0,i._4)(t.docId??void 0);return a.createElement(d,{href:t.href,icon:n,title:t.label,description:r?.description})}function v(e){let{item:t}=e;switch(t.type){case"link":return a.createElement(u,{item:t});case"category":return a.createElement(m,{item:t});default:throw new Error(`unknown item type ${JSON.stringify(t)}`)}}function h(e){let{items:t}=e;return a.createElement("div",{className:"row"},t.map(((e,t)=>a.createElement("article",{key:t,className:"col col--6"},a.createElement(v,{item:e})))))}var g=n(2504),E=n(6068),b=n(7848),p=n(3908),f=n(9192);const N={generatedIndexPage:"generatedIndexPage_aEAk",title:"title_2-6Y"};function k(e){let{categoryGeneratedIndex:t}=e;const n=(0,i.wt)();return a.createElement(a.Fragment,null,a.createElement(E.c,{title:t.title,description:t.description}),a.createElement("div",{className:N.generatedIndexPage},a.createElement(b.c,null),a.createElement(p.c,null),a.createElement("header",null,a.createElement(f.a,{className:N.title},t.title),t.description&&a.createElement("p",null,t.description)),a.createElement("main",{className:"margin-top--lg"},a.createElement(h,{items:n.items})),a.createElement("footer",{className:"margin-top--lg"},a.createElement(g.c,{previous:t.navigation.previous,next:t.navigation.next}))))}},2504:(e,t,n)=>{n.d(t,{c:()=>l});var a=n(1504),i=n(6016),r=n(4357);const l=function(e){const{previous:t,next:n}=e;return a.createElement("nav",{className:"pagination-nav docusaurus-mt-lg","aria-label":(0,r.G)({id:"theme.docs.paginator.navAriaLabel",message:"Docs pages navigation",description:"The ARIA label for the docs pagination"})},a.createElement("div",{className:"pagination-nav__item"},t&&a.createElement(i.c,{className:"pagination-nav__link",to:t.permalink},a.createElement("div",{className:"pagination-nav__sublabel"},a.createElement(r.c,{id:"theme.docs.paginator.previous",description:"The label used to navigate to the previous doc"},"Previous")),a.createElement("div",{className:"pagination-nav__label"},"\xab ",t.title))),a.createElement("div",{className:"pagination-nav__item pagination-nav__item--next"},n&&a.createElement(i.c,{className:"pagination-nav__link",to:n.permalink},a.createElement("div",{className:"pagination-nav__sublabel"},a.createElement(r.c,{id:"theme.docs.paginator.next",description:"The label used to navigate to the next doc"},"Next")),a.createElement("div",{className:"pagination-nav__label"},n.title," \xbb"))))}},3908:(e,t,n)=>{n.d(t,{c:()=>l});var a=n(1504),i=n(7572),r=n(4971);function l(e){let{className:t}=e;const n=(0,i.EB)();return n.badge?a.createElement("span",{className:(0,r.c)(t,i.Wu.docs.docVersionBadge,"badge badge--secondary")},"Version: ",n.label):null}},7848:(e,t,n)=>{n.d(t,{c:()=>h});var a=n(1504),i=n(8264),r=n(6016),l=n(4357),c=n(3920),s=n(7572),o=n(4971);const d={unreleased:function(e){let{siteTitle:t,versionMetadata:n}=e;return a.createElement(l.c,{id:"theme.docs.versions.unreleasedVersionLabel",description:"The label used to tell the user that he's browsing an unreleased doc version",values:{siteTitle:t,versionLabel:a.createElement("b",null,n.label)}},"This is unreleased documentation for {siteTitle} {versionLabel} version.")},unmaintained:function(e){let{siteTitle:t,versionMetadata:n}=e;return a.createElement(l.c,{id:"theme.docs.versions.unmaintainedVersionLabel",description:"The label used to tell the user that he's browsing an unmaintained doc version",values:{siteTitle:t,versionLabel:a.createElement("b",null,n.label)}},"This is documentation for {siteTitle} {versionLabel}, which is no longer actively maintained.")}};function m(e){const t=d[e.versionMetadata.banner];return a.createElement(t,e)}function u(e){let{versionLabel:t,to:n,onClick:i}=e;return a.createElement(l.c,{id:"theme.docs.versions.latestVersionSuggestionLabel",description:"The label used to tell the user to check the latest version",values:{versionLabel:t,latestVersionLink:a.createElement("b",null,a.createElement(r.c,{to:n,onClick:i},a.createElement(l.c,{id:"theme.docs.versions.latestVersionLinkLabel",description:"The label used for the latest version suggestion link label"},"latest version")))}},"For up-to-date documentation, see the {latestVersionLink} ({versionLabel}).")}function v(e){let{className:t,versionMetadata:n}=e;const{siteConfig:{title:r}}=(0,i.c)(),{pluginId:l}=(0,c.UF)({failfast:!0}),{savePreferredVersionName:d}=(0,s.iy)(l),{latestDocSuggestion:v,latestVersionSuggestion:h}=(0,c.i8)(l),g=v??(E=h).docs.find((e=>e.id===E.mainDocId));var E;return a.createElement("div",{className:(0,o.c)(t,s.Wu.docs.docVersionBanner,"alert alert--warning margin-bottom--md"),role:"alert"},a.createElement("div",null,a.createElement(m,{siteTitle:r,versionMetadata:n})),a.createElement("div",{className:"margin-top--md"},a.createElement(u,{versionLabel:h.label,to:g.path,onClick:()=>d(h.name)})))}function h(e){let{className:t}=e;const n=(0,s.EB)();return n.banner?a.createElement(v,{className:t,versionMetadata:n}):null}},9192:(e,t,n)=>{n.d(t,{a:()=>d,c:()=>m});var a=n(5072),i=n(1504),r=n(4971),l=n(4357),c=n(7572);const s="anchorWithStickyNavbar_y2LR",o="anchorWithHideOnScrollNavbar_3ly5",d=e=>{let{...t}=e;return i.createElement("header",null,i.createElement("h1",(0,a.c)({},t,{id:void 0}),t.children))},m=e=>{return"h1"===e?d:(t=e,e=>{let{id:n,...d}=e;const{navbar:{hideOnScroll:m}}=(0,c.yw)();return n?i.createElement(t,(0,a.c)({},d,{className:(0,r.c)("anchor",{[o]:m,[s]:!m}),id:n}),d.children,i.createElement("a",{"aria-hidden":"true",className:"hash-link",href:`#${n}`,title:(0,l.G)({id:"theme.common.headingLinkTitle",message:"Direct link to heading",description:"Title for link to heading"})},"\u200b")):i.createElement(t,d)});var t}}}]); \ No newline at end of file diff --git a/docs/assets/js/14eb3368.d6f1bb65.js b/docs/assets/js/14eb3368.d6f1bb65.js deleted file mode 100644 index c413226f77..0000000000 --- a/docs/assets/js/14eb3368.d6f1bb65.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9817],{8507:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var a=n(7294),i=n(3810),r=n(9960),l=n(6010);const s={cardContainer:"cardContainer_w8bb",cardContainerLink:"cardContainerLink_AhGd",cardTitle:"cardTitle_t-cI",cardDescription:"cardDescription_aEbl"};var c=n(3919);function o(e){let{href:t,children:n}=e;const i=(0,l.Z)("card margin-bottom--lg padding--lg",s.cardContainer,t&&s.cardContainerLink);return t?a.createElement(r.Z,{href:t,className:i},n):a.createElement("div",{className:i},n)}function d(e){let{href:t,icon:n,title:i,description:r}=e;return a.createElement(o,{href:t},a.createElement("h2",{className:(0,l.Z)("text--truncate",s.cardTitle),title:i},n," ",i),a.createElement("div",{className:(0,l.Z)("text--truncate",s.cardDescription),title:r},r))}function m(e){let{item:t}=e;const n=(0,i.Wl)(t);return a.createElement(d,{href:n,icon:"\ud83d\uddc3\ufe0f",title:t.label,description:`${t.items.length} items`})}function u(e){let{item:t}=e;const n=(0,c.Z)(t.href)?"\ud83d\udcc4\ufe0f":"\ud83d\udd17",r=(0,i.xz)(t.docId??void 0);return a.createElement(d,{href:t.href,icon:n,title:t.label,description:r?.description})}function v(e){let{item:t}=e;switch(t.type){case"link":return a.createElement(u,{item:t});case"category":return a.createElement(m,{item:t});default:throw new Error(`unknown item type ${JSON.stringify(t)}`)}}function h(e){let{items:t}=e;return a.createElement("div",{className:"row"},t.map(((e,t)=>a.createElement("article",{key:t,className:"col col--6"},a.createElement(v,{item:e})))))}var g=n(1101),E=n(1217),b=n(4474),p=n(7597),f=n(9649);const N={generatedIndexPage:"generatedIndexPage_aEAk",title:"title_2-6Y"};function k(e){let{categoryGeneratedIndex:t}=e;const n=(0,i.jA)();return a.createElement(a.Fragment,null,a.createElement(E.Z,{title:t.title,description:t.description}),a.createElement("div",{className:N.generatedIndexPage},a.createElement(b.Z,null),a.createElement(p.Z,null),a.createElement("header",null,a.createElement(f.N,{className:N.title},t.title),t.description&&a.createElement("p",null,t.description)),a.createElement("main",{className:"margin-top--lg"},a.createElement(h,{items:n.items})),a.createElement("footer",{className:"margin-top--lg"},a.createElement(g.Z,{previous:t.navigation.previous,next:t.navigation.next}))))}},1101:(e,t,n)=>{n.d(t,{Z:()=>l});var a=n(7294),i=n(9960),r=n(5999);const l=function(e){const{previous:t,next:n}=e;return a.createElement("nav",{className:"pagination-nav docusaurus-mt-lg","aria-label":(0,r.I)({id:"theme.docs.paginator.navAriaLabel",message:"Docs pages navigation",description:"The ARIA label for the docs pagination"})},a.createElement("div",{className:"pagination-nav__item"},t&&a.createElement(i.Z,{className:"pagination-nav__link",to:t.permalink},a.createElement("div",{className:"pagination-nav__sublabel"},a.createElement(r.Z,{id:"theme.docs.paginator.previous",description:"The label used to navigate to the previous doc"},"Previous")),a.createElement("div",{className:"pagination-nav__label"},"\xab ",t.title))),a.createElement("div",{className:"pagination-nav__item pagination-nav__item--next"},n&&a.createElement(i.Z,{className:"pagination-nav__link",to:n.permalink},a.createElement("div",{className:"pagination-nav__sublabel"},a.createElement(r.Z,{id:"theme.docs.paginator.next",description:"The label used to navigate to the next doc"},"Next")),a.createElement("div",{className:"pagination-nav__label"},n.title," \xbb"))))}},7597:(e,t,n)=>{n.d(t,{Z:()=>l});var a=n(7294),i=n(3810),r=n(6010);function l(e){let{className:t}=e;const n=(0,i.E6)();return n.badge?a.createElement("span",{className:(0,r.Z)(t,i.kM.docs.docVersionBadge,"badge badge--secondary")},"Version: ",n.label):null}},4474:(e,t,n)=>{n.d(t,{Z:()=>h});var a=n(7294),i=n(2263),r=n(9960),l=n(5999),s=n(907),c=n(3810),o=n(6010);const d={unreleased:function(e){let{siteTitle:t,versionMetadata:n}=e;return a.createElement(l.Z,{id:"theme.docs.versions.unreleasedVersionLabel",description:"The label used to tell the user that he's browsing an unreleased doc version",values:{siteTitle:t,versionLabel:a.createElement("b",null,n.label)}},"This is unreleased documentation for {siteTitle} {versionLabel} version.")},unmaintained:function(e){let{siteTitle:t,versionMetadata:n}=e;return a.createElement(l.Z,{id:"theme.docs.versions.unmaintainedVersionLabel",description:"The label used to tell the user that he's browsing an unmaintained doc version",values:{siteTitle:t,versionLabel:a.createElement("b",null,n.label)}},"This is documentation for {siteTitle} {versionLabel}, which is no longer actively maintained.")}};function m(e){const t=d[e.versionMetadata.banner];return a.createElement(t,e)}function u(e){let{versionLabel:t,to:n,onClick:i}=e;return a.createElement(l.Z,{id:"theme.docs.versions.latestVersionSuggestionLabel",description:"The label used to tell the user to check the latest version",values:{versionLabel:t,latestVersionLink:a.createElement("b",null,a.createElement(r.Z,{to:n,onClick:i},a.createElement(l.Z,{id:"theme.docs.versions.latestVersionLinkLabel",description:"The label used for the latest version suggestion link label"},"latest version")))}},"For up-to-date documentation, see the {latestVersionLink} ({versionLabel}).")}function v(e){let{className:t,versionMetadata:n}=e;const{siteConfig:{title:r}}=(0,i.Z)(),{pluginId:l}=(0,s.gA)({failfast:!0}),{savePreferredVersionName:d}=(0,c.J)(l),{latestDocSuggestion:v,latestVersionSuggestion:h}=(0,s.Jo)(l),g=v??(E=h).docs.find((e=>e.id===E.mainDocId));var E;return a.createElement("div",{className:(0,o.Z)(t,c.kM.docs.docVersionBanner,"alert alert--warning margin-bottom--md"),role:"alert"},a.createElement("div",null,a.createElement(m,{siteTitle:r,versionMetadata:n})),a.createElement("div",{className:"margin-top--md"},a.createElement(u,{versionLabel:h.label,to:g.path,onClick:()=>d(h.name)})))}function h(e){let{className:t}=e;const n=(0,c.E6)();return n.banner?a.createElement(v,{className:t,versionMetadata:n}):null}},9649:(e,t,n)=>{n.d(t,{N:()=>d,Z:()=>m});var a=n(7462),i=n(7294),r=n(6010),l=n(5999),s=n(3810);const c="anchorWithStickyNavbar_y2LR",o="anchorWithHideOnScrollNavbar_3ly5",d=e=>{let{...t}=e;return i.createElement("header",null,i.createElement("h1",(0,a.Z)({},t,{id:void 0}),t.children))},m=e=>{return"h1"===e?d:(t=e,e=>{let{id:n,...d}=e;const{navbar:{hideOnScroll:m}}=(0,s.LU)();return n?i.createElement(t,(0,a.Z)({},d,{className:(0,r.Z)("anchor",{[o]:m,[c]:!m}),id:n}),d.children,i.createElement("a",{"aria-hidden":"true",className:"hash-link",href:`#${n}`,title:(0,l.I)({id:"theme.common.headingLinkTitle",message:"Direct link to heading",description:"Title for link to heading"})},"\u200b")):i.createElement(t,d)});var t}}}]); \ No newline at end of file diff --git a/docs/assets/js/17896441.6d7b2f82.js b/docs/assets/js/17896441.6d7b2f82.js deleted file mode 100644 index 8c5d672d6c..0000000000 --- a/docs/assets/js/17896441.6d7b2f82.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[7918],{2190:(e,t,a)=>{a.r(t),a.d(t,{default:()=>F});var n=a(7294),l=a(6010),s=a(3783),i=a(1101),o=a(4474),r=a(7597),c=a(1217),d=a(5999),m=a(3810);function u(e){let{lastUpdatedAt:t,formattedLastUpdatedAt:a}=e;return n.createElement(d.Z,{id:"theme.lastUpdated.atDate",description:"The words used to describe on which date a page has been last updated",values:{date:n.createElement("b",null,n.createElement("time",{dateTime:new Date(1e3*t).toISOString()},a))}}," on {date}")}function p(e){let{lastUpdatedBy:t}=e;return n.createElement(d.Z,{id:"theme.lastUpdated.byUser",description:"The words used to describe by who the page has been last updated",values:{user:n.createElement("b",null,t)}}," by {user}")}function v(e){let{lastUpdatedAt:t,formattedLastUpdatedAt:a,lastUpdatedBy:l}=e;return n.createElement("span",{className:m.kM.common.lastUpdated},n.createElement(d.Z,{id:"theme.lastUpdated.lastUpdatedAtBy",description:"The sentence used to display when a page has been last updated, and by who",values:{atDate:t&&a?n.createElement(u,{lastUpdatedAt:t,formattedLastUpdatedAt:a}):"",byUser:l?n.createElement(p,{lastUpdatedBy:l}):""}},"Last updated{atDate}{byUser}"),!1)}var g=a(7462);const h="iconEdit_mS5F";const b=function(e){let{className:t,...a}=e;return n.createElement("svg",(0,g.Z)({fill:"currentColor",height:"20",width:"20",viewBox:"0 0 40 40",className:(0,l.Z)(h,t),"aria-hidden":"true"},a),n.createElement("g",null,n.createElement("path",{d:"m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"})))};function E(e){let{editUrl:t}=e;return n.createElement("a",{href:t,target:"_blank",rel:"noreferrer noopener",className:m.kM.common.editThisPage},n.createElement(b,null),n.createElement(d.Z,{id:"theme.common.editThisPage",description:"The link label to edit the current page"},"Edit this page"))}var N=a(9960);const f="tag_WK-t",k="tagRegular_LXbV",_="tagWithCount_S5Zl";const L=function(e){const{permalink:t,name:a,count:s}=e;return n.createElement(N.Z,{href:t,className:(0,l.Z)(f,{[k]:!s,[_]:s})},a,s&&n.createElement("span",null,s))},C={tags:"tags_NBRY",tag:"tag_F03v"};function Z(e){let{tags:t}=e;return n.createElement(n.Fragment,null,n.createElement("b",null,n.createElement(d.Z,{id:"theme.tags.tagsListLabel",description:"The label alongside a tag list"},"Tags:")),n.createElement("ul",{className:(0,l.Z)(C.tags,"padding--none","margin-left--sm")},t.map((e=>{let{label:t,permalink:a}=e;return n.createElement("li",{key:a,className:C.tag},n.createElement(L,{name:t,permalink:a}))}))))}const U={lastUpdated:"lastUpdated_mt2f"};function T(e){return n.createElement("div",{className:(0,l.Z)(m.kM.docs.docFooterTagsRow,"row margin-bottom--sm")},n.createElement("div",{className:"col"},n.createElement(Z,e)))}function y(e){let{editUrl:t,lastUpdatedAt:a,lastUpdatedBy:s,formattedLastUpdatedAt:i}=e;return n.createElement("div",{className:(0,l.Z)(m.kM.docs.docFooterEditMetaRow,"row")},n.createElement("div",{className:"col"},t&&n.createElement(E,{editUrl:t})),n.createElement("div",{className:(0,l.Z)("col",U.lastUpdated)},(a||s)&&n.createElement(v,{lastUpdatedAt:a,formattedLastUpdatedAt:i,lastUpdatedBy:s})))}function w(e){const{content:t}=e,{metadata:a}=t,{editUrl:s,lastUpdatedAt:i,formattedLastUpdatedAt:o,lastUpdatedBy:r,tags:c}=a,d=c.length>0,u=!!(s||i||r);return d||u?n.createElement("footer",{className:(0,l.Z)(m.kM.docs.docFooter,"docusaurus-mt-lg")},d&&n.createElement(T,{tags:c}),u&&n.createElement(y,{editUrl:s,lastUpdatedAt:i,lastUpdatedBy:r,formattedLastUpdatedAt:o})):null}function M(e){let{toc:t,className:a,linkClassName:l,isChild:s}=e;return t.length?n.createElement("ul",{className:s?void 0:a},t.map((e=>n.createElement("li",{key:e.id},n.createElement("a",{href:`#${e.id}`,className:l??void 0,dangerouslySetInnerHTML:{__html:e.value}}),n.createElement(M,{isChild:!0,toc:e.children,className:a,linkClassName:l}))))):null}function A(e){let{toc:t,className:a="table-of-contents table-of-contents__left-border",linkClassName:l="table-of-contents__link",linkActiveClassName:s,minHeadingLevel:i,maxHeadingLevel:o,...r}=e;const c=(0,m.LU)(),d=i??c.tableOfContents.minHeadingLevel,u=o??c.tableOfContents.maxHeadingLevel,p=(0,m.DA)({toc:t,minHeadingLevel:d,maxHeadingLevel:u}),v=(0,n.useMemo)((()=>{if(l&&s)return{linkClassName:l,linkActiveClassName:s,minHeadingLevel:d,maxHeadingLevel:u}}),[l,s,d,u]);return(0,m.Si)(v),n.createElement(M,(0,g.Z)({toc:p,className:a,linkClassName:l},r))}const x="tableOfContents_vrFS";const H=function(e){let{className:t,...a}=e;return n.createElement("div",{className:(0,l.Z)(x,"thin-scrollbar",t)},n.createElement(A,(0,g.Z)({},a,{linkClassName:"table-of-contents__link toc-highlight",linkActiveClassName:"table-of-contents__link--active"})))},B={tocCollapsible:"tocCollapsible_aw-L",tocCollapsibleButton:"tocCollapsibleButton_zr6a",tocCollapsibleContent:"tocCollapsibleContent_0dom",tocCollapsibleExpanded:"tocCollapsibleExpanded_FSiv"};function S(e){let{toc:t,className:a,minHeadingLevel:s,maxHeadingLevel:i}=e;const{collapsed:o,toggleCollapsed:r}=(0,m.uR)({initialState:!0});return n.createElement("div",{className:(0,l.Z)(B.tocCollapsible,{[B.tocCollapsibleExpanded]:!o},a)},n.createElement("button",{type:"button",className:(0,l.Z)("clean-btn",B.tocCollapsibleButton),onClick:r},n.createElement(d.Z,{id:"theme.TOCCollapsible.toggleButtonLabel",description:"The label used by the button on the collapsible TOC component"},"On this page")),n.createElement(m.zF,{lazy:!0,className:B.tocCollapsibleContent,collapsed:o},n.createElement(A,{toc:t,minHeadingLevel:s,maxHeadingLevel:i})))}var I=a(9649);const V={docItemContainer:"docItemContainer_oiyr",docItemCol:"docItemCol_zHA2",tocMobile:"tocMobile_Tx6Y"};function F(e){const{content:t}=e,{metadata:a,frontMatter:d}=t,{image:u,keywords:p,hide_title:v,hide_table_of_contents:g,toc_min_heading_level:h,toc_max_heading_level:b}=d,{description:E,title:N}=a,f=!v&&void 0===t.contentTitle,k=(0,s.Z)(),_=!g&&t.toc&&t.toc.length>0,L=_&&("desktop"===k||"ssr"===k);return n.createElement(n.Fragment,null,n.createElement(c.Z,{title:N,description:E,keywords:p,image:u}),n.createElement("div",{className:"row"},n.createElement("div",{className:(0,l.Z)("col",{[V.docItemCol]:!g})},n.createElement(o.Z,null),n.createElement("div",{className:V.docItemContainer},n.createElement("article",null,n.createElement(r.Z,null),_&&n.createElement(S,{toc:t.toc,minHeadingLevel:h,maxHeadingLevel:b,className:(0,l.Z)(m.kM.docs.docTocMobile,V.tocMobile)}),n.createElement("div",{className:(0,l.Z)(m.kM.docs.docMarkdown,"markdown")},f&&n.createElement(I.N,null,N),n.createElement(t,null)),n.createElement(w,e)),n.createElement(i.Z,{previous:a.previous,next:a.next}))),L&&n.createElement("div",{className:"col col--3"},n.createElement(H,{toc:t.toc,minHeadingLevel:h,maxHeadingLevel:b,className:m.kM.docs.docTocDesktop}))))}},1101:(e,t,a)=>{a.d(t,{Z:()=>i});var n=a(7294),l=a(9960),s=a(5999);const i=function(e){const{previous:t,next:a}=e;return n.createElement("nav",{className:"pagination-nav docusaurus-mt-lg","aria-label":(0,s.I)({id:"theme.docs.paginator.navAriaLabel",message:"Docs pages navigation",description:"The ARIA label for the docs pagination"})},n.createElement("div",{className:"pagination-nav__item"},t&&n.createElement(l.Z,{className:"pagination-nav__link",to:t.permalink},n.createElement("div",{className:"pagination-nav__sublabel"},n.createElement(s.Z,{id:"theme.docs.paginator.previous",description:"The label used to navigate to the previous doc"},"Previous")),n.createElement("div",{className:"pagination-nav__label"},"\xab ",t.title))),n.createElement("div",{className:"pagination-nav__item pagination-nav__item--next"},a&&n.createElement(l.Z,{className:"pagination-nav__link",to:a.permalink},n.createElement("div",{className:"pagination-nav__sublabel"},n.createElement(s.Z,{id:"theme.docs.paginator.next",description:"The label used to navigate to the next doc"},"Next")),n.createElement("div",{className:"pagination-nav__label"},a.title," \xbb"))))}},7597:(e,t,a)=>{a.d(t,{Z:()=>i});var n=a(7294),l=a(3810),s=a(6010);function i(e){let{className:t}=e;const a=(0,l.E6)();return a.badge?n.createElement("span",{className:(0,s.Z)(t,l.kM.docs.docVersionBadge,"badge badge--secondary")},"Version: ",a.label):null}},4474:(e,t,a)=>{a.d(t,{Z:()=>v});var n=a(7294),l=a(2263),s=a(9960),i=a(5999),o=a(907),r=a(3810),c=a(6010);const d={unreleased:function(e){let{siteTitle:t,versionMetadata:a}=e;return n.createElement(i.Z,{id:"theme.docs.versions.unreleasedVersionLabel",description:"The label used to tell the user that he's browsing an unreleased doc version",values:{siteTitle:t,versionLabel:n.createElement("b",null,a.label)}},"This is unreleased documentation for {siteTitle} {versionLabel} version.")},unmaintained:function(e){let{siteTitle:t,versionMetadata:a}=e;return n.createElement(i.Z,{id:"theme.docs.versions.unmaintainedVersionLabel",description:"The label used to tell the user that he's browsing an unmaintained doc version",values:{siteTitle:t,versionLabel:n.createElement("b",null,a.label)}},"This is documentation for {siteTitle} {versionLabel}, which is no longer actively maintained.")}};function m(e){const t=d[e.versionMetadata.banner];return n.createElement(t,e)}function u(e){let{versionLabel:t,to:a,onClick:l}=e;return n.createElement(i.Z,{id:"theme.docs.versions.latestVersionSuggestionLabel",description:"The label used to tell the user to check the latest version",values:{versionLabel:t,latestVersionLink:n.createElement("b",null,n.createElement(s.Z,{to:a,onClick:l},n.createElement(i.Z,{id:"theme.docs.versions.latestVersionLinkLabel",description:"The label used for the latest version suggestion link label"},"latest version")))}},"For up-to-date documentation, see the {latestVersionLink} ({versionLabel}).")}function p(e){let{className:t,versionMetadata:a}=e;const{siteConfig:{title:s}}=(0,l.Z)(),{pluginId:i}=(0,o.gA)({failfast:!0}),{savePreferredVersionName:d}=(0,r.J)(i),{latestDocSuggestion:p,latestVersionSuggestion:v}=(0,o.Jo)(i),g=p??(h=v).docs.find((e=>e.id===h.mainDocId));var h;return n.createElement("div",{className:(0,c.Z)(t,r.kM.docs.docVersionBanner,"alert alert--warning margin-bottom--md"),role:"alert"},n.createElement("div",null,n.createElement(m,{siteTitle:s,versionMetadata:a})),n.createElement("div",{className:"margin-top--md"},n.createElement(u,{versionLabel:v.label,to:g.path,onClick:()=>d(v.name)})))}function v(e){let{className:t}=e;const a=(0,r.E6)();return a.banner?n.createElement(p,{className:t,versionMetadata:a}):null}},9649:(e,t,a)=>{a.d(t,{N:()=>d,Z:()=>m});var n=a(7462),l=a(7294),s=a(6010),i=a(5999),o=a(3810);const r="anchorWithStickyNavbar_y2LR",c="anchorWithHideOnScrollNavbar_3ly5",d=e=>{let{...t}=e;return l.createElement("header",null,l.createElement("h1",(0,n.Z)({},t,{id:void 0}),t.children))},m=e=>{return"h1"===e?d:(t=e,e=>{let{id:a,...d}=e;const{navbar:{hideOnScroll:m}}=(0,o.LU)();return a?l.createElement(t,(0,n.Z)({},d,{className:(0,s.Z)("anchor",{[c]:m,[r]:!m}),id:a}),d.children,l.createElement("a",{"aria-hidden":"true",className:"hash-link",href:`#${a}`,title:(0,i.I)({id:"theme.common.headingLinkTitle",message:"Direct link to heading",description:"Title for link to heading"})},"\u200b")):l.createElement(t,d)});var t}}}]); \ No newline at end of file diff --git a/docs/assets/js/17896441.f6439667.js b/docs/assets/js/17896441.f6439667.js new file mode 100644 index 0000000000..358bfaf1ee --- /dev/null +++ b/docs/assets/js/17896441.f6439667.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6752],{3280:(e,t,a)=>{a.r(t),a.d(t,{default:()=>I});var n=a(1504),l=a(4971),s=a(8072),i=a(2504),c=a(7848),o=a(3908),r=a(6068),d=a(4357),m=a(7572);function u(e){let{lastUpdatedAt:t,formattedLastUpdatedAt:a}=e;return n.createElement(d.c,{id:"theme.lastUpdated.atDate",description:"The words used to describe on which date a page has been last updated",values:{date:n.createElement("b",null,n.createElement("time",{dateTime:new Date(1e3*t).toISOString()},a))}}," on {date}")}function v(e){let{lastUpdatedBy:t}=e;return n.createElement(d.c,{id:"theme.lastUpdated.byUser",description:"The words used to describe by who the page has been last updated",values:{user:n.createElement("b",null,t)}}," by {user}")}function p(e){let{lastUpdatedAt:t,formattedLastUpdatedAt:a,lastUpdatedBy:l}=e;return n.createElement("span",{className:m.Wu.common.lastUpdated},n.createElement(d.c,{id:"theme.lastUpdated.lastUpdatedAtBy",description:"The sentence used to display when a page has been last updated, and by who",values:{atDate:t&&a?n.createElement(u,{lastUpdatedAt:t,formattedLastUpdatedAt:a}):"",byUser:l?n.createElement(v,{lastUpdatedBy:l}):""}},"Last updated{atDate}{byUser}"),!1)}var g=a(5072);const h="iconEdit_mS5F";const b=function(e){let{className:t,...a}=e;return n.createElement("svg",(0,g.c)({fill:"currentColor",height:"20",width:"20",viewBox:"0 0 40 40",className:(0,l.c)(h,t),"aria-hidden":"true"},a),n.createElement("g",null,n.createElement("path",{d:"m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"})))};function E(e){let{editUrl:t}=e;return n.createElement("a",{href:t,target:"_blank",rel:"noreferrer noopener",className:m.Wu.common.editThisPage},n.createElement(b,null),n.createElement(d.c,{id:"theme.common.editThisPage",description:"The link label to edit the current page"},"Edit this page"))}var f=a(6016);const N="tag_WK-t",_="tagRegular_LXbV",C="tagWithCount_S5Zl";const L=function(e){const{permalink:t,name:a,count:s}=e;return n.createElement(f.c,{href:t,className:(0,l.c)(N,{[_]:!s,[C]:s})},a,s&&n.createElement("span",null,s))},k={tags:"tags_NBRY",tag:"tag_F03v"};function U(e){let{tags:t}=e;return n.createElement(n.Fragment,null,n.createElement("b",null,n.createElement(d.c,{id:"theme.tags.tagsListLabel",description:"The label alongside a tag list"},"Tags:")),n.createElement("ul",{className:(0,l.c)(k.tags,"padding--none","margin-left--sm")},t.map((e=>{let{label:t,permalink:a}=e;return n.createElement("li",{key:a,className:k.tag},n.createElement(L,{name:t,permalink:a}))}))))}const T={lastUpdated:"lastUpdated_mt2f"};function y(e){return n.createElement("div",{className:(0,l.c)(m.Wu.docs.docFooterTagsRow,"row margin-bottom--sm")},n.createElement("div",{className:"col"},n.createElement(U,e)))}function w(e){let{editUrl:t,lastUpdatedAt:a,lastUpdatedBy:s,formattedLastUpdatedAt:i}=e;return n.createElement("div",{className:(0,l.c)(m.Wu.docs.docFooterEditMetaRow,"row")},n.createElement("div",{className:"col"},t&&n.createElement(E,{editUrl:t})),n.createElement("div",{className:(0,l.c)("col",T.lastUpdated)},(a||s)&&n.createElement(p,{lastUpdatedAt:a,formattedLastUpdatedAt:i,lastUpdatedBy:s})))}function A(e){const{content:t}=e,{metadata:a}=t,{editUrl:s,lastUpdatedAt:i,formattedLastUpdatedAt:c,lastUpdatedBy:o,tags:r}=a,d=r.length>0,u=!!(s||i||o);return d||u?n.createElement("footer",{className:(0,l.c)(m.Wu.docs.docFooter,"docusaurus-mt-lg")},d&&n.createElement(y,{tags:r}),u&&n.createElement(w,{editUrl:s,lastUpdatedAt:i,lastUpdatedBy:o,formattedLastUpdatedAt:c})):null}function x(e){let{toc:t,className:a,linkClassName:l,isChild:s}=e;return t.length?n.createElement("ul",{className:s?void 0:a},t.map((e=>n.createElement("li",{key:e.id},n.createElement("a",{href:`#${e.id}`,className:l??void 0,dangerouslySetInnerHTML:{__html:e.value}}),n.createElement(x,{isChild:!0,toc:e.children,className:a,linkClassName:l}))))):null}function H(e){let{toc:t,className:a="table-of-contents table-of-contents__left-border",linkClassName:l="table-of-contents__link",linkActiveClassName:s,minHeadingLevel:i,maxHeadingLevel:c,...o}=e;const r=(0,m.yw)(),d=i??r.tableOfContents.minHeadingLevel,u=c??r.tableOfContents.maxHeadingLevel,v=(0,m.oz)({toc:t,minHeadingLevel:d,maxHeadingLevel:u}),p=(0,n.useMemo)((()=>{if(l&&s)return{linkClassName:l,linkActiveClassName:s,minHeadingLevel:d,maxHeadingLevel:u}}),[l,s,d,u]);return(0,m.e4)(p),n.createElement(x,(0,g.c)({toc:v,className:a,linkClassName:l},o))}const B="tableOfContents_vrFS";const M=function(e){let{className:t,...a}=e;return n.createElement("div",{className:(0,l.c)(B,"thin-scrollbar",t)},n.createElement(H,(0,g.c)({},a,{linkClassName:"table-of-contents__link toc-highlight",linkActiveClassName:"table-of-contents__link--active"})))},S={tocCollapsible:"tocCollapsible_aw-L",tocCollapsibleButton:"tocCollapsibleButton_zr6a",tocCollapsibleContent:"tocCollapsibleContent_0dom",tocCollapsibleExpanded:"tocCollapsibleExpanded_FSiv"};function W(e){let{toc:t,className:a,minHeadingLevel:s,maxHeadingLevel:i}=e;const{collapsed:c,toggleCollapsed:o}=(0,m.au)({initialState:!0});return n.createElement("div",{className:(0,l.c)(S.tocCollapsible,{[S.tocCollapsibleExpanded]:!c},a)},n.createElement("button",{type:"button",className:(0,l.c)("clean-btn",S.tocCollapsibleButton),onClick:o},n.createElement(d.c,{id:"theme.TOCCollapsible.toggleButtonLabel",description:"The label used by the button on the collapsible TOC component"},"On this page")),n.createElement(m.Uv,{lazy:!0,className:S.tocCollapsibleContent,collapsed:c},n.createElement(H,{toc:t,minHeadingLevel:s,maxHeadingLevel:i})))}var V=a(9192);const F={docItemContainer:"docItemContainer_oiyr",docItemCol:"docItemCol_zHA2",tocMobile:"tocMobile_Tx6Y"};function I(e){const{content:t}=e,{metadata:a,frontMatter:d}=t,{image:u,keywords:v,hide_title:p,hide_table_of_contents:g,toc_min_heading_level:h,toc_max_heading_level:b}=d,{description:E,title:f}=a,N=!p&&void 0===t.contentTitle,_=(0,s.c)(),C=!g&&t.toc&&t.toc.length>0,L=C&&("desktop"===_||"ssr"===_);return n.createElement(n.Fragment,null,n.createElement(r.c,{title:f,description:E,keywords:v,image:u}),n.createElement("div",{className:"row"},n.createElement("div",{className:(0,l.c)("col",{[F.docItemCol]:!g})},n.createElement(c.c,null),n.createElement("div",{className:F.docItemContainer},n.createElement("article",null,n.createElement(o.c,null),C&&n.createElement(W,{toc:t.toc,minHeadingLevel:h,maxHeadingLevel:b,className:(0,l.c)(m.Wu.docs.docTocMobile,F.tocMobile)}),n.createElement("div",{className:(0,l.c)(m.Wu.docs.docMarkdown,"markdown")},N&&n.createElement(V.a,null,f),n.createElement(t,null)),n.createElement(A,e)),n.createElement(i.c,{previous:a.previous,next:a.next}))),L&&n.createElement("div",{className:"col col--3"},n.createElement(M,{toc:t.toc,minHeadingLevel:h,maxHeadingLevel:b,className:m.Wu.docs.docTocDesktop}))))}},2504:(e,t,a)=>{a.d(t,{c:()=>i});var n=a(1504),l=a(6016),s=a(4357);const i=function(e){const{previous:t,next:a}=e;return n.createElement("nav",{className:"pagination-nav docusaurus-mt-lg","aria-label":(0,s.G)({id:"theme.docs.paginator.navAriaLabel",message:"Docs pages navigation",description:"The ARIA label for the docs pagination"})},n.createElement("div",{className:"pagination-nav__item"},t&&n.createElement(l.c,{className:"pagination-nav__link",to:t.permalink},n.createElement("div",{className:"pagination-nav__sublabel"},n.createElement(s.c,{id:"theme.docs.paginator.previous",description:"The label used to navigate to the previous doc"},"Previous")),n.createElement("div",{className:"pagination-nav__label"},"\xab ",t.title))),n.createElement("div",{className:"pagination-nav__item pagination-nav__item--next"},a&&n.createElement(l.c,{className:"pagination-nav__link",to:a.permalink},n.createElement("div",{className:"pagination-nav__sublabel"},n.createElement(s.c,{id:"theme.docs.paginator.next",description:"The label used to navigate to the next doc"},"Next")),n.createElement("div",{className:"pagination-nav__label"},a.title," \xbb"))))}},3908:(e,t,a)=>{a.d(t,{c:()=>i});var n=a(1504),l=a(7572),s=a(4971);function i(e){let{className:t}=e;const a=(0,l.EB)();return a.badge?n.createElement("span",{className:(0,s.c)(t,l.Wu.docs.docVersionBadge,"badge badge--secondary")},"Version: ",a.label):null}},7848:(e,t,a)=>{a.d(t,{c:()=>p});var n=a(1504),l=a(8264),s=a(6016),i=a(4357),c=a(3920),o=a(7572),r=a(4971);const d={unreleased:function(e){let{siteTitle:t,versionMetadata:a}=e;return n.createElement(i.c,{id:"theme.docs.versions.unreleasedVersionLabel",description:"The label used to tell the user that he's browsing an unreleased doc version",values:{siteTitle:t,versionLabel:n.createElement("b",null,a.label)}},"This is unreleased documentation for {siteTitle} {versionLabel} version.")},unmaintained:function(e){let{siteTitle:t,versionMetadata:a}=e;return n.createElement(i.c,{id:"theme.docs.versions.unmaintainedVersionLabel",description:"The label used to tell the user that he's browsing an unmaintained doc version",values:{siteTitle:t,versionLabel:n.createElement("b",null,a.label)}},"This is documentation for {siteTitle} {versionLabel}, which is no longer actively maintained.")}};function m(e){const t=d[e.versionMetadata.banner];return n.createElement(t,e)}function u(e){let{versionLabel:t,to:a,onClick:l}=e;return n.createElement(i.c,{id:"theme.docs.versions.latestVersionSuggestionLabel",description:"The label used to tell the user to check the latest version",values:{versionLabel:t,latestVersionLink:n.createElement("b",null,n.createElement(s.c,{to:a,onClick:l},n.createElement(i.c,{id:"theme.docs.versions.latestVersionLinkLabel",description:"The label used for the latest version suggestion link label"},"latest version")))}},"For up-to-date documentation, see the {latestVersionLink} ({versionLabel}).")}function v(e){let{className:t,versionMetadata:a}=e;const{siteConfig:{title:s}}=(0,l.c)(),{pluginId:i}=(0,c.UF)({failfast:!0}),{savePreferredVersionName:d}=(0,o.iy)(i),{latestDocSuggestion:v,latestVersionSuggestion:p}=(0,c.i8)(i),g=v??(h=p).docs.find((e=>e.id===h.mainDocId));var h;return n.createElement("div",{className:(0,r.c)(t,o.Wu.docs.docVersionBanner,"alert alert--warning margin-bottom--md"),role:"alert"},n.createElement("div",null,n.createElement(m,{siteTitle:s,versionMetadata:a})),n.createElement("div",{className:"margin-top--md"},n.createElement(u,{versionLabel:p.label,to:g.path,onClick:()=>d(p.name)})))}function p(e){let{className:t}=e;const a=(0,o.EB)();return a.banner?n.createElement(v,{className:t,versionMetadata:a}):null}},9192:(e,t,a)=>{a.d(t,{a:()=>d,c:()=>m});var n=a(5072),l=a(1504),s=a(4971),i=a(4357),c=a(7572);const o="anchorWithStickyNavbar_y2LR",r="anchorWithHideOnScrollNavbar_3ly5",d=e=>{let{...t}=e;return l.createElement("header",null,l.createElement("h1",(0,n.c)({},t,{id:void 0}),t.children))},m=e=>{return"h1"===e?d:(t=e,e=>{let{id:a,...d}=e;const{navbar:{hideOnScroll:m}}=(0,c.yw)();return a?l.createElement(t,(0,n.c)({},d,{className:(0,s.c)("anchor",{[r]:m,[o]:!m}),id:a}),d.children,l.createElement("a",{"aria-hidden":"true",className:"hash-link",href:`#${a}`,title:(0,i.G)({id:"theme.common.headingLinkTitle",message:"Direct link to heading",description:"Title for link to heading"})},"\u200b")):l.createElement(t,d)});var t}}}]); \ No newline at end of file diff --git a/docs/assets/js/1a10606c.17a82dfd.js b/docs/assets/js/1a10606c.17a82dfd.js new file mode 100644 index 0000000000..2dacab6047 --- /dev/null +++ b/docs/assets/js/1a10606c.17a82dfd.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4236],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>g});var a=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s=a.createContext({}),u=function(e){var t=a.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return a.createElement(s.Provider,{value:t},e.children)},p="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},d=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,s=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),p=u(n),d=r,g=p["".concat(s,".").concat(d)]||p[d]||m[d]||o;return n?a.createElement(g,l(l({ref:t},c),{},{components:n})):a.createElement(g,l({ref:t},c))}));function g(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,l=new Array(o);l[0]=d;var i={};for(var s in t)hasOwnProperty.call(t,s)&&(i[s]=t[s]);i.originalType=e,i[p]="string"==typeof e?e:r,l[1]=i;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>N,frontMatter:()=>g,metadata:()=>b,toc:()=>f});var a=n(5072),r=(n(1504),n(5788)),o=n(7144);const l={toc:[{value:"Anatomy",id:"anatomy",children:[],level:3},{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3}]},i="wrapper";function s(e){let{components:t,...o}=e;return(0,r.yg)(i,(0,a.c)({},l,o,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"The core footer provides supplementary information such as copyright, legal, privacy, social media, contact information and links to other important sites within the EEA. It is always placed at the bottom of every page. ",(0,r.yg)("b",null," Always use a footer when building your page ")),(0,r.yg)("p",null,(0,r.yg)("img",{src:n(1188).c})),(0,r.yg)("h3",{id:"anatomy"},"Anatomy"),(0,r.yg)("table",null,(0,r.yg)("thead",{parentName:"table"},(0,r.yg)("tr",{parentName:"thead"},(0,r.yg)("th",{parentName:"tr",align:null},"\u039d\u03bf."),(0,r.yg)("th",{parentName:"tr",align:null},"Components"),(0,r.yg)("th",{parentName:"tr",align:null},"Mandatory"),(0,r.yg)("th",{parentName:"tr",align:null},"Description"))),(0,r.yg)("tbody",{parentName:"table"},(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"1"),(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"EEA logo")),(0,r.yg)("td",{parentName:"tr",align:null},"yes"),(0,r.yg)("td",{parentName:"tr",align:null},"Logo of European Environment Agency (EEA)")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"2"),(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"EIONET logo")),(0,r.yg)("td",{parentName:"tr",align:null},"yes"),(0,r.yg)("td",{parentName:"tr",align:null},"Logo of European Environment Information and Observation Network")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"3"),(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"Contact information"),(0,r.yg)("br",null)),(0,r.yg)("td",{parentName:"tr",align:null},"yes"),(0,r.yg)("td",{parentName:"tr",align:null},"Links to the associated services available through the EEA site")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"4"),(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"Social media")),(0,r.yg)("td",{parentName:"tr",align:null},"yes"),(0,r.yg)("td",{parentName:"tr",align:null},"Links to social EEA's social media")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"5"),(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"Environmental information systems")),(0,r.yg)("td",{parentName:"tr",align:null},"yes"),(0,r.yg)("td",{parentName:"tr",align:null},"European Information Systems")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"6"),(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"Legal navigation")),(0,r.yg)("td",{parentName:"tr",align:null},"yes"),(0,r.yg)("td",{parentName:"tr",align:null},"Contains legal information links - consistent throughout the family sites")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"7"),(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"Content owner details")),(0,r.yg)("td",{parentName:"tr",align:null},"yes"),(0,r.yg)("td",{parentName:"tr",align:null},"Indicates ownership over the site's content")))),(0,r.yg)("h3",{id:"dos"},"Do's"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"make sure the footer contain all the elements in the anatomy table above")),(0,r.yg)("h3",{id:"donts"},"Don'ts"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"don't use more than one footer per page")))}s.isMDXComponent=!0;var u=n(4620);const c={toc:[]},p="wrapper";function m(e){let{components:t,...n}=e;return(0,r.yg)(p,(0,a.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(u.cp,{id:"layout-footer--default",height:"1000",mdxType:"Iframe"}," "))}m.isMDXComponent=!0;d="AccordionJSDoc";var d;const g={title:"Site Footer",description:"",hide_table_of_contents:!0},y=void 0,b={unversionedId:"webdev/Templates/SiteFooter",id:"webdev/Templates/SiteFooter",title:"Site Footer",description:"",source:"@site/docs/webdev/4-Templates/3-SiteFooter.mdx",sourceDirName:"webdev/4-Templates",slug:"/webdev/Templates/SiteFooter",permalink:"/volto-eea-design-system/docs/webdev/Templates/SiteFooter",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/4-Templates/3-SiteFooter.mdx",tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"Site Footer",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Site Header",permalink:"/volto-eea-design-system/docs/webdev/Templates/SiteHeader"},next:{title:"Page Header",permalink:"/volto-eea-design-system/docs/webdev/Templates/PageHeader"}},f=[],v={toc:f},h="wrapper";function N(e){let{components:t,...n}=e;return(0,r.yg)(h,(0,a.c)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(o.cp,{usage:(0,r.yg)(s,{mdxType:"Usage"}),showcase:(0,r.yg)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}N.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>u});var a=n(5072),r=(n(1504),n(5788)),o=n(8264);function l(){const{siteConfig:e}=(0,o.c)(),{customFields:t}=e;return t.storyBookUrl}const i={toc:[],getUrl:l},s="wrapper";function u(e){let{components:t,...n}=e;return(0,r.yg)(s,(0,a.c)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>v});var a=n(5072),r=n(1504),o=n(5788),l=n(3664),i=n(7676);const s=function(){const e=(0,r.useContext)(i.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(7572),c=n(4971);const p={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:n,defaultValue:a,values:o,groupId:l,className:i}=e,m=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=o??m.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),g=(0,u.wn)(d,((e,t)=>e.value===t.value));if(g.length>0)throw new Error(`Docusaurus error: Duplicate values "${g.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===a?a:a??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==y&&!d.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:f}=s(),[v,h]=(0,r.useState)(y),N=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.MV)();if(null!=l){const e=b[l];null!=e&&e!==v&&d.some((t=>t.value===e))&&h(e)}const T=e=>{const t=e.currentTarget,n=N.indexOf(t),a=d[n].value;a!==v&&(w(t),h(a),null!=l&&f(l,a))},E=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=N.indexOf(e.currentTarget)+1;t=N[n]||N[0];break}case"ArrowLeft":{const n=N.indexOf(e.currentTarget)-1;t=N[n]||N[N.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":n},i)},d.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:v===t?0:-1,"aria-selected":v===t,className:(0,c.c)("tabs__item",p.tabItem,{"tabs__item--active":v===t}),key:t,ref:e=>N.push(e),onKeyDown:E,onFocus:T,onClick:T},n??t)}))),t?(0,r.cloneElement)(m.filter((e=>e.props.value===v))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==v})))))}function d(e){const t=(0,l.c)();return r.createElement(m,(0,a.c)({key:String(t)},e))}const g=function(e){let{children:t,hidden:n,className:a}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:a},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:y},f="wrapper";function v(e){let{components:t,...n}=e;return(0,o.yg)(f,(0,a.c)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(d,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,o.yg)(g,{value:"usage",mdxType:"TabItem"},n.usage),(0,o.yg)(g,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,o.yg)(g,{value:"api",mdxType:"TabItem"},n.api)))}v.isMDXComponent=!0},1188:(e,t,n)=>{n.d(t,{c:()=>a});const a=n.p+"assets/images/footer-elements-5372482011916ad559b7b4a9f7c180d1.jpg"}}]); \ No newline at end of file diff --git a/docs/assets/js/1a10606c.216f709e.js b/docs/assets/js/1a10606c.216f709e.js deleted file mode 100644 index 3be5a06541..0000000000 --- a/docs/assets/js/1a10606c.216f709e.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4521],{3905:(e,t,n)=>{n.d(t,{Zo:()=>p,kt:()=>g});var a=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s=a.createContext({}),u=function(e){var t=a.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},p=function(e){var t=u(e.components);return a.createElement(s.Provider,{value:t},e.children)},c="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},d=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,s=e.parentName,p=i(e,["components","mdxType","originalType","parentName"]),c=u(n),d=r,g=c["".concat(s,".").concat(d)]||c[d]||m[d]||o;return n?a.createElement(g,l(l({ref:t},p),{},{components:n})):a.createElement(g,l({ref:t},p))}));function g(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,l=new Array(o);l[0]=d;var i={};for(var s in t)hasOwnProperty.call(t,s)&&(i[s]=t[s]);i.originalType=e,i[c]="string"==typeof e?e:r,l[1]=i;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>b,default:()=>h,frontMatter:()=>g,metadata:()=>f,toc:()=>y});var a=n(7462),r=(n(7294),n(3905)),o=n(4037);const l={toc:[{value:"Anatomy",id:"anatomy",children:[],level:3},{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3}]},i="wrapper";function s(e){let{components:t,...o}=e;return(0,r.kt)(i,(0,a.Z)({},l,o,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"The core footer provides supplementary information such as copyright, legal, privacy, social media, contact information and links to other important sites within the EEA. It is always placed at the bottom of every page. ",(0,r.kt)("b",null," Always use a footer when building your page ")),(0,r.kt)("p",null,(0,r.kt)("img",{src:n(9686).Z})),(0,r.kt)("h3",{id:"anatomy"},"Anatomy"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:null},"\u039d\u03bf."),(0,r.kt)("th",{parentName:"tr",align:null},"Components"),(0,r.kt)("th",{parentName:"tr",align:null},"Mandatory"),(0,r.kt)("th",{parentName:"tr",align:null},"Description"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"1"),(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"EEA logo")),(0,r.kt)("td",{parentName:"tr",align:null},"yes"),(0,r.kt)("td",{parentName:"tr",align:null},"Logo of European Environment Agency (EEA)")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"2"),(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"EIONET logo")),(0,r.kt)("td",{parentName:"tr",align:null},"yes"),(0,r.kt)("td",{parentName:"tr",align:null},"Logo of European Environment Information and Observation Network")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"3"),(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"Contact information"),(0,r.kt)("br",null)),(0,r.kt)("td",{parentName:"tr",align:null},"yes"),(0,r.kt)("td",{parentName:"tr",align:null},"Links to the associated services available through the EEA site")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"4"),(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"Social media")),(0,r.kt)("td",{parentName:"tr",align:null},"yes"),(0,r.kt)("td",{parentName:"tr",align:null},"Links to social EEA's social media")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"5"),(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"Environmental information systems")),(0,r.kt)("td",{parentName:"tr",align:null},"yes"),(0,r.kt)("td",{parentName:"tr",align:null},"European Information Systems")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"6"),(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"Legal navigation")),(0,r.kt)("td",{parentName:"tr",align:null},"yes"),(0,r.kt)("td",{parentName:"tr",align:null},"Contains legal information links - consistent throughout the family sites")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"7"),(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"Content owner details")),(0,r.kt)("td",{parentName:"tr",align:null},"yes"),(0,r.kt)("td",{parentName:"tr",align:null},"Indicates ownership over the site's content")))),(0,r.kt)("h3",{id:"dos"},"Do's"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"make sure the footer contain all the elements in the anatomy table above")),(0,r.kt)("h3",{id:"donts"},"Don'ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"don't use more than one footer per page")))}s.isMDXComponent=!0;var u=n(7521);const p={toc:[]},c="wrapper";function m(e){let{components:t,...n}=e;return(0,r.kt)(c,(0,a.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(u.ZP,{id:"layout-footer--default",height:"1000",mdxType:"Iframe"}," "))}m.isMDXComponent=!0;d="AccordionJSDoc";var d;const g={title:"Site Footer",description:"",hide_table_of_contents:!0},b=void 0,f={unversionedId:"webdev/Templates/SiteFooter",id:"webdev/Templates/SiteFooter",title:"Site Footer",description:"",source:"@site/docs/webdev/4-Templates/3-SiteFooter.mdx",sourceDirName:"webdev/4-Templates",slug:"/webdev/Templates/SiteFooter",permalink:"/volto-eea-design-system/docs/webdev/Templates/SiteFooter",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/4-Templates/3-SiteFooter.mdx",tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"Site Footer",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Site Header",permalink:"/volto-eea-design-system/docs/webdev/Templates/SiteHeader"},next:{title:"Page Header",permalink:"/volto-eea-design-system/docs/webdev/Templates/PageHeader"}},y=[],k={toc:y},v="wrapper";function h(e){let{components:t,...n}=e;return(0,r.kt)(v,(0,a.Z)({},k,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(o.ZP,{usage:(0,r.kt)(s,{mdxType:"Usage"}),showcase:(0,r.kt)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}h.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var a=n(7462),r=(n(7294),n(3905)),o=n(2263);function l(){const{siteConfig:e}=(0,o.Z)(),{customFields:t}=e;return t.storyBookUrl}const i={toc:[],getUrl:l},s="wrapper";function u(e){let{components:t,...n}=e;return(0,r.kt)(s,(0,a.Z)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>k});var a=n(7462),r=n(7294),o=n(3905),l=n(2389),i=n(9443);const s=function(){const e=(0,r.useContext)(i.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),p=n(6010);const c={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:n,defaultValue:a,values:o,groupId:l,className:i}=e,m=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=o??m.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),g=(0,u.lx)(d,((e,t)=>e.value===t.value));if(g.length>0)throw new Error(`Docusaurus error: Duplicate values "${g.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const b=null===a?a:a??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==b&&!d.some((e=>e.value===b)))throw new Error(`Docusaurus error: The has a defaultValue "${b}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:y}=s(),[k,v]=(0,r.useState)(b),h=[],{blockElementScrollPositionUntilNextRender:N}=(0,u.o5)();if(null!=l){const e=f[l];null!=e&&e!==k&&d.some((t=>t.value===e))&&v(e)}const w=e=>{const t=e.currentTarget,n=h.indexOf(t),a=d[n].value;a!==k&&(N(t),v(a),null!=l&&y(l,a))},T=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=h.indexOf(e.currentTarget)+1;t=h[n]||h[0];break}case"ArrowLeft":{const n=h.indexOf(e.currentTarget)-1;t=h[n]||h[h.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,p.Z)("tabs",{"tabs--block":n},i)},d.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:k===t?0:-1,"aria-selected":k===t,className:(0,p.Z)("tabs__item",c.tabItem,{"tabs__item--active":k===t}),key:t,ref:e=>h.push(e),onKeyDown:T,onFocus:w,onClick:w},n??t)}))),t?(0,r.cloneElement)(m.filter((e=>e.props.value===k))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==k})))))}function d(e){const t=(0,l.Z)();return r.createElement(m,(0,a.Z)({key:String(t)},e))}const g=function(e){let{children:t,hidden:n,className:a}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:a},t)};function b(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:b},y="wrapper";function k(e){let{components:t,...n}=e;return(0,o.kt)(y,(0,a.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(d,{defaultValue:"usage",values:b(n),mdxType:"Tabs"},(0,o.kt)(g,{value:"usage",mdxType:"TabItem"},n.usage),(0,o.kt)(g,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,o.kt)(g,{value:"api",mdxType:"TabItem"},n.api)))}k.isMDXComponent=!0},9686:(e,t,n)=>{n.d(t,{Z:()=>a});const a=n.p+"assets/images/footer-elements-5372482011916ad559b7b4a9f7c180d1.jpg"}}]); \ No newline at end of file diff --git a/docs/assets/js/1be78505.a4a3adad.js b/docs/assets/js/1be78505.a4a3adad.js deleted file mode 100644 index 0c75a672c5..0000000000 --- a/docs/assets/js/1be78505.a4a3adad.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9514,4608],{3905:(e,t,n)=>{n.d(t,{Zo:()=>d,kt:()=>b});var a=n(7294);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=a.createContext({}),s=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},d=function(e){var t=s(e.components);return a.createElement(i.Provider,{value:t},e.children)},m="mdxType",u={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},p=a.forwardRef((function(e,t){var n=e.components,o=e.mdxType,r=e.originalType,i=e.parentName,d=c(e,["components","mdxType","originalType","parentName"]),m=s(n),p=o,b=m["".concat(i,".").concat(p)]||m[p]||u[p]||r;return n?a.createElement(b,l(l({ref:t},d),{},{components:n})):a.createElement(b,l({ref:t},d))}));function b(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var r=n.length,l=new Array(r);l[0]=p;var c={};for(var i in t)hasOwnProperty.call(t,i)&&(c[i]=t[i]);c.originalType=e,c[m]="string"==typeof e?e:o,l[1]=c;for(var s=2;s{n.r(t),n.d(t,{default:()=>me});var a=n(7294),o=n(3905),r=n(6291),l=n(4161),c=n(6010),i=n(3810),s=n(3783),d=n(5537),m=n(7462);const u=function(e){return a.createElement("svg",(0,m.Z)({width:"20",height:"20","aria-hidden":"true"},e),a.createElement("g",{fill:"#7a7a7a"},a.createElement("path",{d:"M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"}),a.createElement("path",{d:"M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"})))};var p=n(5999),b=n(9960),h=n(3919),y=n(541);const g={menuLinkText:"menuLinkText_OKON",hasHref:"hasHref_TwRn"};var f=n(2389);const v=(0,a.memo)((e=>{let{items:t,...n}=e;return a.createElement(a.Fragment,null,t.map(((e,t)=>a.createElement(k,(0,m.Z)({key:t,item:e},n)))))}));function k(e){let{item:t,...n}=e;return"category"===t.type?0===t.items.length?null:a.createElement(E,(0,m.Z)({item:t},n)):a.createElement(T,(0,m.Z)({item:t},n))}function E(e){let{item:t,onItemClick:n,activePath:o,level:r,...l}=e;const{items:s,label:d,collapsible:u,className:h,href:y}=t,k=function(e){const t=(0,f.Z)();return(0,a.useMemo)((()=>e.href?e.href:!t&&e.collapsible?(0,i.Wl)(e):void 0),[e,t])}(t),E=(0,i._F)(t,o),{collapsed:T,setCollapsed:N,toggleCollapsed:C}=(0,i.uR)({initialState:()=>!!u&&(!E&&t.collapsed)});return function(e){let{isActive:t,collapsed:n,setCollapsed:o}=e;const r=(0,i.D9)(t);(0,a.useEffect)((()=>{t&&!r&&n&&o(!1)}),[t,r,n,o])}({isActive:E,collapsed:T,setCollapsed:N}),a.createElement("li",{className:(0,c.Z)(i.kM.docs.docSidebarItemCategory,i.kM.docs.docSidebarItemCategoryLevel(r),"menu__list-item",{"menu__list-item--collapsed":T},h)},a.createElement("div",{className:"menu__list-item-collapsible"},a.createElement(b.Z,(0,m.Z)({className:(0,c.Z)("menu__link",{"menu__link--sublist":u&&!y,"menu__link--active":E,[g.menuLinkText]:!u,[g.hasHref]:!!k}),onClick:u?e=>{n?.(t),y?N(!1):(e.preventDefault(),C())}:()=>{n?.(t)},href:u?k??"#":k},l),d),y&&u&&a.createElement("button",{"aria-label":(0,p.I)({id:"theme.DocSidebarItem.toggleCollapsedCategoryAriaLabel",message:"Toggle the collapsible sidebar category '{label}'",description:"The ARIA label to toggle the collapsible sidebar category"},{label:d}),type:"button",className:"clean-btn menu__caret",onClick:e=>{e.preventDefault(),C()}})),a.createElement(i.zF,{lazy:!0,as:"ul",className:"menu__list",collapsed:T},a.createElement(v,{items:s,tabIndex:T?-1:0,onItemClick:n,activePath:o,level:r+1})))}function T(e){let{item:t,onItemClick:n,activePath:o,level:r,...l}=e;const{href:s,label:d,className:u}=t,p=(0,i._F)(t,o);return a.createElement("li",{className:(0,c.Z)(i.kM.docs.docSidebarItemLink,i.kM.docs.docSidebarItemLinkLevel(r),"menu__list-item",u),key:d},a.createElement(b.Z,(0,m.Z)({className:(0,c.Z)("menu__link",{"menu__link--active":p}),"aria-current":p?"page":void 0,to:s},(0,h.Z)(s)&&{onClick:n?()=>n(t):void 0},l),(0,h.Z)(s)?d:a.createElement("span",null,d,a.createElement(y.Z,null))))}const N={sidebar:"sidebar_a3j0",sidebarWithHideableNavbar:"sidebarWithHideableNavbar_VlPv",sidebarHidden:"sidebarHidden_OqfG",sidebarLogo:"sidebarLogo_hmkv",menu:"menu_cyFh",menuWithAnnouncementBar:"menuWithAnnouncementBar_+O1J",collapseSidebarButton:"collapseSidebarButton_eoK2",collapseSidebarButtonIcon:"collapseSidebarButtonIcon_e+kA",sidebarMenuIcon:"sidebarMenuIcon_iZzd",sidebarMenuCloseIcon:"sidebarMenuCloseIcon_6kU2"};function C(e){let{onClick:t}=e;return a.createElement("button",{type:"button",title:(0,p.I)({id:"theme.docs.sidebar.collapseButtonTitle",message:"Collapse sidebar",description:"The title attribute for collapse button of doc sidebar"}),"aria-label":(0,p.I)({id:"theme.docs.sidebar.collapseButtonAriaLabel",message:"Collapse sidebar",description:"The title attribute for collapse button of doc sidebar"}),className:(0,c.Z)("button button--secondary button--outline",N.collapseSidebarButton),onClick:t},a.createElement(u,{className:N.collapseSidebarButtonIcon}))}function Z(e){let{path:t,sidebar:n,onCollapse:o,isHidden:r}=e;const l=function(){const{isActive:e}=(0,i.nT)(),[t,n]=(0,a.useState)(e);return(0,i.RF)((t=>{let{scrollY:a}=t;e&&n(0===a)}),[e]),e&&t}(),{navbar:{hideOnScroll:s},hideableSidebar:m}=(0,i.LU)();return a.createElement("div",{className:(0,c.Z)(N.sidebar,{[N.sidebarWithHideableNavbar]:s,[N.sidebarHidden]:r})},s&&a.createElement(d.Z,{tabIndex:-1,className:N.sidebarLogo}),a.createElement("nav",{className:(0,c.Z)("menu thin-scrollbar",N.menu,{[N.menuWithAnnouncementBar]:l})},a.createElement("ul",{className:(0,c.Z)(i.kM.docs.docSidebarMenu,"menu__list")},a.createElement(v,{items:n,activePath:t,level:1}))),m&&a.createElement(C,{onClick:o}))}const _=e=>{let{toggleSidebar:t,sidebar:n,path:o}=e;return a.createElement("ul",{className:(0,c.Z)(i.kM.docs.docSidebarMenu,"menu__list")},a.createElement(v,{items:n,activePath:o,onItemClick:e=>{"category"===e.type&&e.href&&t(),"link"===e.type&&t()},level:1}))};function S(e){return a.createElement(i.Cv,{component:_,props:e})}const O=a.memo(Z),I=a.memo(S);function w(e){const t=(0,s.Z)(),n="desktop"===t||"ssr"===t,o="mobile"===t;return a.createElement(a.Fragment,null,n&&a.createElement(O,e),o&&a.createElement(I,e))}var P=n(2859);const x={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]};var L={Prism:n(7410).default,theme:x};function B(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(){return A=Object.assign||function(e){for(var t=1;t0&&e[n-1]===t?e:e.concat(t)};function F(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&-1===t.indexOf(a)&&(n[a]=e[a]);return n}var R=function(e){function t(){for(var t=this,n=[],a=arguments.length;a--;)n[a]=arguments[a];e.apply(this,n),B(this,"getThemeDict",(function(e){if(void 0!==t.themeDict&&e.theme===t.prevTheme&&e.language===t.prevLanguage)return t.themeDict;t.prevTheme=e.theme,t.prevLanguage=e.language;var n=e.theme?function(e,t){var n=e.plain,a=Object.create(null),o=e.styles.reduce((function(e,n){var a=n.languages,o=n.style;return a&&!a.includes(t)||n.types.forEach((function(t){var n=A({},e[t],o);e[t]=n})),e}),a);return o.root=n,o.plain=A({},n,{backgroundColor:null}),o}(e.theme,e.language):void 0;return t.themeDict=n})),B(this,"getLineProps",(function(e){var n=e.key,a=e.className,o=e.style,r=A({},F(e,["key","className","style","line"]),{className:"token-line",style:void 0,key:void 0}),l=t.getThemeDict(t.props);return void 0!==l&&(r.style=l.plain),void 0!==o&&(r.style=void 0!==r.style?A({},r.style,o):o),void 0!==n&&(r.key=n),a&&(r.className+=" "+a),r})),B(this,"getStyleForToken",(function(e){var n=e.types,a=e.empty,o=n.length,r=t.getThemeDict(t.props);if(void 0!==r){if(1===o&&"plain"===n[0])return a?{display:"inline-block"}:void 0;if(1===o&&!a)return r[n[0]];var l=a?{display:"inline-block"}:{},c=n.map((function(e){return r[e]}));return Object.assign.apply(Object,[l].concat(c))}})),B(this,"getTokenProps",(function(e){var n=e.key,a=e.className,o=e.style,r=e.token,l=A({},F(e,["key","className","style","token"]),{className:"token "+r.types.join(" "),children:r.content,style:t.getStyleForToken(r),key:void 0});return void 0!==o&&(l.style=void 0!==l.style?A({},l.style,o):o),void 0!==n&&(l.key=n),a&&(l.className+=" "+a),l})),B(this,"tokenize",(function(e,t,n,a){var o={code:t,grammar:n,language:a,tokens:[]};e.hooks.run("before-tokenize",o);var r=o.tokens=e.tokenize(o.code,o.grammar,o.language);return e.hooks.run("after-tokenize",o),r}))}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.render=function(){var e=this.props,t=e.Prism,n=e.language,a=e.code,o=e.children,r=this.getThemeDict(this.props),l=t.languages[n];return o({tokens:function(e){for(var t=[[]],n=[e],a=[0],o=[e.length],r=0,l=0,c=[],i=[c];l>-1;){for(;(r=a[l]++)0?d:["plain"],s=m):(d=j(d,m.type),m.alias&&(d=j(d,m.alias)),s=m.content),"string"==typeof s){var u=s.split(M),p=u.length;c.push({types:d,content:u[0]});for(var b=1;b{const{prism:e}=(0,i.LU)(),{isDarkTheme:t}=(0,z.Z)(),n=e.theme||W,a=e.darkTheme||n;return t?a:n},V="codeBlockContainer_J+bg",q="codeBlockContent_csEI",Y="codeBlockTitle_oQzk",J="codeBlock_rtdJ",K="copyButton_M3SB",Q="codeBlockLines_1zSZ";function X(e){let{children:t,className:n,metastring:o,title:r}=e;const{prism:l}=(0,i.LU)(),[s,d]=(0,a.useState)(!1),[u,b]=(0,a.useState)(!1);(0,a.useEffect)((()=>{b(!0)}),[]);const h=(0,i.bc)(o)||r,y=U(),g=Array.isArray(t)?t.join(""):t,f=(0,i.Vo)(n)??l.defaultLanguage,{highlightLines:v,code:k}=(0,i.nZ)(g,o,f),E=()=>{!function(e,t){let{target:n=document.body}=void 0===t?{}:t;if("string"!=typeof e)throw new TypeError(`Expected parameter \`text\` to be a \`string\`, got \`${typeof e}\`.`);const a=document.createElement("textarea"),o=document.activeElement;a.value=e,a.setAttribute("readonly",""),a.style.contain="strict",a.style.position="absolute",a.style.left="-9999px",a.style.fontSize="12pt";const r=document.getSelection(),l=r.rangeCount>0&&r.getRangeAt(0);n.append(a),a.select(),a.selectionStart=0,a.selectionEnd=e.length;let c=!1;try{c=document.execCommand("copy")}catch{}a.remove(),l&&(r.removeAllRanges(),r.addRange(l)),o&&o.focus()}(k),d(!0),setTimeout((()=>d(!1)),2e3)};return a.createElement(H,(0,m.Z)({},L,{key:String(u),theme:y,code:k,language:f}),(e=>{let{className:t,style:o,tokens:r,getLineProps:l,getTokenProps:i}=e;return a.createElement("div",{className:(0,c.Z)(V,n)},h&&a.createElement("div",{style:o,className:Y},h),a.createElement("div",{className:(0,c.Z)(q,f)},a.createElement("pre",{tabIndex:0,className:(0,c.Z)(t,J,"thin-scrollbar"),style:o},a.createElement("code",{className:Q},r.map(((e,t)=>{1===e.length&&"\n"===e[0].content&&(e[0].content="");const n=l({line:e,key:t});return v.includes(t)&&(n.className+=" docusaurus-highlight-code-line"),a.createElement("span",(0,m.Z)({key:t},n),e.map(((e,t)=>a.createElement("span",(0,m.Z)({key:t},i({token:e,key:t}))))),a.createElement("br",null))})))),a.createElement("button",{type:"button","aria-label":(0,p.I)({id:"theme.CodeBlock.copyButtonAriaLabel",message:"Copy code to clipboard",description:"The ARIA label for copy code blocks button"}),className:(0,c.Z)(K,"clean-btn"),onClick:E},s?a.createElement(p.Z,{id:"theme.CodeBlock.copied",description:"The copied button label on code blocks"},"Copied"):a.createElement(p.Z,{id:"theme.CodeBlock.copy",description:"The copy button label on code blocks"},"Copy"))))}))}var $=n(9649);const G="details_h+cY";function ee(e){let{...t}=e;return a.createElement(i.PO,(0,m.Z)({},t,{className:(0,c.Z)("alert alert--info",G,t.className)}))}const te={head:e=>{const t=a.Children.map(e.children,(e=>function(e){if(e?.props?.mdxType&&e?.props?.originalType){const{mdxType:t,originalType:n,...o}=e.props;return a.createElement(e.props.originalType,o)}return e}(e)));return a.createElement(P.Z,e,t)},code:e=>{const{children:t}=e;return(0,a.isValidElement)(t)?t:t.includes("\n")?a.createElement(X,e):a.createElement("code",e)},a:e=>a.createElement(b.Z,e),pre:e=>{const{children:t}=e;return(0,a.isValidElement)(t)&&(0,a.isValidElement)(t?.props?.children)?t.props.children:a.createElement(X,(0,a.isValidElement)(t)?t?.props:{...e})},details:e=>{const t=a.Children.toArray(e.children),n=t.find((e=>"summary"===e?.props?.mdxType)),o=a.createElement(a.Fragment,null,t.filter((e=>e!==n)));return a.createElement(ee,(0,m.Z)({},e,{summary:n}),o)},h1:(0,$.Z)("h1"),h2:(0,$.Z)("h2"),h3:(0,$.Z)("h3"),h4:(0,$.Z)("h4"),h5:(0,$.Z)("h5"),h6:(0,$.Z)("h6")};var ne=n(4608);const ae="backToTopButton_i9tI",oe="backToTopButtonShow_wCmF",re=!1;function le(){const e=(0,a.useRef)(null);return{smoothScrollTop:function(){e.current=re?(window.scrollTo({top:0,behavior:"smooth"}),()=>{}):function(){let e=null;return function t(){const n=document.documentElement.scrollTop;n>0&&(e=requestAnimationFrame(t),window.scrollTo(0,Math.floor(.85*n)))}(),()=>e&&cancelAnimationFrame(e)}()},cancelScrollToTop:()=>e.current?.()}}const ce=function(){const[e,t]=(0,a.useState)(!1),n=(0,a.useRef)(!1),{smoothScrollTop:o,cancelScrollToTop:r}=le();return(0,i.RF)(((e,a)=>{let{scrollY:o}=e;const l=a?.scrollY;if(!l)return;if(n.current)return void(n.current=!1);const c=o{e.location.hash&&(n.current=!0,t(!1))})),a.createElement("button",{"aria-label":(0,p.I)({id:"theme.BackToTopButton.buttonAriaLabel",message:"Scroll back to top",description:"The ARIA label for the back to top button"}),className:(0,c.Z)("clean-btn",i.kM.common.backToTopButton,ae,{[oe]:e}),type:"button",onClick:()=>o()})};var ie=n(6550);const se={docPage:"docPage_lDyR",docMainContainer:"docMainContainer_r8cw",docSidebarContainer:"docSidebarContainer_0YBq",docMainContainerEnhanced:"docMainContainerEnhanced_SOUu",docSidebarContainerHidden:"docSidebarContainerHidden_Qlt2",collapsedDocSidebar:"collapsedDocSidebar_zZpm",expandSidebarButtonIcon:"expandSidebarButtonIcon_cxi8",docItemWrapperEnhanced:"docItemWrapperEnhanced_aT5H"};function de(e){let{currentDocRoute:t,versionMetadata:n,children:r,sidebarName:s}=e;const d=(0,i.Vq)(),{pluginId:m,version:b}=n,[h,y]=(0,a.useState)(!1),[g,f]=(0,a.useState)(!1),v=(0,a.useCallback)((()=>{g&&f(!1),y((e=>!e))}),[g]);return a.createElement(l.Z,{wrapperClassName:i.kM.wrapper.docsPages,pageClassName:i.kM.page.docsDocPage,searchMetadata:{version:b,tag:(0,i.os)(m,b)}},a.createElement("div",{className:se.docPage},a.createElement(ce,null),d&&a.createElement("aside",{className:(0,c.Z)(se.docSidebarContainer,{[se.docSidebarContainerHidden]:h}),onTransitionEnd:e=>{e.currentTarget.classList.contains(se.docSidebarContainer)&&h&&f(!0)}},a.createElement(w,{key:s,sidebar:d,path:t.path,onCollapse:v,isHidden:g}),g&&a.createElement("div",{className:se.collapsedDocSidebar,title:(0,p.I)({id:"theme.docs.sidebar.expandButtonTitle",message:"Expand sidebar",description:"The ARIA label and title attribute for expand button of doc sidebar"}),"aria-label":(0,p.I)({id:"theme.docs.sidebar.expandButtonAriaLabel",message:"Expand sidebar",description:"The ARIA label and title attribute for expand button of doc sidebar"}),tabIndex:0,role:"button",onKeyDown:v,onClick:v},a.createElement(u,{className:se.expandSidebarButtonIcon}))),a.createElement("main",{className:(0,c.Z)(se.docMainContainer,{[se.docMainContainerEnhanced]:h||!d})},a.createElement("div",{className:(0,c.Z)("container padding-top--md padding-bottom--lg",se.docItemWrapper,{[se.docItemWrapperEnhanced]:h})},a.createElement(o.Zo,{components:te},r)))))}const me=function(e){const{route:{routes:t},versionMetadata:n,location:o}=e,l=t.find((e=>(0,ie.LX)(o.pathname,e)));if(!l)return a.createElement(ne.default,null);const c=l.sidebar,s=c?n.docsSidebars[c]:null;return a.createElement(a.Fragment,null,a.createElement(P.Z,null,a.createElement("html",{className:n.className})),a.createElement(i.qu,{version:n},a.createElement(i.bT,{sidebar:s},a.createElement(de,{currentDocRoute:l,versionMetadata:n,sidebarName:c},(0,r.Z)(t,{versionMetadata:n})))))}},9649:(e,t,n)=>{n.d(t,{N:()=>d,Z:()=>m});var a=n(7462),o=n(7294),r=n(6010),l=n(5999),c=n(3810);const i="anchorWithStickyNavbar_y2LR",s="anchorWithHideOnScrollNavbar_3ly5",d=e=>{let{...t}=e;return o.createElement("header",null,o.createElement("h1",(0,a.Z)({},t,{id:void 0}),t.children))},m=e=>{return"h1"===e?d:(t=e,e=>{let{id:n,...d}=e;const{navbar:{hideOnScroll:m}}=(0,c.LU)();return n?o.createElement(t,(0,a.Z)({},d,{className:(0,r.Z)("anchor",{[s]:m,[i]:!m}),id:n}),d.children,o.createElement("a",{"aria-hidden":"true",className:"hash-link",href:`#${n}`,title:(0,l.I)({id:"theme.common.headingLinkTitle",message:"Direct link to heading",description:"Title for link to heading"})},"\u200b")):o.createElement(t,d)});var t}},4608:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var a=n(7294),o=n(4161),r=n(5999);const l=function(){return a.createElement(o.Z,{title:(0,r.I)({id:"theme.NotFound.title",message:"Page Not Found"})},a.createElement("main",{className:"container margin-vert--xl"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col col--6 col--offset-3"},a.createElement("h1",{className:"hero__title"},a.createElement(r.Z,{id:"theme.NotFound.title",description:"The title of the 404 page"},"Page Not Found")),a.createElement("p",null,a.createElement(r.Z,{id:"theme.NotFound.p1",description:"The first paragraph of the 404 page"},"We could not find what you were looking for.")),a.createElement("p",null,a.createElement(r.Z,{id:"theme.NotFound.p2",description:"The 2nd paragraph of the 404 page"},"Please contact the owner of the site that linked you to the original URL and let them know their link is broken."))))))}}}]); \ No newline at end of file diff --git a/docs/assets/js/1be78505.b39166a8.js b/docs/assets/js/1be78505.b39166a8.js new file mode 100644 index 0000000000..9b60aea192 --- /dev/null +++ b/docs/assets/js/1be78505.b39166a8.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9656,6364],{5788:(e,t,n)=>{n.d(t,{Iu:()=>d,yg:()=>b});var a=n(1504);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=a.createContext({}),s=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},d=function(e){var t=s(e.components);return a.createElement(i.Provider,{value:t},e.children)},u="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},p=a.forwardRef((function(e,t){var n=e.components,o=e.mdxType,r=e.originalType,i=e.parentName,d=c(e,["components","mdxType","originalType","parentName"]),u=s(n),p=o,b=u["".concat(i,".").concat(p)]||u[p]||m[p]||r;return n?a.createElement(b,l(l({ref:t},d),{},{components:n})):a.createElement(b,l({ref:t},d))}));function b(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var r=n.length,l=new Array(r);l[0]=p;var c={};for(var i in t)hasOwnProperty.call(t,i)&&(c[i]=t[i]);c.originalType=e,c[u]="string"==typeof e?e:o,l[1]=c;for(var s=2;s{n.r(t),n.d(t,{default:()=>ue});var a=n(1504),o=n(5788),r=n(3315),l=n(7276),c=n(4971),i=n(7572),s=n(8072),d=n(2416),u=n(5072);const m=function(e){return a.createElement("svg",(0,u.c)({width:"20",height:"20","aria-hidden":"true"},e),a.createElement("g",{fill:"#7a7a7a"},a.createElement("path",{d:"M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"}),a.createElement("path",{d:"M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"})))};var p=n(4357),b=n(6016),h=n(8136),y=n(9840);const g={menuLinkText:"menuLinkText_OKON",hasHref:"hasHref_TwRn"};var f=n(3664);const v=(0,a.memo)((e=>{let{items:t,...n}=e;return a.createElement(a.Fragment,null,t.map(((e,t)=>a.createElement(E,(0,u.c)({key:t,item:e},n)))))}));function E(e){let{item:t,...n}=e;return"category"===t.type?0===t.items.length?null:a.createElement(k,(0,u.c)({item:t},n)):a.createElement(T,(0,u.c)({item:t},n))}function k(e){let{item:t,onItemClick:n,activePath:o,level:r,...l}=e;const{items:s,label:d,collapsible:m,className:h,href:y}=t,E=function(e){const t=(0,f.c)();return(0,a.useMemo)((()=>e.href?e.href:!t&&e.collapsible?(0,i.OQ)(e):void 0),[e,t])}(t),k=(0,i.Md)(t,o),{collapsed:T,setCollapsed:N,toggleCollapsed:S}=(0,i.au)({initialState:()=>!!m&&(!k&&t.collapsed)});return function(e){let{isActive:t,collapsed:n,setCollapsed:o}=e;const r=(0,i.i0)(t);(0,a.useEffect)((()=>{t&&!r&&n&&o(!1)}),[t,r,n,o])}({isActive:k,collapsed:T,setCollapsed:N}),a.createElement("li",{className:(0,c.c)(i.Wu.docs.docSidebarItemCategory,i.Wu.docs.docSidebarItemCategoryLevel(r),"menu__list-item",{"menu__list-item--collapsed":T},h)},a.createElement("div",{className:"menu__list-item-collapsible"},a.createElement(b.c,(0,u.c)({className:(0,c.c)("menu__link",{"menu__link--sublist":m&&!y,"menu__link--active":k,[g.menuLinkText]:!m,[g.hasHref]:!!E}),onClick:m?e=>{n?.(t),y?N(!1):(e.preventDefault(),S())}:()=>{n?.(t)},href:m?E??"#":E},l),d),y&&m&&a.createElement("button",{"aria-label":(0,p.G)({id:"theme.DocSidebarItem.toggleCollapsedCategoryAriaLabel",message:"Toggle the collapsible sidebar category '{label}'",description:"The ARIA label to toggle the collapsible sidebar category"},{label:d}),type:"button",className:"clean-btn menu__caret",onClick:e=>{e.preventDefault(),S()}})),a.createElement(i.Uv,{lazy:!0,as:"ul",className:"menu__list",collapsed:T},a.createElement(v,{items:s,tabIndex:T?-1:0,onItemClick:n,activePath:o,level:r+1})))}function T(e){let{item:t,onItemClick:n,activePath:o,level:r,...l}=e;const{href:s,label:d,className:m}=t,p=(0,i.Md)(t,o);return a.createElement("li",{className:(0,c.c)(i.Wu.docs.docSidebarItemLink,i.Wu.docs.docSidebarItemLinkLevel(r),"menu__list-item",m),key:d},a.createElement(b.c,(0,u.c)({className:(0,c.c)("menu__link",{"menu__link--active":p}),"aria-current":p?"page":void 0,to:s},(0,h.c)(s)&&{onClick:n?()=>n(t):void 0},l),(0,h.c)(s)?d:a.createElement("span",null,d,a.createElement(y.c,null))))}const N={sidebar:"sidebar_a3j0",sidebarWithHideableNavbar:"sidebarWithHideableNavbar_VlPv",sidebarHidden:"sidebarHidden_OqfG",sidebarLogo:"sidebarLogo_hmkv",menu:"menu_cyFh",menuWithAnnouncementBar:"menuWithAnnouncementBar_+O1J",collapseSidebarButton:"collapseSidebarButton_eoK2",collapseSidebarButtonIcon:"collapseSidebarButtonIcon_e+kA",sidebarMenuIcon:"sidebarMenuIcon_iZzd",sidebarMenuCloseIcon:"sidebarMenuCloseIcon_6kU2"};function S(e){let{onClick:t}=e;return a.createElement("button",{type:"button",title:(0,p.G)({id:"theme.docs.sidebar.collapseButtonTitle",message:"Collapse sidebar",description:"The title attribute for collapse button of doc sidebar"}),"aria-label":(0,p.G)({id:"theme.docs.sidebar.collapseButtonAriaLabel",message:"Collapse sidebar",description:"The title attribute for collapse button of doc sidebar"}),className:(0,c.c)("button button--secondary button--outline",N.collapseSidebarButton),onClick:t},a.createElement(m,{className:N.collapseSidebarButtonIcon}))}function C(e){let{path:t,sidebar:n,onCollapse:o,isHidden:r}=e;const l=function(){const{isActive:e}=(0,i.el)(),[t,n]=(0,a.useState)(e);return(0,i.SM)((t=>{let{scrollY:a}=t;e&&n(0===a)}),[e]),e&&t}(),{navbar:{hideOnScroll:s},hideableSidebar:u}=(0,i.yw)();return a.createElement("div",{className:(0,c.c)(N.sidebar,{[N.sidebarWithHideableNavbar]:s,[N.sidebarHidden]:r})},s&&a.createElement(d.c,{tabIndex:-1,className:N.sidebarLogo}),a.createElement("nav",{className:(0,c.c)("menu thin-scrollbar",N.menu,{[N.menuWithAnnouncementBar]:l})},a.createElement("ul",{className:(0,c.c)(i.Wu.docs.docSidebarMenu,"menu__list")},a.createElement(v,{items:n,activePath:t,level:1}))),u&&a.createElement(S,{onClick:o}))}const _=e=>{let{toggleSidebar:t,sidebar:n,path:o}=e;return a.createElement("ul",{className:(0,c.c)(i.Wu.docs.docSidebarMenu,"menu__list")},a.createElement(v,{items:n,activePath:o,onItemClick:e=>{"category"===e.type&&e.href&&t(),"link"===e.type&&t()},level:1}))};function w(e){return a.createElement(i.oh,{component:_,props:e})}const O=a.memo(C),P=a.memo(w);function x(e){const t=(0,s.c)(),n="desktop"===t||"ssr"===t,o="mobile"===t;return a.createElement(a.Fragment,null,n&&a.createElement(O,e),o&&a.createElement(P,e))}var I=n(6054);const B={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]};var A={Prism:n(6724).default,theme:B};function L(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(){return j=Object.assign||function(e){for(var t=1;t0&&e[n-1]===t?e:e.concat(t)};function H(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&-1===t.indexOf(a)&&(n[a]=e[a]);return n}var F=function(e){function t(){for(var t=this,n=[],a=arguments.length;a--;)n[a]=arguments[a];e.apply(this,n),L(this,"getThemeDict",(function(e){if(void 0!==t.themeDict&&e.theme===t.prevTheme&&e.language===t.prevLanguage)return t.themeDict;t.prevTheme=e.theme,t.prevLanguage=e.language;var n=e.theme?function(e,t){var n=e.plain,a=Object.create(null),o=e.styles.reduce((function(e,n){var a=n.languages,o=n.style;return a&&!a.includes(t)||n.types.forEach((function(t){var n=j({},e[t],o);e[t]=n})),e}),a);return o.root=n,o.plain=j({},n,{backgroundColor:null}),o}(e.theme,e.language):void 0;return t.themeDict=n})),L(this,"getLineProps",(function(e){var n=e.key,a=e.className,o=e.style,r=j({},H(e,["key","className","style","line"]),{className:"token-line",style:void 0,key:void 0}),l=t.getThemeDict(t.props);return void 0!==l&&(r.style=l.plain),void 0!==o&&(r.style=void 0!==r.style?j({},r.style,o):o),void 0!==n&&(r.key=n),a&&(r.className+=" "+a),r})),L(this,"getStyleForToken",(function(e){var n=e.types,a=e.empty,o=n.length,r=t.getThemeDict(t.props);if(void 0!==r){if(1===o&&"plain"===n[0])return a?{display:"inline-block"}:void 0;if(1===o&&!a)return r[n[0]];var l=a?{display:"inline-block"}:{},c=n.map((function(e){return r[e]}));return Object.assign.apply(Object,[l].concat(c))}})),L(this,"getTokenProps",(function(e){var n=e.key,a=e.className,o=e.style,r=e.token,l=j({},H(e,["key","className","style","token"]),{className:"token "+r.types.join(" "),children:r.content,style:t.getStyleForToken(r),key:void 0});return void 0!==o&&(l.style=void 0!==l.style?j({},l.style,o):o),void 0!==n&&(l.key=n),a&&(l.className+=" "+a),l})),L(this,"tokenize",(function(e,t,n,a){var o={code:t,grammar:n,language:a,tokens:[]};e.hooks.run("before-tokenize",o);var r=o.tokens=e.tokenize(o.code,o.grammar,o.language);return e.hooks.run("after-tokenize",o),r}))}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.render=function(){var e=this.props,t=e.Prism,n=e.language,a=e.code,o=e.children,r=this.getThemeDict(this.props),l=t.languages[n];return o({tokens:function(e){for(var t=[[]],n=[e],a=[0],o=[e.length],r=0,l=0,c=[],i=[c];l>-1;){for(;(r=a[l]++)0?d:["plain"],s=u):(d=W(d,u.type),u.alias&&(d=W(d,u.alias)),s=u.content),"string"==typeof s){var m=s.split(D),p=m.length;c.push({types:d,content:m[0]});for(var b=1;b{const{prism:e}=(0,i.yw)(),{isDarkTheme:t}=(0,G.c)(),n=e.theme||z,a=e.darkTheme||n;return t?a:n},V="codeBlockContainer_J+bg",Y="codeBlockContent_csEI",K="codeBlockTitle_oQzk",U="codeBlock_rtdJ",q="copyButton_M3SB",J="codeBlockLines_1zSZ";function Z(e){let{children:t,className:n,metastring:o,title:r}=e;const{prism:l}=(0,i.yw)(),[s,d]=(0,a.useState)(!1),[m,b]=(0,a.useState)(!1);(0,a.useEffect)((()=>{b(!0)}),[]);const h=(0,i.QH)(o)||r,y=Q(),g=Array.isArray(t)?t.join(""):t,f=(0,i.K2)(n)??l.defaultLanguage,{highlightLines:v,code:E}=(0,i.cj)(g,o,f),k=()=>{!function(e,t){let{target:n=document.body}=void 0===t?{}:t;if("string"!=typeof e)throw new TypeError(`Expected parameter \`text\` to be a \`string\`, got \`${typeof e}\`.`);const a=document.createElement("textarea"),o=document.activeElement;a.value=e,a.setAttribute("readonly",""),a.style.contain="strict",a.style.position="absolute",a.style.left="-9999px",a.style.fontSize="12pt";const r=document.getSelection(),l=r.rangeCount>0&&r.getRangeAt(0);n.append(a),a.select(),a.selectionStart=0,a.selectionEnd=e.length;let c=!1;try{c=document.execCommand("copy")}catch{}a.remove(),l&&(r.removeAllRanges(),r.addRange(l)),o&&o.focus()}(E),d(!0),setTimeout((()=>d(!1)),2e3)};return a.createElement(R,(0,u.c)({},A,{key:String(m),theme:y,code:E,language:f}),(e=>{let{className:t,style:o,tokens:r,getLineProps:l,getTokenProps:i}=e;return a.createElement("div",{className:(0,c.c)(V,n)},h&&a.createElement("div",{style:o,className:K},h),a.createElement("div",{className:(0,c.c)(Y,f)},a.createElement("pre",{tabIndex:0,className:(0,c.c)(t,U,"thin-scrollbar"),style:o},a.createElement("code",{className:J},r.map(((e,t)=>{1===e.length&&"\n"===e[0].content&&(e[0].content="");const n=l({line:e,key:t});return v.includes(t)&&(n.className+=" docusaurus-highlight-code-line"),a.createElement("span",(0,u.c)({key:t},n),e.map(((e,t)=>a.createElement("span",(0,u.c)({key:t},i({token:e,key:t}))))),a.createElement("br",null))})))),a.createElement("button",{type:"button","aria-label":(0,p.G)({id:"theme.CodeBlock.copyButtonAriaLabel",message:"Copy code to clipboard",description:"The ARIA label for copy code blocks button"}),className:(0,c.c)(q,"clean-btn"),onClick:k},s?a.createElement(p.c,{id:"theme.CodeBlock.copied",description:"The copied button label on code blocks"},"Copied"):a.createElement(p.c,{id:"theme.CodeBlock.copy",description:"The copy button label on code blocks"},"Copy"))))}))}var $=n(9192);const X="details_h+cY";function ee(e){let{...t}=e;return a.createElement(i.Sk,(0,u.c)({},t,{className:(0,c.c)("alert alert--info",X,t.className)}))}const te={head:e=>{const t=a.Children.map(e.children,(e=>function(e){if(e?.props?.mdxType&&e?.props?.originalType){const{mdxType:t,originalType:n,...o}=e.props;return a.createElement(e.props.originalType,o)}return e}(e)));return a.createElement(I.c,e,t)},code:e=>{const{children:t}=e;return(0,a.isValidElement)(t)?t:t.includes("\n")?a.createElement(Z,e):a.createElement("code",e)},a:e=>a.createElement(b.c,e),pre:e=>{const{children:t}=e;return(0,a.isValidElement)(t)&&(0,a.isValidElement)(t?.props?.children)?t.props.children:a.createElement(Z,(0,a.isValidElement)(t)?t?.props:{...e})},details:e=>{const t=a.Children.toArray(e.children),n=t.find((e=>"summary"===e?.props?.mdxType)),o=a.createElement(a.Fragment,null,t.filter((e=>e!==n)));return a.createElement(ee,(0,u.c)({},e,{summary:n}),o)},h1:(0,$.c)("h1"),h2:(0,$.c)("h2"),h3:(0,$.c)("h3"),h4:(0,$.c)("h4"),h5:(0,$.c)("h5"),h6:(0,$.c)("h6")};var ne=n(6364);const ae="backToTopButton_i9tI",oe="backToTopButtonShow_wCmF",re=!1;function le(){const e=(0,a.useRef)(null);return{smoothScrollTop:function(){e.current=re?(window.scrollTo({top:0,behavior:"smooth"}),()=>{}):function(){let e=null;return function t(){const n=document.documentElement.scrollTop;n>0&&(e=requestAnimationFrame(t),window.scrollTo(0,Math.floor(.85*n)))}(),()=>e&&cancelAnimationFrame(e)}()},cancelScrollToTop:()=>e.current?.()}}const ce=function(){const[e,t]=(0,a.useState)(!1),n=(0,a.useRef)(!1),{smoothScrollTop:o,cancelScrollToTop:r}=le();return(0,i.SM)(((e,a)=>{let{scrollY:o}=e;const l=a?.scrollY;if(!l)return;if(n.current)return void(n.current=!1);const c=o{e.location.hash&&(n.current=!0,t(!1))})),a.createElement("button",{"aria-label":(0,p.G)({id:"theme.BackToTopButton.buttonAriaLabel",message:"Scroll back to top",description:"The ARIA label for the back to top button"}),className:(0,c.c)("clean-btn",i.Wu.common.backToTopButton,ae,{[oe]:e}),type:"button",onClick:()=>o()})};var ie=n(5592);const se={docPage:"docPage_lDyR",docMainContainer:"docMainContainer_r8cw",docSidebarContainer:"docSidebarContainer_0YBq",docMainContainerEnhanced:"docMainContainerEnhanced_SOUu",docSidebarContainerHidden:"docSidebarContainerHidden_Qlt2",collapsedDocSidebar:"collapsedDocSidebar_zZpm",expandSidebarButtonIcon:"expandSidebarButtonIcon_cxi8",docItemWrapperEnhanced:"docItemWrapperEnhanced_aT5H"};function de(e){let{currentDocRoute:t,versionMetadata:n,children:r,sidebarName:s}=e;const d=(0,i.mp)(),{pluginId:u,version:b}=n,[h,y]=(0,a.useState)(!1),[g,f]=(0,a.useState)(!1),v=(0,a.useCallback)((()=>{g&&f(!1),y((e=>!e))}),[g]);return a.createElement(l.c,{wrapperClassName:i.Wu.wrapper.docsPages,pageClassName:i.Wu.page.docsDocPage,searchMetadata:{version:b,tag:(0,i.SE)(u,b)}},a.createElement("div",{className:se.docPage},a.createElement(ce,null),d&&a.createElement("aside",{className:(0,c.c)(se.docSidebarContainer,{[se.docSidebarContainerHidden]:h}),onTransitionEnd:e=>{e.currentTarget.classList.contains(se.docSidebarContainer)&&h&&f(!0)}},a.createElement(x,{key:s,sidebar:d,path:t.path,onCollapse:v,isHidden:g}),g&&a.createElement("div",{className:se.collapsedDocSidebar,title:(0,p.G)({id:"theme.docs.sidebar.expandButtonTitle",message:"Expand sidebar",description:"The ARIA label and title attribute for expand button of doc sidebar"}),"aria-label":(0,p.G)({id:"theme.docs.sidebar.expandButtonAriaLabel",message:"Expand sidebar",description:"The ARIA label and title attribute for expand button of doc sidebar"}),tabIndex:0,role:"button",onKeyDown:v,onClick:v},a.createElement(m,{className:se.expandSidebarButtonIcon}))),a.createElement("main",{className:(0,c.c)(se.docMainContainer,{[se.docMainContainerEnhanced]:h||!d})},a.createElement("div",{className:(0,c.c)("container padding-top--md padding-bottom--lg",se.docItemWrapper,{[se.docItemWrapperEnhanced]:h})},a.createElement(o.Iu,{components:te},r)))))}const ue=function(e){const{route:{routes:t},versionMetadata:n,location:o}=e,l=t.find((e=>(0,ie.ot)(o.pathname,e)));if(!l)return a.createElement(ne.default,null);const c=l.sidebar,s=c?n.docsSidebars[c]:null;return a.createElement(a.Fragment,null,a.createElement(I.c,null,a.createElement("html",{className:n.className})),a.createElement(i.Q1,{version:n},a.createElement(i.yy,{sidebar:s},a.createElement(de,{currentDocRoute:l,versionMetadata:n,sidebarName:c},(0,r.c)(t,{versionMetadata:n})))))}},9192:(e,t,n)=>{n.d(t,{a:()=>d,c:()=>u});var a=n(5072),o=n(1504),r=n(4971),l=n(4357),c=n(7572);const i="anchorWithStickyNavbar_y2LR",s="anchorWithHideOnScrollNavbar_3ly5",d=e=>{let{...t}=e;return o.createElement("header",null,o.createElement("h1",(0,a.c)({},t,{id:void 0}),t.children))},u=e=>{return"h1"===e?d:(t=e,e=>{let{id:n,...d}=e;const{navbar:{hideOnScroll:u}}=(0,c.yw)();return n?o.createElement(t,(0,a.c)({},d,{className:(0,r.c)("anchor",{[s]:u,[i]:!u}),id:n}),d.children,o.createElement("a",{"aria-hidden":"true",className:"hash-link",href:`#${n}`,title:(0,l.G)({id:"theme.common.headingLinkTitle",message:"Direct link to heading",description:"Title for link to heading"})},"\u200b")):o.createElement(t,d)});var t}},6364:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var a=n(1504),o=n(7276),r=n(4357);const l=function(){return a.createElement(o.c,{title:(0,r.G)({id:"theme.NotFound.title",message:"Page Not Found"})},a.createElement("main",{className:"container margin-vert--xl"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col col--6 col--offset-3"},a.createElement("h1",{className:"hero__title"},a.createElement(r.c,{id:"theme.NotFound.title",description:"The title of the 404 page"},"Page Not Found")),a.createElement("p",null,a.createElement(r.c,{id:"theme.NotFound.p1",description:"The first paragraph of the 404 page"},"We could not find what you were looking for.")),a.createElement("p",null,a.createElement(r.c,{id:"theme.NotFound.p2",description:"The 2nd paragraph of the 404 page"},"Please contact the owner of the site that linked you to the original URL and let them know their link is broken."))))))}}}]); \ No newline at end of file diff --git a/docs/assets/js/1c178b4f.6abca704.js b/docs/assets/js/1c178b4f.a9d20148.js similarity index 54% rename from docs/assets/js/1c178b4f.6abca704.js rename to docs/assets/js/1c178b4f.a9d20148.js index 3c8c438d42..023737df19 100644 --- a/docs/assets/js/1c178b4f.6abca704.js +++ b/docs/assets/js/1c178b4f.a9d20148.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6304],{3905:(e,t,n)=>{n.d(t,{Zo:()=>u,kt:()=>h});var o=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),p=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},u=function(e){var t=p(e.components);return o.createElement(i.Provider,{value:t},e.children)},c="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),c=p(n),m=r,h=c["".concat(i,".").concat(m)]||c[m]||d[m]||a;return n?o.createElement(h,l(l({ref:t},u),{},{components:n})):o.createElement(h,l({ref:t},u))}));function h(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[c]="string"==typeof e?e:r,l[1]=s;for(var p=2;p{n.r(t),n.d(t,{contentTitle:()=>b,default:()=>w,frontMatter:()=>h,metadata:()=>f,toc:()=>v});var o=n(7462),r=(n(7294),n(3905)),a=n(4037);const l={toc:[{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,r.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"A popup (also known as an overlay) is a window or dialog that appears on top of the page content.\nA popup can be classified according to two dimensions:"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"whether the user can interact with the rest of the page, and it is called 'Modal' when the content on the page is disabled until the user explicitly interacts with the overlay or 'Nonmodal' when users can still interact with the background content (for example, by selecting links or tapping buttons) while the overlay remains visible"),(0,r.kt)("li",{parentName:"ul"},"whether the background is dimmed the popup is called a 'Lightbox'")),(0,r.kt)("h3",{id:"dos"},"Do\u2019s"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"present the content in the popup when it\u2019s contextually relevant to the user"),(0,r.kt)("li",{parentName:"ul"},"if you must present critical information (e.g., important warnings to prevent or correct errors) in a popup, be sure to show only one at a time")),(0,r.kt)("h3",{id:"donts"},"Don\u2019ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"do not show a popup before the main page content loads"),(0,r.kt)("li",{parentName:"ul"},"do not display a popup right after the user logs in"),(0,r.kt)("li",{parentName:"ul"},"you should not ask for feedback before people have done anything meaningful"),(0,r.kt)("li",{parentName:"ul"},"do not show multiple popups one after another")))}i.isMDXComponent=!0;var p=n(7521);const u={toc:[{value:"Button Popup",id:"button-popup",children:[],level:2},{value:"Image Popup",id:"image-popup",children:[],level:2}]},c="wrapper";function d(e){let{components:t,...n}=e;return(0,r.kt)(c,(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"button-popup"},"Button Popup"),(0,r.kt)(p.ZP,{id:"components-popup--button-popup",height:"400",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"image-popup"},"Image Popup"),(0,r.kt)(p.ZP,{id:"components-popup--image-popup",height:"400",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="MenuJSDoc";var m;const h={title:"Popup",description:"",hide_table_of_contents:!0},b=void 0,f={unversionedId:"webdev/Components/Popup",id:"webdev/Components/Popup",title:"Popup",description:"",source:"@site/docs/webdev/5-Components/20-Popup.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Popup",permalink:"/volto-eea-design-system/docs/webdev/Components/Popup",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/popup_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:20,frontMatter:{title:"Popup",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Pagination",permalink:"/volto-eea-design-system/docs/webdev/Components/Pagination"},next:{title:"Progress",permalink:"/volto-eea-design-system/docs/webdev/Components/Progress"}},v=[],y={toc:v},g="wrapper";function w(e){let{components:t,...n}=e;return(0,r.kt)(g,(0,o.Z)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(i,{mdxType:"Usage"}),showcase:(0,r.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>p});var o=n(7462),r=(n(7294),n(3905)),a=n(2263);function l(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function p(e){let{components:t,...n}=e;return(0,r.kt)(i,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}p.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var o=n(7462),r=n(7294),a=n(3905),l=n(2389),s=n(9443);const i=function(){const e=(0,r.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var p=n(3810),u=n(6010);const c={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),h=(0,p.lx)(m,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const b=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==b&&!m.some((e=>e.value===b)))throw new Error(`Docusaurus error: The has a defaultValue "${b}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:v}=i(),[y,g]=(0,r.useState)(b),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,p.o5)();if(null!=l){const e=f[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&g(e)}const P=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==y&&(k(t),g(o),null!=l&&v(l,o))},T=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,u.Z)("tabs__item",c.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>w.push(e),onKeyDown:T,onFocus:P,onClick:P},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return r.createElement(d,(0,o.Z)({key:String(t)},e))}const h=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function b(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:b},v="wrapper";function y(e){let{components:t,...n}=e;return(0,a.kt)(v,(0,o.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:b(n),mdxType:"Tabs"},(0,a.kt)(h,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(h,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(h,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3452],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>y});var o=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),p=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},u=function(e){var t=p(e.components);return o.createElement(i.Provider,{value:t},e.children)},c="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),c=p(n),m=r,y=c["".concat(i,".").concat(m)]||c[m]||d[m]||a;return n?o.createElement(y,l(l({ref:t},u),{},{components:n})):o.createElement(y,l({ref:t},u))}));function y(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[c]="string"==typeof e?e:r,l[1]=s;for(var p=2;p{n.r(t),n.d(t,{contentTitle:()=>g,default:()=>w,frontMatter:()=>y,metadata:()=>h,toc:()=>b});var o=n(5072),r=(n(1504),n(5788)),a=n(7144);const l={toc:[{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,r.yg)(s,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"A popup (also known as an overlay) is a window or dialog that appears on top of the page content.\nA popup can be classified according to two dimensions:"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"whether the user can interact with the rest of the page, and it is called 'Modal' when the content on the page is disabled until the user explicitly interacts with the overlay or 'Nonmodal' when users can still interact with the background content (for example, by selecting links or tapping buttons) while the overlay remains visible"),(0,r.yg)("li",{parentName:"ul"},"whether the background is dimmed the popup is called a 'Lightbox'")),(0,r.yg)("h3",{id:"dos"},"Do\u2019s"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"present the content in the popup when it\u2019s contextually relevant to the user"),(0,r.yg)("li",{parentName:"ul"},"if you must present critical information (e.g., important warnings to prevent or correct errors) in a popup, be sure to show only one at a time")),(0,r.yg)("h3",{id:"donts"},"Don\u2019ts"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"do not show a popup before the main page content loads"),(0,r.yg)("li",{parentName:"ul"},"do not display a popup right after the user logs in"),(0,r.yg)("li",{parentName:"ul"},"you should not ask for feedback before people have done anything meaningful"),(0,r.yg)("li",{parentName:"ul"},"do not show multiple popups one after another")))}i.isMDXComponent=!0;var p=n(4620);const u={toc:[{value:"Button Popup",id:"button-popup",children:[],level:2},{value:"Image Popup",id:"image-popup",children:[],level:2}]},c="wrapper";function d(e){let{components:t,...n}=e;return(0,r.yg)(c,(0,o.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("h2",{id:"button-popup"},"Button Popup"),(0,r.yg)(p.cp,{id:"components-popup--button-popup",height:"400",mdxType:"Iframe"}," "),(0,r.yg)("h2",{id:"image-popup"},"Image Popup"),(0,r.yg)(p.cp,{id:"components-popup--image-popup",height:"400",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="MenuJSDoc";var m;const y={title:"Popup",description:"",hide_table_of_contents:!0},g=void 0,h={unversionedId:"webdev/Components/Popup",id:"webdev/Components/Popup",title:"Popup",description:"",source:"@site/docs/webdev/5-Components/20-Popup.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Popup",permalink:"/volto-eea-design-system/docs/webdev/Components/Popup",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/popup_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:20,frontMatter:{title:"Popup",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Pagination",permalink:"/volto-eea-design-system/docs/webdev/Components/Pagination"},next:{title:"Progress",permalink:"/volto-eea-design-system/docs/webdev/Components/Progress"}},b=[],f={toc:b},v="wrapper";function w(e){let{components:t,...n}=e;return(0,r.yg)(v,(0,o.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(a.cp,{usage:(0,r.yg)(i,{mdxType:"Usage"}),showcase:(0,r.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>p});var o=n(5072),r=(n(1504),n(5788)),a=n(8264);function l(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function p(e){let{components:t,...n}=e;return(0,r.yg)(i,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}p.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>f});var o=n(5072),r=n(1504),a=n(5788),l=n(3664),s=n(7676);const i=function(){const e=(0,r.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var p=n(7572),u=n(4971);const c={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),y=(0,p.wn)(m,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const g=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==g&&!m.some((e=>e.value===g)))throw new Error(`Docusaurus error: The has a defaultValue "${g}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:h,setTabGroupChoices:b}=i(),[f,v]=(0,r.useState)(g),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,p.MV)();if(null!=l){const e=h[l];null!=e&&e!==f&&m.some((t=>t.value===e))&&v(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==f&&(T(t),v(o),null!=l&&b(l,o))},P=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:f===t?0:-1,"aria-selected":f===t,className:(0,u.c)("tabs__item",c.tabItem,{"tabs__item--active":f===t}),key:t,ref:e=>w.push(e),onKeyDown:P,onFocus:x,onClick:x},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===f))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==f})))))}function m(e){const t=(0,l.c)();return r.createElement(d,(0,o.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function g(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const h={toc:[],getValues:g},b="wrapper";function f(e){let{components:t,...n}=e;return(0,a.yg)(b,(0,o.c)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(m,{defaultValue:"usage",values:g(n),mdxType:"Tabs"},(0,a.yg)(y,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(y,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(y,{value:"api",mdxType:"TabItem"},n.api)))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/1e6d2369.74ff9fcc.js b/docs/assets/js/1e6d2369.74ff9fcc.js deleted file mode 100644 index 4d54cabe42..0000000000 --- a/docs/assets/js/1e6d2369.74ff9fcc.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[918],{7352:e=>{e.exports=JSON.parse('{"title":"Guidelines","slug":"/category/guidelines","permalink":"/volto-eea-design-system/docs/category/guidelines","navigation":{"previous":{"title":"Web development","permalink":"/volto-eea-design-system/docs/category/web-development"},"next":{"title":"Intro","permalink":"/volto-eea-design-system/docs/webdev/Guidelines/intro"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/1e6d2369.82490766.js b/docs/assets/js/1e6d2369.82490766.js new file mode 100644 index 0000000000..b05ffe2928 --- /dev/null +++ b/docs/assets/js/1e6d2369.82490766.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[8492],{7892:e=>{e.exports=JSON.parse('{"title":"Guidelines","slug":"/category/guidelines","permalink":"/volto-eea-design-system/docs/category/guidelines","navigation":{"previous":{"title":"Web development","permalink":"/volto-eea-design-system/docs/category/web-development"},"next":{"title":"Intro","permalink":"/volto-eea-design-system/docs/webdev/Guidelines/intro"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/1f485700.1237957a.js b/docs/assets/js/1f485700.1237957a.js deleted file mode 100644 index 12959d145e..0000000000 --- a/docs/assets/js/1f485700.1237957a.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3305],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>f});var r=n(7294);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=r.createContext({}),u=function(e){var t=r.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return r.createElement(i.Provider,{value:t},e.children)},p="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},d=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=u(n),d=o,f=p["".concat(i,".").concat(d)]||p[d]||m[d]||a;return n?r.createElement(f,l(l({ref:t},c),{},{components:n})):r.createElement(f,l({ref:t},c))}));function f(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,l=new Array(a);l[0]=d;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:o,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>v,default:()=>w,frontMatter:()=>f,metadata:()=>b,toc:()=>y});var r=n(7462),o=(n(7294),n(3905)),a=n(4037);const l={toc:[]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,o.kt)(s,(0,r.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"No specific UX guidelines"))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Featured Item",id:"featured-item",children:[],level:2},{value:"Item Group",id:"item-group",children:[],level:2}]},p="wrapper";function m(e){let{components:t,...n}=e;return(0,o.kt)(p,(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h2",{id:"featured-item"},"Featured Item"),(0,o.kt)(u.ZP,{id:"components-item--default-item",mdxType:"Iframe"}," "),(0,o.kt)("h2",{id:"item-group"},"Item Group"),(0,o.kt)(u.ZP,{id:"components-item--default-group",mdxType:"Iframe"}," "))}m.isMDXComponent=!0;d="AccordionJSDoc";var d;const f={title:"Item",description:"",hide_table_of_contents:!0},v=void 0,b={unversionedId:"webdev/Components/Item",id:"webdev/Components/Item",title:"Item",description:"",source:"@site/docs/webdev/5-Components/10-Item.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Item",permalink:"/volto-eea-design-system/docs/webdev/Components/Item",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/item_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:10,frontMatter:{title:"Item",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Inpage Navigation",permalink:"/volto-eea-design-system/docs/webdev/Components/Inpage-Navigation"},next:{title:"Labeled icons",permalink:"/volto-eea-design-system/docs/webdev/Components/Labeled-icons"}},y=[],h={toc:y},g="wrapper";function w(e){let{components:t,...n}=e;return(0,o.kt)(g,(0,r.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(a.ZP,{usage:(0,o.kt)(i,{mdxType:"Usage"}),showcase:(0,o.kt)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var r=n(7462),o=(n(7294),n(3905)),a=n(2263);function l(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,o.kt)(i,(0,r.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("div",{className:"frameWrapper"},(0,o.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>h});var r=n(7462),o=n(7294),a=n(3905),l=n(2389),s=n(9443);const i=function(){const e=(0,o.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const p={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:n,defaultValue:r,values:a,groupId:l,className:s}=e,m=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=a??m.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),f=(0,u.lx)(d,((e,t)=>e.value===t.value));if(f.length>0)throw new Error(`Docusaurus error: Duplicate values "${f.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const v=null===r?r:r??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==v&&!d.some((e=>e.value===v)))throw new Error(`Docusaurus error: The has a defaultValue "${v}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:y}=i(),[h,g]=(0,o.useState)(v),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,u.o5)();if(null!=l){const e=b[l];null!=e&&e!==h&&d.some((t=>t.value===e))&&g(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),r=d[n].value;r!==h&&(k(t),g(r),null!=l&&y(l,r))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},d.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:h===t?0:-1,"aria-selected":h===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":h===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,o.cloneElement)(m.filter((e=>e.props.value===h))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==h})))))}function d(e){const t=(0,l.Z)();return o.createElement(m,(0,r.Z)({key:String(t)},e))}const f=function(e){let{children:t,hidden:n,className:r}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function v(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:v},y="wrapper";function h(e){let{components:t,...n}=e;return(0,a.kt)(y,(0,r.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(d,{defaultValue:"usage",values:v(n),mdxType:"Tabs"},(0,a.kt)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(f,{value:"api",mdxType:"TabItem"},n.api)))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/1f485700.5786bbcc.js b/docs/assets/js/1f485700.5786bbcc.js new file mode 100644 index 0000000000..f0fe6f87dc --- /dev/null +++ b/docs/assets/js/1f485700.5786bbcc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4712],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>y});var r=n(1504);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=r.createContext({}),c=function(e){var t=r.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},u=function(e){var t=c(e.components);return r.createElement(i.Provider,{value:t},e.children)},p="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},d=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,i=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),p=c(n),d=o,y=p["".concat(i,".").concat(d)]||p[d]||m[d]||a;return n?r.createElement(y,l(l({ref:t},u),{},{components:n})):r.createElement(y,l({ref:t},u))}));function y(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,l=new Array(a);l[0]=d;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:o,l[1]=s;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>f,default:()=>w,frontMatter:()=>y,metadata:()=>v,toc:()=>b});var r=n(5072),o=(n(1504),n(5788)),a=n(7144);const l={toc:[]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,o.yg)(s,(0,r.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("p",null,"No specific UX guidelines"))}i.isMDXComponent=!0;var c=n(4620);const u={toc:[{value:"Featured Item",id:"featured-item",children:[],level:2},{value:"Item Group",id:"item-group",children:[],level:2}]},p="wrapper";function m(e){let{components:t,...n}=e;return(0,o.yg)(p,(0,r.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("h2",{id:"featured-item"},"Featured Item"),(0,o.yg)(c.cp,{id:"components-item--default-item",mdxType:"Iframe"}," "),(0,o.yg)("h2",{id:"item-group"},"Item Group"),(0,o.yg)(c.cp,{id:"components-item--default-group",mdxType:"Iframe"}," "))}m.isMDXComponent=!0;d="AccordionJSDoc";var d;const y={title:"Item",description:"",hide_table_of_contents:!0},f=void 0,v={unversionedId:"webdev/Components/Item",id:"webdev/Components/Item",title:"Item",description:"",source:"@site/docs/webdev/5-Components/10-Item.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Item",permalink:"/volto-eea-design-system/docs/webdev/Components/Item",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/item_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:10,frontMatter:{title:"Item",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Inpage Navigation",permalink:"/volto-eea-design-system/docs/webdev/Components/Inpage-Navigation"},next:{title:"Labeled icons",permalink:"/volto-eea-design-system/docs/webdev/Components/Labeled-icons"}},b=[],g={toc:b},h="wrapper";function w(e){let{components:t,...n}=e;return(0,o.yg)(h,(0,r.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(a.cp,{usage:(0,o.yg)(i,{mdxType:"Usage"}),showcase:(0,o.yg)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var r=n(5072),o=(n(1504),n(5788)),a=n(8264);function l(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function c(e){let{components:t,...n}=e;return(0,o.yg)(i,(0,r.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("div",{className:"frameWrapper"},(0,o.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>g});var r=n(5072),o=n(1504),a=n(5788),l=n(3664),s=n(7676);const i=function(){const e=(0,o.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:n,defaultValue:r,values:a,groupId:l,className:s}=e,m=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=a??m.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),y=(0,c.wn)(d,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===r?r:r??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==f&&!d.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:b}=i(),[g,h]=(0,o.useState)(f),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.MV)();if(null!=l){const e=v[l];null!=e&&e!==g&&d.some((t=>t.value===e))&&h(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),r=d[n].value;r!==g&&(T(t),h(r),null!=l&&b(l,r))},I=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},s)},d.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:I,onFocus:x,onClick:x},n??t)}))),t?(0,o.cloneElement)(m.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function d(e){const t=(0,l.c)();return o.createElement(m,(0,r.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:n,className:r}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:f},b="wrapper";function g(e){let{components:t,...n}=e;return(0,a.yg)(b,(0,r.c)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(d,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,a.yg)(y,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(y,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(y,{value:"api",mdxType:"TabItem"},n.api)))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/224603d4.2b9b6266.js b/docs/assets/js/224603d4.2b9b6266.js deleted file mode 100644 index 35a2cc4668..0000000000 --- a/docs/assets/js/224603d4.2b9b6266.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9744],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>v});var r=n(7294);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s=r.createContext({}),u=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return r.createElement(s.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,s=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),p=u(n),m=o,v=p["".concat(s,".").concat(m)]||p[m]||d[m]||a;return n?r.createElement(v,l(l({ref:t},c),{},{components:n})):r.createElement(v,l({ref:t},c))}));function v(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,l=new Array(a);l[0]=m;var i={};for(var s in t)hasOwnProperty.call(t,s)&&(i[s]=t[s]);i.originalType=e,i[p]="string"==typeof e?e:o,l[1]=i;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>v,default:()=>g,frontMatter:()=>m,metadata:()=>f,toc:()=>b});var r=n(7462),o=(n(7294),n(3905)),a=n(4037);const l={toc:[]},i="wrapper";function s(e){let{components:t,...n}=e;return(0,o.kt)(i,(0,r.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"The timeline displays a list of events in chronological order."))}s.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Default reversed",id:"default-reversed",children:[],level:2},{value:"Multiple",id:"multiple",children:[],level:2},{value:"Multiple reversed",id:"multiple-reversed",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,o.kt)(p,(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h2",{id:"default"},"Default"),(0,o.kt)(u.ZP,{id:"components-timeline--default",height:"150",mdxType:"Iframe"}," "),(0,o.kt)("h2",{id:"default-reversed"},"Default reversed"),(0,o.kt)(u.ZP,{id:"components-timeline--default-reversed",height:"150",mdxType:"Iframe"}," "),(0,o.kt)("h2",{id:"multiple"},"Multiple"),(0,o.kt)(u.ZP,{id:"components-timeline--multiple",height:"450",mdxType:"Iframe"}," "),(0,o.kt)("h2",{id:"multiple-reversed"},"Multiple reversed"),(0,o.kt)(u.ZP,{id:"components-timeline--multiple-reversed",height:"450",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const m={title:"Timeline",description:"",hide_table_of_contents:!0},v=void 0,f={unversionedId:"webdev/Components/Timeline",id:"webdev/Components/Timeline",title:"Timeline",description:"",source:"@site/docs/webdev/5-Components/28-Timeline.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Timeline",permalink:"/volto-eea-design-system/docs/webdev/Components/Timeline",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/timeline_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:28,frontMatter:{title:"Timeline",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Tags",permalink:"/volto-eea-design-system/docs/webdev/Components/Tags"},next:{title:"Video",permalink:"/volto-eea-design-system/docs/webdev/Components/Video"}},b=[],h={toc:b},y="wrapper";function g(e){let{components:t,...n}=e;return(0,o.kt)(y,(0,r.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(a.ZP,{usage:(0,o.kt)(s,{mdxType:"Usage"}),showcase:(0,o.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}g.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var r=n(7462),o=(n(7294),n(3905)),a=n(2263);function l(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const i={toc:[],getUrl:l},s="wrapper";function u(e){let{components:t,...n}=e;return(0,o.kt)(s,(0,r.Z)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("div",{className:"frameWrapper"},(0,o.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var r=n(7462),o=n(7294),a=n(3905),l=n(2389),i=n(9443);const s=function(){const e=(0,o.useContext)(i.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:r,values:a,groupId:l,className:i}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),v=(0,u.lx)(m,((e,t)=>e.value===t.value));if(v.length>0)throw new Error(`Docusaurus error: Duplicate values "${v.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===r?r:r??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==f&&!m.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:h}=s(),[y,g]=(0,o.useState)(f),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,u.o5)();if(null!=l){const e=b[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&g(e)}const k=e=>{const t=e.currentTarget,n=w.indexOf(t),r=m[n].value;r!==y&&(T(t),g(r),null!=l&&h(l,r))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},i)},m.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:k,onClick:k},n??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return o.createElement(d,(0,r.Z)({key:String(t)},e))}const v=function(e){let{children:t,hidden:n,className:r}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:f},h="wrapper";function y(e){let{components:t,...n}=e;return(0,a.kt)(h,(0,r.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,a.kt)(v,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(v,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(v,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/224603d4.320b3b85.js b/docs/assets/js/224603d4.320b3b85.js new file mode 100644 index 0000000000..51ecdac082 --- /dev/null +++ b/docs/assets/js/224603d4.320b3b85.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[328],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>v});var r=n(1504);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s=r.createContext({}),c=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},u=function(e){var t=c(e.components);return r.createElement(s.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,s=e.parentName,u=i(e,["components","mdxType","originalType","parentName"]),p=c(n),m=o,v=p["".concat(s,".").concat(m)]||p[m]||d[m]||a;return n?r.createElement(v,l(l({ref:t},u),{},{components:n})):r.createElement(v,l({ref:t},u))}));function v(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,l=new Array(a);l[0]=m;var i={};for(var s in t)hasOwnProperty.call(t,s)&&(i[s]=t[s]);i.originalType=e,i[p]="string"==typeof e?e:o,l[1]=i;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>v,default:()=>h,frontMatter:()=>m,metadata:()=>f,toc:()=>y});var r=n(5072),o=(n(1504),n(5788)),a=n(7144);const l={toc:[]},i="wrapper";function s(e){let{components:t,...n}=e;return(0,o.yg)(i,(0,r.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("p",null,"The timeline displays a list of events in chronological order."))}s.isMDXComponent=!0;var c=n(4620);const u={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Default reversed",id:"default-reversed",children:[],level:2},{value:"Multiple",id:"multiple",children:[],level:2},{value:"Multiple reversed",id:"multiple-reversed",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,o.yg)(p,(0,r.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("h2",{id:"default"},"Default"),(0,o.yg)(c.cp,{id:"components-timeline--default",height:"150",mdxType:"Iframe"}," "),(0,o.yg)("h2",{id:"default-reversed"},"Default reversed"),(0,o.yg)(c.cp,{id:"components-timeline--default-reversed",height:"150",mdxType:"Iframe"}," "),(0,o.yg)("h2",{id:"multiple"},"Multiple"),(0,o.yg)(c.cp,{id:"components-timeline--multiple",height:"450",mdxType:"Iframe"}," "),(0,o.yg)("h2",{id:"multiple-reversed"},"Multiple reversed"),(0,o.yg)(c.cp,{id:"components-timeline--multiple-reversed",height:"450",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const m={title:"Timeline",description:"",hide_table_of_contents:!0},v=void 0,f={unversionedId:"webdev/Components/Timeline",id:"webdev/Components/Timeline",title:"Timeline",description:"",source:"@site/docs/webdev/5-Components/28-Timeline.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Timeline",permalink:"/volto-eea-design-system/docs/webdev/Components/Timeline",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/timeline_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:28,frontMatter:{title:"Timeline",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Tags",permalink:"/volto-eea-design-system/docs/webdev/Components/Tags"},next:{title:"Video",permalink:"/volto-eea-design-system/docs/webdev/Components/Video"}},y=[],b={toc:y},g="wrapper";function h(e){let{components:t,...n}=e;return(0,o.yg)(g,(0,r.c)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(a.cp,{usage:(0,o.yg)(s,{mdxType:"Usage"}),showcase:(0,o.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}h.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var r=n(5072),o=(n(1504),n(5788)),a=n(8264);function l(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const i={toc:[],getUrl:l},s="wrapper";function c(e){let{components:t,...n}=e;return(0,o.yg)(s,(0,r.c)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("div",{className:"frameWrapper"},(0,o.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>g});var r=n(5072),o=n(1504),a=n(5788),l=n(3664),i=n(7676);const s=function(){const e=(0,o.useContext)(i.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:r,values:a,groupId:l,className:i}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),v=(0,c.wn)(m,((e,t)=>e.value===t.value));if(v.length>0)throw new Error(`Docusaurus error: Duplicate values "${v.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===r?r:r??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==f&&!m.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:y,setTabGroupChoices:b}=s(),[g,h]=(0,o.useState)(f),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.MV)();if(null!=l){const e=y[l];null!=e&&e!==g&&m.some((t=>t.value===e))&&h(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),r=m[n].value;r!==g&&(T(t),h(r),null!=l&&b(l,r))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},i)},m.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function m(e){const t=(0,l.c)();return o.createElement(d,(0,r.c)({key:String(t)},e))}const v=function(e){let{children:t,hidden:n,className:r}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const y={toc:[],getValues:f},b="wrapper";function g(e){let{components:t,...n}=e;return(0,a.yg)(b,(0,r.c)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(m,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,a.yg)(v,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(v,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(v,{value:"api",mdxType:"TabItem"},n.api)))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/23d147e2.18bf4342.js b/docs/assets/js/23d147e2.18bf4342.js new file mode 100644 index 0000000000..f15f5b567e --- /dev/null +++ b/docs/assets/js/23d147e2.18bf4342.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[134],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>f});var r=n(1504);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=r.createContext({}),c=function(e){var t=r.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return r.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),m=o,f=p["".concat(i,".").concat(m)]||p[m]||d[m]||a;return n?r.createElement(f,s(s({ref:t},u),{},{components:n})):r.createElement(f,s({ref:t},u))}));function f(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,s=new Array(a);s[0]=m;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:o,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>w,frontMatter:()=>f,metadata:()=>b,toc:()=>v});var r=n(5072),o=(n(1504),n(5788)),a=n(7144);const s={toc:[]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,o.yg)(l,(0,r.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("p",null,"No specific UX guidelines."))}i.isMDXComponent=!0;var c=n(4620);const u={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Group",id:"group",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,o.yg)(p,(0,r.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("h2",{id:"default"},"Default"),(0,o.yg)(c.cp,{id:"components-statistic--default",height:"200",mdxType:"Iframe"}," "),(0,o.yg)("h2",{id:"group"},"Group"),(0,o.yg)(c.cp,{id:"components-statistic--group",height:"200",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="MenuJSDoc";var m;const f={title:"Statistic",description:"",hide_table_of_contents:!0},y=void 0,b={unversionedId:"webdev/Components/Statistic",id:"webdev/Components/Statistic",title:"Statistic",description:"",source:"@site/docs/webdev/5-Components/23-Statistic.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Statistic",permalink:"/volto-eea-design-system/docs/webdev/Components/Statistic",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/statistic_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:23,frontMatter:{title:"Statistic",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Segment",permalink:"/volto-eea-design-system/docs/webdev/Components/Segment"},next:{title:"Tab",permalink:"/volto-eea-design-system/docs/webdev/Components/Tab"}},v=[],g={toc:v},h="wrapper";function w(e){let{components:t,...n}=e;return(0,o.yg)(h,(0,r.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(a.cp,{usage:(0,o.yg)(i,{mdxType:"Usage"}),showcase:(0,o.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var r=n(5072),o=(n(1504),n(5788)),a=n(8264);function s(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function c(e){let{components:t,...n}=e;return(0,o.yg)(i,(0,r.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("div",{className:"frameWrapper"},(0,o.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>g});var r=n(5072),o=n(1504),a=n(5788),s=n(3664),l=n(7676);const i=function(){const e=(0,o.useContext)(l.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:r,values:a,groupId:s,className:l}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),f=(0,c.wn)(m,((e,t)=>e.value===t.value));if(f.length>0)throw new Error(`Docusaurus error: Duplicate values "${f.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===r?r:r??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==y&&!m.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:v}=i(),[g,h]=(0,o.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.MV)();if(null!=s){const e=b[s];null!=e&&e!==g&&m.some((t=>t.value===e))&&h(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),r=m[n].value;r!==g&&(T(t),h(r),null!=s&&v(s,r))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function m(e){const t=(0,s.c)();return o.createElement(d,(0,r.c)({key:String(t)},e))}const f=function(e){let{children:t,hidden:n,className:r}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:y},v="wrapper";function g(e){let{components:t,...n}=e;return(0,a.yg)(v,(0,r.c)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(m,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,a.yg)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(f,{value:"api",mdxType:"TabItem"},n.api)))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/23d147e2.dd09dcfc.js b/docs/assets/js/23d147e2.dd09dcfc.js deleted file mode 100644 index 25b3080759..0000000000 --- a/docs/assets/js/23d147e2.dd09dcfc.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6570],{3905:(e,t,n)=>{n.d(t,{Zo:()=>u,kt:()=>f});var r=n(7294);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=r.createContext({}),c=function(e){var t=r.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return r.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),m=o,f=p["".concat(i,".").concat(m)]||p[m]||d[m]||a;return n?r.createElement(f,s(s({ref:t},u),{},{components:n})):r.createElement(f,s({ref:t},u))}));function f(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,s=new Array(a);s[0]=m;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:o,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>b,default:()=>w,frontMatter:()=>f,metadata:()=>v,toc:()=>y});var r=n(7462),o=(n(7294),n(3905)),a=n(4037);const s={toc:[]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,o.kt)(l,(0,r.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"No specific UX guidelines."))}i.isMDXComponent=!0;var c=n(7521);const u={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Group",id:"group",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,o.kt)(p,(0,r.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h2",{id:"default"},"Default"),(0,o.kt)(c.ZP,{id:"components-statistic--default",height:"200",mdxType:"Iframe"}," "),(0,o.kt)("h2",{id:"group"},"Group"),(0,o.kt)(c.ZP,{id:"components-statistic--group",height:"200",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="MenuJSDoc";var m;const f={title:"Statistic",description:"",hide_table_of_contents:!0},b=void 0,v={unversionedId:"webdev/Components/Statistic",id:"webdev/Components/Statistic",title:"Statistic",description:"",source:"@site/docs/webdev/5-Components/23-Statistic.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Statistic",permalink:"/volto-eea-design-system/docs/webdev/Components/Statistic",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/statistic_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:23,frontMatter:{title:"Statistic",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Segment",permalink:"/volto-eea-design-system/docs/webdev/Components/Segment"},next:{title:"Tab",permalink:"/volto-eea-design-system/docs/webdev/Components/Tab"}},y=[],h={toc:y},g="wrapper";function w(e){let{components:t,...n}=e;return(0,o.kt)(g,(0,r.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(a.ZP,{usage:(0,o.kt)(i,{mdxType:"Usage"}),showcase:(0,o.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>c});var r=n(7462),o=(n(7294),n(3905)),a=n(2263);function s(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function c(e){let{components:t,...n}=e;return(0,o.kt)(i,(0,r.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("div",{className:"frameWrapper"},(0,o.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>h});var r=n(7462),o=n(7294),a=n(3905),s=n(2389),l=n(9443);const i=function(){const e=(0,o.useContext)(l.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(3810),u=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:r,values:a,groupId:s,className:l}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),f=(0,c.lx)(m,((e,t)=>e.value===t.value));if(f.length>0)throw new Error(`Docusaurus error: Duplicate values "${f.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const b=null===r?r:r??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==b&&!m.some((e=>e.value===b)))throw new Error(`Docusaurus error: The has a defaultValue "${b}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:y}=i(),[h,g]=(0,o.useState)(b),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,c.o5)();if(null!=s){const e=v[s];null!=e&&e!==h&&m.some((t=>t.value===e))&&g(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),r=m[n].value;r!==h&&(k(t),g(r),null!=s&&y(s,r))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.Z)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:h===t?0:-1,"aria-selected":h===t,className:(0,u.Z)("tabs__item",p.tabItem,{"tabs__item--active":h===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===h))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==h})))))}function m(e){const t=(0,s.Z)();return o.createElement(d,(0,r.Z)({key:String(t)},e))}const f=function(e){let{children:t,hidden:n,className:r}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function b(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:b},y="wrapper";function h(e){let{components:t,...n}=e;return(0,a.kt)(y,(0,r.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:b(n),mdxType:"Tabs"},(0,a.kt)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(f,{value:"api",mdxType:"TabItem"},n.api)))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/24202412.67d0c84c.js b/docs/assets/js/24202412.67d0c84c.js deleted file mode 100644 index 8820307505..0000000000 --- a/docs/assets/js/24202412.67d0c84c.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5435],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>h});var o=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),d=u(n),m=a,h=d["".concat(i,".").concat(m)]||d[m]||p[m]||r;return n?o.createElement(h,l(l({ref:t},c),{},{components:n})):o.createElement(h,l({ref:t},c))}));function h(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,l=new Array(r);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[d]="string"==typeof e?e:a,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>h,default:()=>k,frontMatter:()=>m,metadata:()=>v,toc:()=>b});var o=n(7462),a=(n(7294),n(3905)),r=n(4037);const l={toc:[{value:"Primary Button",id:"primary-button",children:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}],level:2},{value:"Secondary Button",id:"secondary-button",children:[{value:"Do's",id:"dos-1",children:[],level:3},{value:"Don'ts",id:"donts-1",children:[],level:3}],level:2},{value:"Inverted Button",id:"inverted-button",children:[{value:"When to use",id:"when-to-use",children:[],level:3}],level:2},{value:"Text link Button",id:"text-link-button",children:[{value:"When to use",id:"when-to-use-1",children:[],level:3},{value:"When not to use",id:"when-not-to-use-1",children:[],level:3}],level:2}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,a.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"Buttons trigger an action in a web page. There are 4 variants of the button component with different levels of importance and usages."),(0,a.kt)("h2",{id:"primary-button"},"Primary Button"),(0,a.kt)("p",null,"Use for basic and successful actions. They direct the user\u2019s attention to the primary action the application is suggesting that the user take."),(0,a.kt)("h3",{id:"dos"},"Do's"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"make sure the button\u2018s microcopy represents the action such as \u201cSubmit\u201c or \u201cRegister\u201c"),(0,a.kt)("li",{parentName:"ul"},"use an icon only when it is necessary"),(0,a.kt)("li",{parentName:"ul"},"use to perform a new action, task, move to next step")),(0,a.kt)("h3",{id:"donts"},"Don'ts"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"don't assign an action that should be assigned for a CTA (Call To Action) or other variations of buttons"),(0,a.kt)("li",{parentName:"ul"},"don't use an icon when it is not relevant or necessary to the action")),(0,a.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"don't use for navigation"),(0,a.kt)("li",{parentName:"ul"},"don't use for downloads"),(0,a.kt)("li",{parentName:"ul"},"don't use when the primary action is negative - use secondary button"),(0,a.kt)("li",{parentName:"ul"},"don't use when the action can't be undone, such as delete")),(0,a.kt)("h2",{id:"secondary-button"},"Secondary Button"),(0,a.kt)("p",null,"Use for medium-emphasis actions. They contain actions that are important but aren\u2019t the primary action. They are used to indicate a secondary action that compliments a primary action or to reduce visual noise when there are many actions of equal importance on the page."),(0,a.kt)("h3",{id:"dos-1"},"Do's"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},'ensure the button performs an action, such as "Cancel", "Delete," "Remove" or "Replace" as the secondary action next to the primary button'),(0,a.kt)("li",{parentName:"ul"},"use an icon only when it is necessary")),(0,a.kt)("h3",{id:"donts-1"},"Don'ts"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"don't use for primary positive actions \u2013 such as Submit, Send, Accept, Apply or navigation"),(0,a.kt)("li",{parentName:"ul"},"don't use on its own"),(0,a.kt)("li",{parentName:"ul"},"don't use for navigation"),(0,a.kt)("li",{parentName:"ul"},"don't use an icon when it is not relevant or necessary to the action")),(0,a.kt)("h2",{id:"inverted-button"},"Inverted Button"),(0,a.kt)("h3",{id:"when-to-use"},"When to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"use inverted and inverted-green only on white or light color background"),(0,a.kt)("li",{parentName:"ul"},"use inverted-dark only on dark background")),(0,a.kt)("h2",{id:"text-link-button"},"Text link Button"),(0,a.kt)("p",null,"Use for low-emphasis actions or for buttons that could have a long length text. It can be grouped with other buttons or placed independently."),(0,a.kt)("h3",{id:"when-to-use-1"},"When to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"use with low emphasis in a button group"),(0,a.kt)("li",{parentName:"ul"},"use on pages/cards when the main focus should be the content and not the button"),(0,a.kt)("li",{parentName:"ul"},"when there is a single action intended")),(0,a.kt)("h3",{id:"when-not-to-use-1"},"When not to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"do not use for navigation purpose")))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Default Button",id:"default-button",children:[],level:2},{value:"Primary Button",id:"primary-button",children:[],level:2},{value:"Secondary Button",id:"secondary-button",children:[],level:2},{value:"Inverted Buttons",id:"inverted-buttons",children:[],level:2},{value:"Labeled Button",id:"labeled-button",children:[],level:2},{value:"Text",id:"text",children:[],level:2}]},d="wrapper";function p(e){let{components:t,...n}=e;return(0,a.kt)(d,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"default-button"},"Default Button"),(0,a.kt)(u.ZP,{id:"components-forms-button--default&args=",height:"150",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"primary-button"},"Primary Button"),(0,a.kt)(u.ZP,{id:"components-forms-button--primary&args=",height:"150",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"secondary-button"},"Secondary Button"),(0,a.kt)(u.ZP,{id:"components-forms-button--secondary&args=",height:"150",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"inverted-buttons"},"Inverted Buttons"),(0,a.kt)(u.ZP,{id:"components-forms-button--inverted&args=",height:"400",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"labeled-button"},"Labeled Button"),(0,a.kt)(u.ZP,{id:"components-forms-button--labeled&args=",height:"150",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"text"},"Text"),(0,a.kt)(u.ZP,{id:"components-forms-button--text&args=",height:"150",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;const m={title:"Buttons",description:"",hide_table_of_contents:!0},h=void 0,v={unversionedId:"webdev/Components/Buttons",id:"webdev/Components/Buttons",title:"Buttons",description:"",source:"@site/docs/webdev/5-Components/3-Buttons.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Buttons",permalink:"/volto-eea-design-system/docs/webdev/Components/Buttons",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/button_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"Buttons",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Breadcrumb",permalink:"/volto-eea-design-system/docs/webdev/Components/Breadcrumb"},next:{title:"Callout",permalink:"/volto-eea-design-system/docs/webdev/Components/Callout"}},b=[],f={toc:b},y="wrapper";function k(e){let{components:t,...n}=e;return(0,a.kt)(y,(0,o.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(r.ZP,{usage:(0,a.kt)(i,{mdxType:"Usage"}),showcase:(0,a.kt)(p,{mdxType:"ButtonShowcase"}),mdxType:"Tabs"}))}k.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var o=n(7462),a=(n(7294),n(3905)),r=n(2263);function l(){const{siteConfig:e}=(0,r.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,a.kt)(i,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("div",{className:"frameWrapper"},(0,a.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var o=n(7462),a=n(7294),r=n(3905),l=n(2389),s=n(9443);const i=function(){const e=(0,a.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:l,className:s}=e,p=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),h=(0,u.lx)(m,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const v=null===o?o:o??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==v&&!m.some((e=>e.value===v)))throw new Error(`Docusaurus error: The has a defaultValue "${v}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:f}=i(),[y,k]=(0,a.useState)(v),g=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.o5)();if(null!=l){const e=b[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&k(e)}const T=e=>{const t=e.currentTarget,n=g.indexOf(t),o=m[n].value;o!==y&&(w(t),k(o),null!=l&&f(l,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=g.indexOf(e.currentTarget)+1;t=g[n]||g[0];break}case"ArrowLeft":{const n=g.indexOf(e.currentTarget)-1;t=g[n]||g[g.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",d.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>g.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,a.cloneElement)(p.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return a.createElement(p,(0,o.Z)({key:String(t)},e))}const h=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function v(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:v},f="wrapper";function y(e){let{components:t,...n}=e;return(0,r.kt)(f,(0,o.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(m,{defaultValue:"usage",values:v(n),mdxType:"Tabs"},(0,r.kt)(h,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.kt)(h,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.kt)(h,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/24202412.da67a493.js b/docs/assets/js/24202412.da67a493.js new file mode 100644 index 0000000000..a8ff448a22 --- /dev/null +++ b/docs/assets/js/24202412.da67a493.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6648],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>y});var o=n(1504);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),d=u(n),m=a,y=d["".concat(i,".").concat(m)]||d[m]||p[m]||r;return n?o.createElement(y,l(l({ref:t},c),{},{components:n})):o.createElement(y,l({ref:t},c))}));function y(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,l=new Array(r);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[d]="string"==typeof e?e:a,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>f,frontMatter:()=>m,metadata:()=>h,toc:()=>g});var o=n(5072),a=(n(1504),n(5788)),r=n(7144);const l={toc:[{value:"Primary Button",id:"primary-button",children:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}],level:2},{value:"Secondary Button",id:"secondary-button",children:[{value:"Do's",id:"dos-1",children:[],level:3},{value:"Don'ts",id:"donts-1",children:[],level:3}],level:2},{value:"Inverted Button",id:"inverted-button",children:[{value:"When to use",id:"when-to-use",children:[],level:3}],level:2},{value:"Text link Button",id:"text-link-button",children:[{value:"When to use",id:"when-to-use-1",children:[],level:3},{value:"When not to use",id:"when-not-to-use-1",children:[],level:3}],level:2}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,a.yg)(s,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("p",null,"Buttons trigger an action in a web page. There are 4 variants of the button component with different levels of importance and usages."),(0,a.yg)("h2",{id:"primary-button"},"Primary Button"),(0,a.yg)("p",null,"Use for basic and successful actions. They direct the user\u2019s attention to the primary action the application is suggesting that the user take."),(0,a.yg)("h3",{id:"dos"},"Do's"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"make sure the button\u2018s microcopy represents the action such as \u201cSubmit\u201c or \u201cRegister\u201c"),(0,a.yg)("li",{parentName:"ul"},"use an icon only when it is necessary"),(0,a.yg)("li",{parentName:"ul"},"use to perform a new action, task, move to next step")),(0,a.yg)("h3",{id:"donts"},"Don'ts"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"don't assign an action that should be assigned for a CTA (Call To Action) or other variations of buttons"),(0,a.yg)("li",{parentName:"ul"},"don't use an icon when it is not relevant or necessary to the action")),(0,a.yg)("h3",{id:"when-not-to-use"},"When not to use"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"don't use for navigation"),(0,a.yg)("li",{parentName:"ul"},"don't use for downloads"),(0,a.yg)("li",{parentName:"ul"},"don't use when the primary action is negative - use secondary button"),(0,a.yg)("li",{parentName:"ul"},"don't use when the action can't be undone, such as delete")),(0,a.yg)("h2",{id:"secondary-button"},"Secondary Button"),(0,a.yg)("p",null,"Use for medium-emphasis actions. They contain actions that are important but aren\u2019t the primary action. They are used to indicate a secondary action that compliments a primary action or to reduce visual noise when there are many actions of equal importance on the page."),(0,a.yg)("h3",{id:"dos-1"},"Do's"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},'ensure the button performs an action, such as "Cancel", "Delete," "Remove" or "Replace" as the secondary action next to the primary button'),(0,a.yg)("li",{parentName:"ul"},"use an icon only when it is necessary")),(0,a.yg)("h3",{id:"donts-1"},"Don'ts"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"don't use for primary positive actions \u2013 such as Submit, Send, Accept, Apply or navigation"),(0,a.yg)("li",{parentName:"ul"},"don't use on its own"),(0,a.yg)("li",{parentName:"ul"},"don't use for navigation"),(0,a.yg)("li",{parentName:"ul"},"don't use an icon when it is not relevant or necessary to the action")),(0,a.yg)("h2",{id:"inverted-button"},"Inverted Button"),(0,a.yg)("h3",{id:"when-to-use"},"When to use"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"use inverted and inverted-green only on white or light color background"),(0,a.yg)("li",{parentName:"ul"},"use inverted-dark only on dark background")),(0,a.yg)("h2",{id:"text-link-button"},"Text link Button"),(0,a.yg)("p",null,"Use for low-emphasis actions or for buttons that could have a long length text. It can be grouped with other buttons or placed independently."),(0,a.yg)("h3",{id:"when-to-use-1"},"When to use"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"use with low emphasis in a button group"),(0,a.yg)("li",{parentName:"ul"},"use on pages/cards when the main focus should be the content and not the button"),(0,a.yg)("li",{parentName:"ul"},"when there is a single action intended")),(0,a.yg)("h3",{id:"when-not-to-use-1"},"When not to use"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"do not use for navigation purpose")))}i.isMDXComponent=!0;var u=n(4620);const c={toc:[{value:"Default Button",id:"default-button",children:[],level:2},{value:"Primary Button",id:"primary-button",children:[],level:2},{value:"Secondary Button",id:"secondary-button",children:[],level:2},{value:"Inverted Buttons",id:"inverted-buttons",children:[],level:2},{value:"Labeled Button",id:"labeled-button",children:[],level:2},{value:"Text",id:"text",children:[],level:2}]},d="wrapper";function p(e){let{components:t,...n}=e;return(0,a.yg)(d,(0,o.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("h2",{id:"default-button"},"Default Button"),(0,a.yg)(u.cp,{id:"components-forms-button--default&args=",height:"150",mdxType:"Iframe"}," "),(0,a.yg)("h2",{id:"primary-button"},"Primary Button"),(0,a.yg)(u.cp,{id:"components-forms-button--primary&args=",height:"150",mdxType:"Iframe"}," "),(0,a.yg)("h2",{id:"secondary-button"},"Secondary Button"),(0,a.yg)(u.cp,{id:"components-forms-button--secondary&args=",height:"150",mdxType:"Iframe"}," "),(0,a.yg)("h2",{id:"inverted-buttons"},"Inverted Buttons"),(0,a.yg)(u.cp,{id:"components-forms-button--inverted&args=",height:"400",mdxType:"Iframe"}," "),(0,a.yg)("h2",{id:"labeled-button"},"Labeled Button"),(0,a.yg)(u.cp,{id:"components-forms-button--labeled&args=",height:"150",mdxType:"Iframe"}," "),(0,a.yg)("h2",{id:"text"},"Text"),(0,a.yg)(u.cp,{id:"components-forms-button--text&args=",height:"150",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;const m={title:"Buttons",description:"",hide_table_of_contents:!0},y=void 0,h={unversionedId:"webdev/Components/Buttons",id:"webdev/Components/Buttons",title:"Buttons",description:"",source:"@site/docs/webdev/5-Components/3-Buttons.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Buttons",permalink:"/volto-eea-design-system/docs/webdev/Components/Buttons",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/button_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"Buttons",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Breadcrumb",permalink:"/volto-eea-design-system/docs/webdev/Components/Breadcrumb"},next:{title:"Callout",permalink:"/volto-eea-design-system/docs/webdev/Components/Callout"}},g=[],v={toc:g},b="wrapper";function f(e){let{components:t,...n}=e;return(0,a.yg)(b,(0,o.c)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(r.cp,{usage:(0,a.yg)(i,{mdxType:"Usage"}),showcase:(0,a.yg)(p,{mdxType:"ButtonShowcase"}),mdxType:"Tabs"}))}f.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>u});var o=n(5072),a=(n(1504),n(5788)),r=n(8264);function l(){const{siteConfig:e}=(0,r.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,a.yg)(i,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("div",{className:"frameWrapper"},(0,a.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>b});var o=n(5072),a=n(1504),r=n(5788),l=n(3664),s=n(7676);const i=function(){const e=(0,a.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(7572),c=n(4971);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:l,className:s}=e,p=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),y=(0,u.wn)(m,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const h=null===o?o:o??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==h&&!m.some((e=>e.value===h)))throw new Error(`Docusaurus error: The has a defaultValue "${h}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:g,setTabGroupChoices:v}=i(),[b,f]=(0,a.useState)(h),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,u.MV)();if(null!=l){const e=g[l];null!=e&&e!==b&&m.some((t=>t.value===e))&&f(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==b&&(T(t),f(o),null!=l&&v(l,o))},N=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:b===t?0:-1,"aria-selected":b===t,className:(0,c.c)("tabs__item",d.tabItem,{"tabs__item--active":b===t}),key:t,ref:e=>w.push(e),onKeyDown:N,onFocus:x,onClick:x},n??t)}))),t?(0,a.cloneElement)(p.filter((e=>e.props.value===b))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==b})))))}function m(e){const t=(0,l.c)();return a.createElement(p,(0,o.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function h(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const g={toc:[],getValues:h},v="wrapper";function b(e){let{components:t,...n}=e;return(0,r.yg)(v,(0,o.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(m,{defaultValue:"usage",values:h(n),mdxType:"Tabs"},(0,r.yg)(y,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.yg)(y,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.yg)(y,{value:"api",mdxType:"TabItem"},n.api)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/2d344845.1383b54d.js b/docs/assets/js/2d344845.6d5a2db4.js similarity index 60% rename from docs/assets/js/2d344845.1383b54d.js rename to docs/assets/js/2d344845.6d5a2db4.js index 7c9a2935b2..44c0d2b84c 100644 --- a/docs/assets/js/2d344845.1383b54d.js +++ b/docs/assets/js/2d344845.6d5a2db4.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3018],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>h});var r=n(7294);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=r.createContext({}),u=function(e){var t=r.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},c=function(e){var t=u(e.components);return r.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,i=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),p=u(n),m=o,h=p["".concat(i,".").concat(m)]||p[m]||d[m]||a;return n?r.createElement(h,s(s({ref:t},c),{},{components:n})):r.createElement(h,s({ref:t},c))}));function h(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,s=new Array(a);s[0]=m;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:o,s[1]=l;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>c,default:()=>b,frontMatter:()=>u,metadata:()=>p,toc:()=>d});var r=n(7462),o=(n(7294),n(3905)),a=n(4037);const s={toc:[{value:"Usage",id:"usage",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,o.kt)(l,(0,r.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"Auto-suggestion is a powerful tool that reduces data input. Typical users are very\u202fpoor at query formulation: if they don\u2019t get good results on the first try, later search attempts rarely succeed. When\u202fautocomplete suggestions work well, they help the user articulate better search queries. "),(0,o.kt)("h3",{id:"usage"},"Usage"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},(0,o.kt)("p",{parentName:"li"},"ensure that auto-suggestions are useful. Poorly designed auto-suggestions can confuse and distract users. Thus, use spelling auto-corrections, recognition of root words, and predictive text in order to improve the tool")),(0,o.kt)("li",{parentName:"ul"},(0,o.kt)("p",{parentName:"li"},"present less than 10 items in the list of suggestions (and without a scrollbar) so the information doesn\u2019t become overwhelming")),(0,o.kt)("li",{parentName:"ul"},(0,o.kt)("p",{parentName:"li"},"allow for keyboard navigation for the list of suggestions. Once a user scrolls down past the last item, they should return to the top of the list. The Esc key should allow users to exit the list")),(0,o.kt)("li",{parentName:"ul"},(0,o.kt)("p",{parentName:"li"},"highlight differences between the inputted information and suggested information. For example, the input text might have a standard weight, while suggested terms are bolded"))))}i.isMDXComponent=!0;const u={title:"Suggestions",description:"",hide_table_of_contents:!0},c=void 0,p={unversionedId:"webdev/Components/Search/Suggestions",id:"webdev/Components/Search/Suggestions",title:"Suggestions",description:"",source:"@site/docs/webdev/5-Components/24-Search/1-Suggestions.mdx",sourceDirName:"webdev/5-Components/24-Search",slug:"/webdev/Components/Search/Suggestions",permalink:"/volto-eea-design-system/docs/webdev/Components/Search/Suggestions",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/suggestions_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Suggestions",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Filters",permalink:"/volto-eea-design-system/docs/webdev/Components/Search/Filters"},next:{title:"Searchbox",permalink:"/volto-eea-design-system/docs/webdev/Components/Search/Searchbox"}},d=[],m=(h="Showcase",function(e){return console.warn("Component "+h+" was not imported, exported, or provided by MDXProvider as global scope"),(0,o.kt)("div",e)});var h;const g={toc:d},f="wrapper";function b(e){let{components:t,...n}=e;return(0,o.kt)(f,(0,r.Z)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(a.ZP,{usage:(0,o.kt)(i,{mdxType:"Usage"}),showcase:(0,o.kt)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}b.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>v});var r=n(7462),o=n(7294),a=n(3905),s=n(2389),l=n(9443);const i=function(){const e=(0,o.useContext)(l.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:r,values:a,groupId:s,className:l}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),h=(0,u.lx)(m,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const g=null===r?r:r??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==g&&!m.some((e=>e.value===g)))throw new Error(`Docusaurus error: The has a defaultValue "${g}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:b}=i(),[v,y]=(0,o.useState)(g),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,u.o5)();if(null!=s){const e=f[s];null!=e&&e!==v&&m.some((t=>t.value===e))&&y(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),r=m[n].value;r!==v&&(k(t),y(r),null!=s&&b(s,r))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:v===t?0:-1,"aria-selected":v===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":v===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===v))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==v})))))}function m(e){const t=(0,s.Z)();return o.createElement(d,(0,r.Z)({key:String(t)},e))}const h=function(e){let{children:t,hidden:n,className:r}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function g(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:g},b="wrapper";function v(e){let{components:t,...n}=e;return(0,a.kt)(b,(0,r.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:g(n),mdxType:"Tabs"},(0,a.kt)(h,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(h,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(h,{value:"api",mdxType:"TabItem"},n.api)))}v.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3916],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>g});var r=n(1504);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=r.createContext({}),u=function(e){var t=r.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},c=function(e){var t=u(e.components);return r.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,i=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),p=u(n),m=o,g=p["".concat(i,".").concat(m)]||p[m]||d[m]||a;return n?r.createElement(g,s(s({ref:t},c),{},{components:n})):r.createElement(g,s({ref:t},c))}));function g(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,s=new Array(a);s[0]=m;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:o,s[1]=l;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>c,default:()=>f,frontMatter:()=>u,metadata:()=>p,toc:()=>d});var r=n(5072),o=(n(1504),n(5788)),a=n(7144);const s={toc:[{value:"Usage",id:"usage",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,o.yg)(l,(0,r.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("p",null,"Auto-suggestion is a powerful tool that reduces data input. Typical users are very\u202fpoor at query formulation: if they don\u2019t get good results on the first try, later search attempts rarely succeed. When\u202fautocomplete suggestions work well, they help the user articulate better search queries. "),(0,o.yg)("h3",{id:"usage"},"Usage"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},(0,o.yg)("p",{parentName:"li"},"ensure that auto-suggestions are useful. Poorly designed auto-suggestions can confuse and distract users. Thus, use spelling auto-corrections, recognition of root words, and predictive text in order to improve the tool")),(0,o.yg)("li",{parentName:"ul"},(0,o.yg)("p",{parentName:"li"},"present less than 10 items in the list of suggestions (and without a scrollbar) so the information doesn\u2019t become overwhelming")),(0,o.yg)("li",{parentName:"ul"},(0,o.yg)("p",{parentName:"li"},"allow for keyboard navigation for the list of suggestions. Once a user scrolls down past the last item, they should return to the top of the list. The Esc key should allow users to exit the list")),(0,o.yg)("li",{parentName:"ul"},(0,o.yg)("p",{parentName:"li"},"highlight differences between the inputted information and suggested information. For example, the input text might have a standard weight, while suggested terms are bolded"))))}i.isMDXComponent=!0;const u={title:"Suggestions",description:"",hide_table_of_contents:!0},c=void 0,p={unversionedId:"webdev/Components/Search/Suggestions",id:"webdev/Components/Search/Suggestions",title:"Suggestions",description:"",source:"@site/docs/webdev/5-Components/24-Search/1-Suggestions.mdx",sourceDirName:"webdev/5-Components/24-Search",slug:"/webdev/Components/Search/Suggestions",permalink:"/volto-eea-design-system/docs/webdev/Components/Search/Suggestions",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/suggestions_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Suggestions",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Filters",permalink:"/volto-eea-design-system/docs/webdev/Components/Search/Filters"},next:{title:"Searchbox",permalink:"/volto-eea-design-system/docs/webdev/Components/Search/Searchbox"}},d=[],m=(g="Showcase",function(e){return console.warn("Component "+g+" was not imported, exported, or provided by MDXProvider as global scope"),(0,o.yg)("div",e)});var g;const h={toc:d},y="wrapper";function f(e){let{components:t,...n}=e;return(0,o.yg)(y,(0,r.c)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(a.cp,{usage:(0,o.yg)(i,{mdxType:"Usage"}),showcase:(0,o.yg)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}f.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>b});var r=n(5072),o=n(1504),a=n(5788),s=n(3664),l=n(7676);const i=function(){const e=(0,o.useContext)(l.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(7572),c=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:r,values:a,groupId:s,className:l}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),g=(0,u.wn)(m,((e,t)=>e.value===t.value));if(g.length>0)throw new Error(`Docusaurus error: Duplicate values "${g.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const h=null===r?r:r??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==h&&!m.some((e=>e.value===h)))throw new Error(`Docusaurus error: The has a defaultValue "${h}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:y,setTabGroupChoices:f}=i(),[b,v]=(0,o.useState)(h),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,u.MV)();if(null!=s){const e=y[s];null!=e&&e!==b&&m.some((t=>t.value===e))&&v(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),r=m[n].value;r!==b&&(T(t),v(r),null!=s&&f(s,r))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:b===t?0:-1,"aria-selected":b===t,className:(0,c.c)("tabs__item",p.tabItem,{"tabs__item--active":b===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===b))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==b})))))}function m(e){const t=(0,s.c)();return o.createElement(d,(0,r.c)({key:String(t)},e))}const g=function(e){let{children:t,hidden:n,className:r}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function h(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const y={toc:[],getValues:h},f="wrapper";function b(e){let{components:t,...n}=e;return(0,a.yg)(f,(0,r.c)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(m,{defaultValue:"usage",values:h(n),mdxType:"Tabs"},(0,a.yg)(g,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(g,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(g,{value:"api",mdxType:"TabItem"},n.api)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/2d39cd59.bf429923.js b/docs/assets/js/2d39cd59.bf429923.js new file mode 100644 index 0000000000..9bc106c170 --- /dev/null +++ b/docs/assets/js/2d39cd59.bf429923.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3896],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>y});var r=n(1504);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s=r.createContext({}),u=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},c=function(e){var t=u(e.components);return r.createElement(s.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,a=e.mdxType,o=e.originalType,s=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),p=u(n),m=a,y=p["".concat(s,".").concat(m)]||p[m]||d[m]||o;return n?r.createElement(y,i(i({ref:t},c),{},{components:n})):r.createElement(y,i({ref:t},c))}));function y(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var o=n.length,i=new Array(o);i[0]=m;var l={};for(var s in t)hasOwnProperty.call(t,s)&&(l[s]=t[s]);l.originalType=e,l[p]="string"==typeof e?e:a,i[1]=l;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>v,frontMatter:()=>m,metadata:()=>h,toc:()=>g});var r=n(5072),a=(n(1504),n(5788)),o=n(7144);const i={toc:[{value:"Do's",id:"dos",children:[],level:2},{value:"Don'ts",id:"donts",children:[],level:2},{value:"When to use",id:"when-to-use",children:[],level:2},{value:"When not to use",id:"when-not-to-use",children:[],level:2}]},l="wrapper";function s(e){let{components:t,...n}=e;return(0,a.yg)(l,(0,r.c)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("p",null,"A text field is an input that can be used on a form, sign-in or any place where data is requested from the user."),(0,a.yg)("h2",{id:"dos"},"Do's"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"minimise the number of input fields - only ask for necessary information"),(0,a.yg)("li",{parentName:"ul"},"arrange them vertically for better layout and readability"),(0,a.yg)("li",{parentName:"ul"},"group related fields together"),(0,a.yg)("li",{parentName:"ul"},"order input fields logically, matching real-world task succession and interactions"),(0,a.yg)("li",{parentName:"ul"},"always label each text area with a short, descriptive title, placed above the text area"),(0,a.yg)("li",{parentName:"ul"},"indicate whether the input field is optional or mandatory"),(0,a.yg)("li",{parentName:"ul"},"make use of helper text if there are further directions or hints the users may need in completing their goal (example: Must be at least 6 characters and contain a number and a special character)"),(0,a.yg)("li",{parentName:"ul"},"allow copy/paste for ease of use"),(0,a.yg)("li",{parentName:"ul"},"if a character counter is necessary, place it below the text area"),(0,a.yg)("li",{parentName:"ul"},"match the text field area to the expected size of the input - make it wide enough for the user to see their entire entry"),(0,a.yg)("li",{parentName:"ul"},"write specific and descriptive error message for easy comprehension")),(0,a.yg)("h2",{id:"donts"},"Don'ts"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"don't use placeholder text in the text area - this may not be read by screen reading software, leading to accessibility issues"),(0,a.yg)("li",{parentName:"ul"},"don't have a mandatory minimum input of characters"),(0,a.yg)("li",{parentName:"ul"},"don't restrict the use of uncommon or special characters"),(0,a.yg)("li",{parentName:"ul"},"don't disable copyand paste functions")),(0,a.yg)("h2",{id:"when-to-use"},"When to use"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"use in any situation where the user needs to input limited amount of data (name, email address, age, etc)")),(0,a.yg)("h2",{id:"when-not-to-use"},"When not to use"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"do not use where the user needs to input a large, or unknown amount of data"),(0,a.yg)("li",{parentName:"ul"},"do not use when the user must respond with specific options which are known to the organisation")))}s.isMDXComponent=!0;var u=n(4620);const c={toc:[{value:"Standard",id:"standard",children:[],level:2},{value:"Disabled",id:"disabled",children:[],level:2},{value:"Loading",id:"loading",children:[],level:2},{value:"Error",id:"error",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,a.yg)(p,(0,r.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("h2",{id:"standard"},"Standard"),(0,a.yg)(u.cp,{id:"components-forms-input--standard-input",height:"120",mdxType:"Iframe"}," "),(0,a.yg)("h2",{id:"disabled"},"Disabled"),(0,a.yg)(u.cp,{id:"components-forms-input--disabled-input",height:"120",mdxType:"Iframe"}," "),(0,a.yg)("h2",{id:"loading"},"Loading"),(0,a.yg)(u.cp,{id:"components-forms-input--loading-input",height:"120",mdxType:"Iframe"}," "),(0,a.yg)("h2",{id:"error"},"Error"),(0,a.yg)(u.cp,{id:"components-forms-input--error-input",height:"120",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const m={title:"Text Input",description:"",hide_table_of_contents:!0},y=void 0,h={unversionedId:"webdev/Components/Forms/TextInput",id:"webdev/Components/Forms/TextInput",title:"Text Input",description:"",source:"@site/docs/webdev/5-Components/7-Forms/2-TextInput.mdx",sourceDirName:"webdev/5-Components/7-Forms",slug:"/webdev/Components/Forms/TextInput",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/TextInput",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/text_input_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"Text Input",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Dropdown",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/Dropdown"},next:{title:"Radio",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/Radio"}},g=[],f={toc:g},b="wrapper";function v(e){let{components:t,...n}=e;return(0,a.yg)(b,(0,r.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(o.cp,{usage:(0,a.yg)(s,{mdxType:"Usage"}),showcase:(0,a.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}v.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>u});var r=n(5072),a=(n(1504),n(5788)),o=n(8264);function i(){const{siteConfig:e}=(0,o.c)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:i},s="wrapper";function u(e){let{components:t,...n}=e;return(0,a.yg)(s,(0,r.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("div",{className:"frameWrapper"},(0,a.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:i()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>b});var r=n(5072),a=n(1504),o=n(5788),i=n(3664),l=n(7676);const s=function(){const e=(0,a.useContext)(l.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(7572),c=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:r,values:o,groupId:i,className:l}=e,d=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=o??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),y=(0,u.wn)(m,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const h=null===r?r:r??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==h&&!m.some((e=>e.value===h)))throw new Error(`Docusaurus error: The has a defaultValue "${h}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:g,setTabGroupChoices:f}=s(),[b,v]=(0,a.useState)(h),w=[],{blockElementScrollPositionUntilNextRender:x}=(0,u.MV)();if(null!=i){const e=g[i];null!=e&&e!==b&&m.some((t=>t.value===e))&&v(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),r=m[n].value;r!==b&&(x(t),v(r),null!=i&&f(i,r))},N=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:b===t?0:-1,"aria-selected":b===t,className:(0,c.c)("tabs__item",p.tabItem,{"tabs__item--active":b===t}),key:t,ref:e=>w.push(e),onKeyDown:N,onFocus:T,onClick:T},n??t)}))),t?(0,a.cloneElement)(d.filter((e=>e.props.value===b))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==b})))))}function m(e){const t=(0,i.c)();return a.createElement(d,(0,r.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:n,className:r}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function h(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const g={toc:[],getValues:h},f="wrapper";function b(e){let{components:t,...n}=e;return(0,o.yg)(f,(0,r.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(m,{defaultValue:"usage",values:h(n),mdxType:"Tabs"},(0,o.yg)(y,{value:"usage",mdxType:"TabItem"},n.usage),(0,o.yg)(y,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,o.yg)(y,{value:"api",mdxType:"TabItem"},n.api)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/2d39cd59.c3e1229f.js b/docs/assets/js/2d39cd59.c3e1229f.js deleted file mode 100644 index 9113432ae4..0000000000 --- a/docs/assets/js/2d39cd59.c3e1229f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[8027],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>h});var r=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s=r.createContext({}),u=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},c=function(e){var t=u(e.components);return r.createElement(s.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,a=e.mdxType,o=e.originalType,s=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),d=u(n),m=a,h=d["".concat(s,".").concat(m)]||d[m]||p[m]||o;return n?r.createElement(h,i(i({ref:t},c),{},{components:n})):r.createElement(h,i({ref:t},c))}));function h(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var o=n.length,i=new Array(o);i[0]=m;var l={};for(var s in t)hasOwnProperty.call(t,s)&&(l[s]=t[s]);l.originalType=e,l[d]="string"==typeof e?e:a,i[1]=l;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>h,default:()=>g,frontMatter:()=>m,metadata:()=>f,toc:()=>b});var r=n(7462),a=(n(7294),n(3905)),o=n(4037);const i={toc:[{value:"Do's",id:"dos",children:[],level:2},{value:"Don'ts",id:"donts",children:[],level:2},{value:"When to use",id:"when-to-use",children:[],level:2},{value:"When not to use",id:"when-not-to-use",children:[],level:2}]},l="wrapper";function s(e){let{components:t,...n}=e;return(0,a.kt)(l,(0,r.Z)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"A text field is an input that can be used on a form, sign-in or any place where data is requested from the user."),(0,a.kt)("h2",{id:"dos"},"Do's"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"minimise the number of input fields - only ask for necessary information"),(0,a.kt)("li",{parentName:"ul"},"arrange them vertically for better layout and readability"),(0,a.kt)("li",{parentName:"ul"},"group related fields together"),(0,a.kt)("li",{parentName:"ul"},"order input fields logically, matching real-world task succession and interactions"),(0,a.kt)("li",{parentName:"ul"},"always label each text area with a short, descriptive title, placed above the text area"),(0,a.kt)("li",{parentName:"ul"},"indicate whether the input field is optional or mandatory"),(0,a.kt)("li",{parentName:"ul"},"make use of helper text if there are further directions or hints the users may need in completing their goal (example: Must be at least 6 characters and contain a number and a special character)"),(0,a.kt)("li",{parentName:"ul"},"allow copy/paste for ease of use"),(0,a.kt)("li",{parentName:"ul"},"if a character counter is necessary, place it below the text area"),(0,a.kt)("li",{parentName:"ul"},"match the text field area to the expected size of the input - make it wide enough for the user to see their entire entry"),(0,a.kt)("li",{parentName:"ul"},"write specific and descriptive error message for easy comprehension")),(0,a.kt)("h2",{id:"donts"},"Don'ts"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"don't use placeholder text in the text area - this may not be read by screen reading software, leading to accessibility issues"),(0,a.kt)("li",{parentName:"ul"},"don't have a mandatory minimum input of characters"),(0,a.kt)("li",{parentName:"ul"},"don't restrict the use of uncommon or special characters"),(0,a.kt)("li",{parentName:"ul"},"don't disable copyand paste functions")),(0,a.kt)("h2",{id:"when-to-use"},"When to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"use in any situation where the user needs to input limited amount of data (name, email address, age, etc)")),(0,a.kt)("h2",{id:"when-not-to-use"},"When not to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"do not use where the user needs to input a large, or unknown amount of data"),(0,a.kt)("li",{parentName:"ul"},"do not use when the user must respond with specific options which are known to the organisation")))}s.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Standard",id:"standard",children:[],level:2},{value:"Disabled",id:"disabled",children:[],level:2},{value:"Loading",id:"loading",children:[],level:2},{value:"Error",id:"error",children:[],level:2}]},d="wrapper";function p(e){let{components:t,...n}=e;return(0,a.kt)(d,(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"standard"},"Standard"),(0,a.kt)(u.ZP,{id:"components-forms-input--standard-input",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"disabled"},"Disabled"),(0,a.kt)(u.ZP,{id:"components-forms-input--disabled-input",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"loading"},"Loading"),(0,a.kt)(u.ZP,{id:"components-forms-input--loading-input",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"error"},"Error"),(0,a.kt)(u.ZP,{id:"components-forms-input--error-input",height:"120",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;const m={title:"Text Input",description:"",hide_table_of_contents:!0},h=void 0,f={unversionedId:"webdev/Components/Forms/TextInput",id:"webdev/Components/Forms/TextInput",title:"Text Input",description:"",source:"@site/docs/webdev/5-Components/7-Forms/2-TextInput.mdx",sourceDirName:"webdev/5-Components/7-Forms",slug:"/webdev/Components/Forms/TextInput",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/TextInput",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/text_input_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"Text Input",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Dropdown",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/Dropdown"},next:{title:"Radio",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/Radio"}},b=[],v={toc:b},y="wrapper";function g(e){let{components:t,...n}=e;return(0,a.kt)(y,(0,r.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(o.ZP,{usage:(0,a.kt)(s,{mdxType:"Usage"}),showcase:(0,a.kt)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}g.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var r=n(7462),a=(n(7294),n(3905)),o=n(2263);function i(){const{siteConfig:e}=(0,o.Z)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:i},s="wrapper";function u(e){let{components:t,...n}=e;return(0,a.kt)(s,(0,r.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("div",{className:"frameWrapper"},(0,a.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:i()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var r=n(7462),a=n(7294),o=n(3905),i=n(2389),l=n(9443);const s=function(){const e=(0,a.useContext)(l.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:r,values:o,groupId:i,className:l}=e,p=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=o??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),h=(0,u.lx)(m,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===r?r:r??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==f&&!m.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:v}=s(),[y,g]=(0,a.useState)(f),k=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.o5)();if(null!=i){const e=b[i];null!=e&&e!==y&&m.some((t=>t.value===e))&&g(e)}const x=e=>{const t=e.currentTarget,n=k.indexOf(t),r=m[n].value;r!==y&&(w(t),g(r),null!=i&&v(i,r))},T=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=k.indexOf(e.currentTarget)+1;t=k[n]||k[0];break}case"ArrowLeft":{const n=k.indexOf(e.currentTarget)-1;t=k[n]||k[k.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",d.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>k.push(e),onKeyDown:T,onFocus:x,onClick:x},n??t)}))),t?(0,a.cloneElement)(p.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,i.Z)();return a.createElement(p,(0,r.Z)({key:String(t)},e))}const h=function(e){let{children:t,hidden:n,className:r}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:f},v="wrapper";function y(e){let{components:t,...n}=e;return(0,o.kt)(v,(0,r.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(m,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,o.kt)(h,{value:"usage",mdxType:"TabItem"},n.usage),(0,o.kt)(h,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,o.kt)(h,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/30e35848.07372634.js b/docs/assets/js/30e35848.07372634.js deleted file mode 100644 index d8a9d0edf7..0000000000 --- a/docs/assets/js/30e35848.07372634.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1129],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>b});var o=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),d=u(n),m=a,b=d["".concat(i,".").concat(m)]||d[m]||p[m]||r;return n?o.createElement(b,l(l({ref:t},c),{},{components:n})):o.createElement(b,l({ref:t},c))}));function b(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,l=new Array(r);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[d]="string"==typeof e?e:a,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>b,default:()=>g,frontMatter:()=>m,metadata:()=>v,toc:()=>f});var o=n(7462),a=(n(7294),n(3905)),r=n(4037);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,a.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"The labeled icons are used as a visual represenation of every available action below data products. "),(0,a.kt)("h3",{id:"dos"},"Do's"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"keep the labels as short as possible"),(0,a.kt)("li",{parentName:"ul"},"always choose icons that the users can easily identify")),(0,a.kt)("h3",{id:"donts"},"Don'ts"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"don't use more than 5-6 labeled icons at once"),(0,a.kt)("li",{parentName:"ul"},"dont use less than two in one row")))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Download",id:"download",children:[],level:2},{value:"Language",id:"language",children:[],level:2},{value:"New tab",id:"new-tab",children:[],level:2},{value:"Group",id:"group",children:[],level:2}]},d="wrapper";function p(e){let{components:t,...n}=e;return(0,a.kt)(d,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"download"},"Download"),(0,a.kt)(u.ZP,{id:"components-labeled-icons-download--default",height:"200",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"language"},"Language"),(0,a.kt)(u.ZP,{id:"components-labeled-icons-language--default",height:"200",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"new-tab"},"New tab"),(0,a.kt)(u.ZP,{id:"components-labeled-icons-new-tab--default",height:"200",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"group"},"Group"),(0,a.kt)(u.ZP,{id:"components-labeled-icons-group--default",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;const m={title:"Labeled icons",description:"",hide_table_of_contents:!0},b=void 0,v={unversionedId:"webdev/Components/Labeled-icons",id:"webdev/Components/Labeled-icons",title:"Labeled icons",description:"",source:"@site/docs/webdev/5-Components/11-Labeled-icons.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Labeled-icons",permalink:"/volto-eea-design-system/docs/webdev/Components/Labeled-icons",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/labeled-icons_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:11,frontMatter:{title:"Labeled icons",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Item",permalink:"/volto-eea-design-system/docs/webdev/Components/Item"},next:{title:"Label",permalink:"/volto-eea-design-system/docs/webdev/Components/Labels"}},f=[],h={toc:f},y="wrapper";function g(e){let{components:t,...n}=e;return(0,a.kt)(y,(0,o.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(r.ZP,{usage:(0,a.kt)(i,{mdxType:"Usage"}),showcase:(0,a.kt)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}g.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var o=n(7462),a=(n(7294),n(3905)),r=n(2263);function l(){const{siteConfig:e}=(0,r.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,a.kt)(i,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("div",{className:"frameWrapper"},(0,a.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var o=n(7462),a=n(7294),r=n(3905),l=n(2389),s=n(9443);const i=function(){const e=(0,a.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:l,className:s}=e,p=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),b=(0,u.lx)(m,((e,t)=>e.value===t.value));if(b.length>0)throw new Error(`Docusaurus error: Duplicate values "${b.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const v=null===o?o:o??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==v&&!m.some((e=>e.value===v)))throw new Error(`Docusaurus error: The has a defaultValue "${v}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:h}=i(),[y,g]=(0,a.useState)(v),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,u.o5)();if(null!=l){const e=f[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&g(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==y&&(k(t),g(o),null!=l&&h(l,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",d.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,a.cloneElement)(p.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return a.createElement(p,(0,o.Z)({key:String(t)},e))}const b=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function v(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:v},h="wrapper";function y(e){let{components:t,...n}=e;return(0,r.kt)(h,(0,o.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(m,{defaultValue:"usage",values:v(n),mdxType:"Tabs"},(0,r.kt)(b,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.kt)(b,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.kt)(b,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/30e35848.97e8b165.js b/docs/assets/js/30e35848.97e8b165.js new file mode 100644 index 0000000000..c263d1ffdc --- /dev/null +++ b/docs/assets/js/30e35848.97e8b165.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[568],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>b});var o=n(1504);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),c=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},u=function(e){var t=c(e.components);return o.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),d=c(n),m=a,b=d["".concat(i,".").concat(m)]||d[m]||p[m]||r;return n?o.createElement(b,l(l({ref:t},u),{},{components:n})):o.createElement(b,l({ref:t},u))}));function b(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,l=new Array(r);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[d]="string"==typeof e?e:a,l[1]=s;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>b,default:()=>h,frontMatter:()=>m,metadata:()=>y,toc:()=>g});var o=n(5072),a=(n(1504),n(5788)),r=n(7144);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,a.yg)(s,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("p",null,"The labeled icons are used as a visual represenation of every available action below data products. "),(0,a.yg)("h3",{id:"dos"},"Do's"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"keep the labels as short as possible"),(0,a.yg)("li",{parentName:"ul"},"always choose icons that the users can easily identify")),(0,a.yg)("h3",{id:"donts"},"Don'ts"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"don't use more than 5-6 labeled icons at once"),(0,a.yg)("li",{parentName:"ul"},"dont use less than two in one row")))}i.isMDXComponent=!0;var c=n(4620);const u={toc:[{value:"Download",id:"download",children:[],level:2},{value:"Language",id:"language",children:[],level:2},{value:"New tab",id:"new-tab",children:[],level:2},{value:"Group",id:"group",children:[],level:2}]},d="wrapper";function p(e){let{components:t,...n}=e;return(0,a.yg)(d,(0,o.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("h2",{id:"download"},"Download"),(0,a.yg)(c.cp,{id:"components-labeled-icons-download--default",height:"200",mdxType:"Iframe"}," "),(0,a.yg)("h2",{id:"language"},"Language"),(0,a.yg)(c.cp,{id:"components-labeled-icons-language--default",height:"200",mdxType:"Iframe"}," "),(0,a.yg)("h2",{id:"new-tab"},"New tab"),(0,a.yg)(c.cp,{id:"components-labeled-icons-new-tab--default",height:"200",mdxType:"Iframe"}," "),(0,a.yg)("h2",{id:"group"},"Group"),(0,a.yg)(c.cp,{id:"components-labeled-icons-group--default",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;const m={title:"Labeled icons",description:"",hide_table_of_contents:!0},b=void 0,y={unversionedId:"webdev/Components/Labeled-icons",id:"webdev/Components/Labeled-icons",title:"Labeled icons",description:"",source:"@site/docs/webdev/5-Components/11-Labeled-icons.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Labeled-icons",permalink:"/volto-eea-design-system/docs/webdev/Components/Labeled-icons",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/labeled-icons_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:11,frontMatter:{title:"Labeled icons",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Item",permalink:"/volto-eea-design-system/docs/webdev/Components/Item"},next:{title:"Label",permalink:"/volto-eea-design-system/docs/webdev/Components/Labels"}},g=[],v={toc:g},f="wrapper";function h(e){let{components:t,...n}=e;return(0,a.yg)(f,(0,o.c)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(r.cp,{usage:(0,a.yg)(i,{mdxType:"Usage"}),showcase:(0,a.yg)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}h.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var o=n(5072),a=(n(1504),n(5788)),r=n(8264);function l(){const{siteConfig:e}=(0,r.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function c(e){let{components:t,...n}=e;return(0,a.yg)(i,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("div",{className:"frameWrapper"},(0,a.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>f});var o=n(5072),a=n(1504),r=n(5788),l=n(3664),s=n(7676);const i=function(){const e=(0,a.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:l,className:s}=e,p=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),b=(0,c.wn)(m,((e,t)=>e.value===t.value));if(b.length>0)throw new Error(`Docusaurus error: Duplicate values "${b.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===o?o:o??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==y&&!m.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:g,setTabGroupChoices:v}=i(),[f,h]=(0,a.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.MV)();if(null!=l){const e=g[l];null!=e&&e!==f&&m.some((t=>t.value===e))&&h(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==f&&(T(t),h(o),null!=l&&v(l,o))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:f===t?0:-1,"aria-selected":f===t,className:(0,u.c)("tabs__item",d.tabItem,{"tabs__item--active":f===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,a.cloneElement)(p.filter((e=>e.props.value===f))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==f})))))}function m(e){const t=(0,l.c)();return a.createElement(p,(0,o.c)({key:String(t)},e))}const b=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const g={toc:[],getValues:y},v="wrapper";function f(e){let{components:t,...n}=e;return(0,r.yg)(v,(0,o.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(m,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,r.yg)(b,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.yg)(b,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.yg)(b,{value:"api",mdxType:"TabItem"},n.api)))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/323ff172.8e77499f.js b/docs/assets/js/323ff172.8e77499f.js deleted file mode 100644 index daff3068b1..0000000000 --- a/docs/assets/js/323ff172.8e77499f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[432],{575:e=>{e.exports=JSON.parse('{"title":"Maps and charts","slug":"/category/maps-and-charts","permalink":"/volto-eea-design-system/docs/category/maps-and-charts","navigation":{"previous":{"title":"Design guidelines","permalink":"/volto-eea-design-system/docs/pubguide/design"},"next":{"title":"Dos and don\'ts","permalink":"/volto-eea-design-system/docs/dataguide/intro"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/323ff172.e14ba8ca.js b/docs/assets/js/323ff172.e14ba8ca.js new file mode 100644 index 0000000000..446e546a0d --- /dev/null +++ b/docs/assets/js/323ff172.e14ba8ca.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3098],{368:e=>{e.exports=JSON.parse('{"title":"Maps and charts","slug":"/category/maps-and-charts","permalink":"/volto-eea-design-system/docs/category/maps-and-charts","navigation":{"previous":{"title":"Design guidelines","permalink":"/volto-eea-design-system/docs/pubguide/design"},"next":{"title":"Dos and don\'ts","permalink":"/volto-eea-design-system/docs/dataguide/intro"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/3508f21e.6080a4b0.js b/docs/assets/js/3508f21e.6080a4b0.js new file mode 100644 index 0000000000..99de875bc7 --- /dev/null +++ b/docs/assets/js/3508f21e.6080a4b0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[972],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>g});var r=n(1504);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=r.createContext({}),u=function(e){var t=r.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return r.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,a=e.mdxType,o=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=u(n),m=a,g=p["".concat(i,".").concat(m)]||p[m]||d[m]||o;return n?r.createElement(g,l(l({ref:t},c),{},{components:n})):r.createElement(g,l({ref:t},c))}));function g(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var o=n.length,l=new Array(o);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:a,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>w,frontMatter:()=>g,metadata:()=>b,toc:()=>f});var r=n(5072),a=(n(1504),n(5788)),o=n(7144);const l={toc:[{value:"Layout Grid",id:"layout-grid",children:[{value:"Columns",id:"columns",children:[],level:3},{value:"Gutters",id:"gutters",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3},{value:"Breakpoints",id:"breakpoints",children:[],level:3}],level:2}]},s="wrapper";function i(e){let{components:t,...o}=e;return(0,a.yg)(s,(0,r.c)({},l,o,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("h2",{id:"layout-grid"},"Layout Grid"),(0,a.yg)("p",null,"The responsive layout grid is made up of three elements: columns, gutters, and margins."),(0,a.yg)("h3",{id:"columns"},"Columns"),(0,a.yg)("p",null,"Content is placed in the areas of the screen that contain columns. The number of columns displayed in the grid is determined by the breakpoint range, a range of predetermined screen sizes. A breakpoint can correspond with mobile, tablet, or other screen type."),(0,a.yg)("p",null,(0,a.yg)("img",{src:n(7208).c})),(0,a.yg)("br",null),(0,a.yg)("p",null,"On mobile, at a breakpoint of 480px, this layout grid uses 4 columns."),(0,a.yg)("p",null,(0,a.yg)("img",{src:n(8884).c})),(0,a.yg)("br",null),(0,a.yg)("p",null,"On tablet, at a breakpoint of 835px, this layout grid uses 8 columns."),(0,a.yg)("p",null,(0,a.yg)("img",{src:n(5552).c})," "),(0,a.yg)("br",null),"On desktop, at a breakpoint of 1025px, this layout grid uses 12 columns.",(0,a.yg)("p",null,(0,a.yg)("img",{src:n(8260).c})),(0,a.yg)("h3",{id:"gutters"},"Gutters"),(0,a.yg)("p",null,"A gutter is the space between columns that helps separate content. Gutter widths are fixed values at each breakpoint range. Wider gutters are more appropriate for larger screens, as they create more open space between columns."),(0,a.yg)("br",null),(0,a.yg)("p",null,"On mobile, at a breakpoint of 480px, this layout grid uses 20px gutters.",(0,a.yg)("br",{parentName:"p"}),"\n",(0,a.yg)("img",{src:n(8884).c})," "),(0,a.yg)("br",null),(0,a.yg)("p",null,"On tablet, at a breakpoint of 835px, this layout grid uses 20px gutters.",(0,a.yg)("br",{parentName:"p"}),"\n",(0,a.yg)("img",{src:n(5552).c})," "),(0,a.yg)("br",null),(0,a.yg)("p",null,"On desktop, at a breakpoint of 1025px, this layout grid uses 20px gutters.",(0,a.yg)("br",{parentName:"p"}),"\n",(0,a.yg)("img",{src:n(8260).c})," "),(0,a.yg)("h3",{id:"donts"},"Don\u2019ts"),(0,a.yg)("p",null,"Do not make gutters too large or the same width as the columns. Oversized gutters will not leave enough room for content and may prevent a layout from appearing unified."),(0,a.yg)("h3",{id:"breakpoints"},"Breakpoints"),(0,a.yg)("p",null,"A breakpoint is the screen size threshold determined by specific layout requirements. At a given breakpoint range, the layout adjusts to suit the screen size and orientation.\n\u0395\u0395\u0391 provides responsive layouts based on 4-column, 8-column, and 12-column grids, available for use across different screens, devices, and orientations.\nEach breakpoint range determines the number of columns, and recommended margins and gutters for each display size."),(0,a.yg)("table",{style:{textAlign:"center"}},(0,a.yg)("thead",{style:{width:"700px"}},(0,a.yg)("th",null),(0,a.yg)("th",null,"Breakpoints"),(0,a.yg)("th",null,"Columns"),(0,a.yg)("th",null,"Gutters"),(0,a.yg)("th",null,"Margins")),(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{fontWeight:"bold"}},"Mobile"),(0,a.yg)("td",null,"320-480px"),(0,a.yg)("td",null,"4"),(0,a.yg)("td",null,"20px or 1.25rem"),(0,a.yg)("td",null,"30px or 1.875rem")),(0,a.yg)("tr",null,(0,a.yg)("td",{style:{fontWeight:"bold"}},"Tablet"),(0,a.yg)("td",null,"481-835px"),(0,a.yg)("td",null,"8 "),(0,a.yg)("td",null,"20px or 1.25rem"),(0,a.yg)("td",null,"40px or 2.5rem")),(0,a.yg)("tr",null,(0,a.yg)("td",{style:{fontWeight:"bold"}},"Desktop"),(0,a.yg)("td",null,"1025px and above"),(0,a.yg)("td",null,"12"),(0,a.yg)("td",null,"20px or 1.25rem"),(0,a.yg)("td",null,"140px or 8.75rem")))))}i.isMDXComponent=!0;var u=n(4620);const c={toc:[{value:"Columns 12",id:"columns-12",children:[],level:2},{value:"Columns 12 With Col",id:"columns-12-with-col",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,a.yg)(p,(0,r.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("h2",{id:"columns-12"},"Columns 12"),(0,a.yg)(u.cp,{id:"layout-grid-component-grid--basic-12",mdxType:"Iframe"}," "),(0,a.yg)("h2",{id:"columns-12-with-col"},"Columns 12 With Col"),(0,a.yg)(u.cp,{id:"layout-grid-component-grid--grid-examples",height:"700",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="AccordionJSDoc";var m;const g={title:"Grid",description:"",hide_table_of_contents:!0},y=void 0,b={unversionedId:"webdev/Templates/Grid",id:"webdev/Templates/Grid",title:"Grid",description:"",source:"@site/docs/webdev/4-Templates/1-Grid.mdx",sourceDirName:"webdev/4-Templates",slug:"/webdev/Templates/Grid",permalink:"/volto-eea-design-system/docs/webdev/Templates/Grid",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/4-Templates/1-Grid.mdx",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Grid",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Templates",permalink:"/volto-eea-design-system/docs/category/templates"},next:{title:"Site Header",permalink:"/volto-eea-design-system/docs/webdev/Templates/SiteHeader"}},f=[],h={toc:f},v="wrapper";function w(e){let{components:t,...n}=e;return(0,a.yg)(v,(0,r.c)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(o.cp,{usage:(0,a.yg)(i,{mdxType:"Usage"}),showcase:(0,a.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>u});var r=n(5072),a=(n(1504),n(5788)),o=n(8264);function l(){const{siteConfig:e}=(0,o.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,a.yg)(i,(0,r.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("div",{className:"frameWrapper"},(0,a.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>h});var r=n(5072),a=n(1504),o=n(5788),l=n(3664),s=n(7676);const i=function(){const e=(0,a.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(7572),c=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:r,values:o,groupId:l,className:s}=e,d=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=o??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),g=(0,u.wn)(m,((e,t)=>e.value===t.value));if(g.length>0)throw new Error(`Docusaurus error: Duplicate values "${g.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===r?r:r??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==y&&!m.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:f}=i(),[h,v]=(0,a.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:x}=(0,u.MV)();if(null!=l){const e=b[l];null!=e&&e!==h&&m.some((t=>t.value===e))&&v(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),r=m[n].value;r!==h&&(x(t),v(r),null!=l&&f(l,r))},k=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:h===t?0:-1,"aria-selected":h===t,className:(0,c.c)("tabs__item",p.tabItem,{"tabs__item--active":h===t}),key:t,ref:e=>w.push(e),onKeyDown:k,onFocus:T,onClick:T},n??t)}))),t?(0,a.cloneElement)(d.filter((e=>e.props.value===h))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==h})))))}function m(e){const t=(0,l.c)();return a.createElement(d,(0,r.c)({key:String(t)},e))}const g=function(e){let{children:t,hidden:n,className:r}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:y},f="wrapper";function h(e){let{components:t,...n}=e;return(0,o.yg)(f,(0,r.c)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(m,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,o.yg)(g,{value:"usage",mdxType:"TabItem"},n.usage),(0,o.yg)(g,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,o.yg)(g,{value:"api",mdxType:"TabItem"},n.api)))}h.isMDXComponent=!0},8260:(e,t,n)=>{n.d(t,{c:()=>r});const r=n.p+"assets/images/desktop-mid-grid-cf22e84cd5e2e398b4b0c3572af2f69c.png"},7208:(e,t,n)=>{n.d(t,{c:()=>r});const r=n.p+"assets/images/grid-1-457ba1455e379f92f8f5ac31a3b4fe06.png"},8884:(e,t,n)=>{n.d(t,{c:()=>r});const r=n.p+"assets/images/mobile-mid-grid-3369be7b492d17f9c74f682146952309.png"},5552:(e,t,n)=>{n.d(t,{c:()=>r});const r=n.p+"assets/images/tablet-mid-grid-4d2b1819a441a7299ffeb138fff9c84b.png"}}]); \ No newline at end of file diff --git a/docs/assets/js/3508f21e.929876a1.js b/docs/assets/js/3508f21e.929876a1.js deleted file mode 100644 index 99fbf041c6..0000000000 --- a/docs/assets/js/3508f21e.929876a1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1500],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>b});var r=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=r.createContext({}),u=function(e){var t=r.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return r.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,a=e.mdxType,o=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),d=u(n),m=a,b=d["".concat(i,".").concat(m)]||d[m]||p[m]||o;return n?r.createElement(b,l(l({ref:t},c),{},{components:n})):r.createElement(b,l({ref:t},c))}));function b(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var o=n.length,l=new Array(o);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[d]="string"==typeof e?e:a,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>f,default:()=>y,frontMatter:()=>b,metadata:()=>h,toc:()=>k});var r=n(7462),a=(n(7294),n(3905)),o=n(4037);const l={toc:[{value:"Layout Grid",id:"layout-grid",children:[{value:"Columns",id:"columns",children:[],level:3},{value:"Gutters",id:"gutters",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3},{value:"Breakpoints",id:"breakpoints",children:[],level:3}],level:2}]},s="wrapper";function i(e){let{components:t,...o}=e;return(0,a.kt)(s,(0,r.Z)({},l,o,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"layout-grid"},"Layout Grid"),(0,a.kt)("p",null,"The responsive layout grid is made up of three elements: columns, gutters, and margins."),(0,a.kt)("h3",{id:"columns"},"Columns"),(0,a.kt)("p",null,"Content is placed in the areas of the screen that contain columns. The number of columns displayed in the grid is determined by the breakpoint range, a range of predetermined screen sizes. A breakpoint can correspond with mobile, tablet, or other screen type."),(0,a.kt)("p",null,(0,a.kt)("img",{src:n(9689).Z})),(0,a.kt)("br",null),(0,a.kt)("p",null,"On mobile, at a breakpoint of 480px, this layout grid uses 4 columns."),(0,a.kt)("p",null,(0,a.kt)("img",{src:n(3835).Z})),(0,a.kt)("br",null),(0,a.kt)("p",null,"On tablet, at a breakpoint of 835px, this layout grid uses 8 columns."),(0,a.kt)("p",null,(0,a.kt)("img",{src:n(121).Z})," "),(0,a.kt)("br",null),"On desktop, at a breakpoint of 1025px, this layout grid uses 12 columns.",(0,a.kt)("p",null,(0,a.kt)("img",{src:n(72).Z})),(0,a.kt)("h3",{id:"gutters"},"Gutters"),(0,a.kt)("p",null,"A gutter is the space between columns that helps separate content. Gutter widths are fixed values at each breakpoint range. Wider gutters are more appropriate for larger screens, as they create more open space between columns."),(0,a.kt)("br",null),(0,a.kt)("p",null,"On mobile, at a breakpoint of 480px, this layout grid uses 20px gutters.",(0,a.kt)("br",{parentName:"p"}),"\n",(0,a.kt)("img",{src:n(3835).Z})," "),(0,a.kt)("br",null),(0,a.kt)("p",null,"On tablet, at a breakpoint of 835px, this layout grid uses 20px gutters.",(0,a.kt)("br",{parentName:"p"}),"\n",(0,a.kt)("img",{src:n(121).Z})," "),(0,a.kt)("br",null),(0,a.kt)("p",null,"On desktop, at a breakpoint of 1025px, this layout grid uses 20px gutters.",(0,a.kt)("br",{parentName:"p"}),"\n",(0,a.kt)("img",{src:n(72).Z})," "),(0,a.kt)("h3",{id:"donts"},"Don\u2019ts"),(0,a.kt)("p",null,"Do not make gutters too large or the same width as the columns. Oversized gutters will not leave enough room for content and may prevent a layout from appearing unified."),(0,a.kt)("h3",{id:"breakpoints"},"Breakpoints"),(0,a.kt)("p",null,"A breakpoint is the screen size threshold determined by specific layout requirements. At a given breakpoint range, the layout adjusts to suit the screen size and orientation.\n\u0395\u0395\u0391 provides responsive layouts based on 4-column, 8-column, and 12-column grids, available for use across different screens, devices, and orientations.\nEach breakpoint range determines the number of columns, and recommended margins and gutters for each display size."),(0,a.kt)("table",{style:{textAlign:"center"}},(0,a.kt)("thead",{style:{width:"700px"}},(0,a.kt)("th",null),(0,a.kt)("th",null,"Breakpoints"),(0,a.kt)("th",null,"Columns"),(0,a.kt)("th",null,"Gutters"),(0,a.kt)("th",null,"Margins")),(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{fontWeight:"bold"}},"Mobile"),(0,a.kt)("td",null,"320-480px"),(0,a.kt)("td",null,"4"),(0,a.kt)("td",null,"20px or 1.25rem"),(0,a.kt)("td",null,"30px or 1.875rem")),(0,a.kt)("tr",null,(0,a.kt)("td",{style:{fontWeight:"bold"}},"Tablet"),(0,a.kt)("td",null,"481-835px"),(0,a.kt)("td",null,"8 "),(0,a.kt)("td",null,"20px or 1.25rem"),(0,a.kt)("td",null,"40px or 2.5rem")),(0,a.kt)("tr",null,(0,a.kt)("td",{style:{fontWeight:"bold"}},"Desktop"),(0,a.kt)("td",null,"1025px and above"),(0,a.kt)("td",null,"12"),(0,a.kt)("td",null,"20px or 1.25rem"),(0,a.kt)("td",null,"140px or 8.75rem")))))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Columns 12",id:"columns-12",children:[],level:2},{value:"Columns 12 With Col",id:"columns-12-with-col",children:[],level:2}]},d="wrapper";function p(e){let{components:t,...n}=e;return(0,a.kt)(d,(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"columns-12"},"Columns 12"),(0,a.kt)(u.ZP,{id:"layout-grid-component-grid--basic-12",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"columns-12-with-col"},"Columns 12 With Col"),(0,a.kt)(u.ZP,{id:"layout-grid-component-grid--grid-examples",height:"700",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;m="AccordionJSDoc";var m;const b={title:"Grid",description:"",hide_table_of_contents:!0},f=void 0,h={unversionedId:"webdev/Templates/Grid",id:"webdev/Templates/Grid",title:"Grid",description:"",source:"@site/docs/webdev/4-Templates/1-Grid.mdx",sourceDirName:"webdev/4-Templates",slug:"/webdev/Templates/Grid",permalink:"/volto-eea-design-system/docs/webdev/Templates/Grid",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/4-Templates/1-Grid.mdx",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Grid",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Templates",permalink:"/volto-eea-design-system/docs/category/templates"},next:{title:"Site Header",permalink:"/volto-eea-design-system/docs/webdev/Templates/SiteHeader"}},k=[],g={toc:k},v="wrapper";function y(e){let{components:t,...n}=e;return(0,a.kt)(v,(0,r.Z)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(o.ZP,{usage:(0,a.kt)(i,{mdxType:"Usage"}),showcase:(0,a.kt)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}y.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var r=n(7462),a=(n(7294),n(3905)),o=n(2263);function l(){const{siteConfig:e}=(0,o.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,a.kt)(i,(0,r.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("div",{className:"frameWrapper"},(0,a.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>g});var r=n(7462),a=n(7294),o=n(3905),l=n(2389),s=n(9443);const i=function(){const e=(0,a.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:r,values:o,groupId:l,className:s}=e,p=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=o??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),b=(0,u.lx)(m,((e,t)=>e.value===t.value));if(b.length>0)throw new Error(`Docusaurus error: Duplicate values "${b.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===r?r:r??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==f&&!m.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:h,setTabGroupChoices:k}=i(),[g,v]=(0,a.useState)(f),y=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.o5)();if(null!=l){const e=h[l];null!=e&&e!==g&&m.some((t=>t.value===e))&&v(e)}const x=e=>{const t=e.currentTarget,n=y.indexOf(t),r=m[n].value;r!==g&&(w(t),v(r),null!=l&&k(l,r))},T=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=y.indexOf(e.currentTarget)+1;t=y[n]||y[0];break}case"ArrowLeft":{const n=y.indexOf(e.currentTarget)-1;t=y[n]||y[y.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,c.Z)("tabs__item",d.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>y.push(e),onKeyDown:T,onFocus:x,onClick:x},n??t)}))),t?(0,a.cloneElement)(p.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function m(e){const t=(0,l.Z)();return a.createElement(p,(0,r.Z)({key:String(t)},e))}const b=function(e){let{children:t,hidden:n,className:r}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const h={toc:[],getValues:f},k="wrapper";function g(e){let{components:t,...n}=e;return(0,o.kt)(k,(0,r.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(m,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,o.kt)(b,{value:"usage",mdxType:"TabItem"},n.usage),(0,o.kt)(b,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,o.kt)(b,{value:"api",mdxType:"TabItem"},n.api)))}g.isMDXComponent=!0},72:(e,t,n)=>{n.d(t,{Z:()=>r});const r=n.p+"assets/images/desktop-mid-grid-cf22e84cd5e2e398b4b0c3572af2f69c.png"},9689:(e,t,n)=>{n.d(t,{Z:()=>r});const r=n.p+"assets/images/grid-1-457ba1455e379f92f8f5ac31a3b4fe06.png"},3835:(e,t,n)=>{n.d(t,{Z:()=>r});const r=n.p+"assets/images/mobile-mid-grid-3369be7b492d17f9c74f682146952309.png"},121:(e,t,n)=>{n.d(t,{Z:()=>r});const r=n.p+"assets/images/tablet-mid-grid-4d2b1819a441a7299ffeb138fff9c84b.png"}}]); \ No newline at end of file diff --git a/docs/assets/js/398224d0.709e26df.js b/docs/assets/js/398224d0.709e26df.js new file mode 100644 index 0000000000..fa770e342d --- /dev/null +++ b/docs/assets/js/398224d0.709e26df.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[8832],{5788:(l,o,e)=>{e.d(o,{Iu:()=>n,yg:()=>i});var t=e(1504);function a(l,o,e){return o in l?Object.defineProperty(l,o,{value:e,enumerable:!0,configurable:!0,writable:!0}):l[o]=e,l}function r(l,o){var e=Object.keys(l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(l);o&&(t=t.filter((function(o){return Object.getOwnPropertyDescriptor(l,o).enumerable}))),e.push.apply(e,t)}return e}function s(l){for(var o=1;o=0||(a[e]=l[e]);return a}(l,o);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(l);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(l,e)&&(a[e]=l[e])}return a}var c=t.createContext({}),g=function(l){var o=t.useContext(c),e=o;return l&&(e="function"==typeof l?l(o):s(s({},o),l)),e},n=function(l){var o=g(l.components);return t.createElement(c.Provider,{value:o},l.children)},b="mdxType",d={inlineCode:"code",wrapper:function(l){var o=l.children;return t.createElement(t.Fragment,{},o)}},u=t.forwardRef((function(l,o){var e=l.components,a=l.mdxType,r=l.originalType,c=l.parentName,n=y(l,["components","mdxType","originalType","parentName"]),b=g(e),u=a,i=b["".concat(c,".").concat(u)]||b[u]||d[u]||r;return e?t.createElement(i,s(s({ref:o},n),{},{components:e})):t.createElement(i,s({ref:o},n))}));function i(l,o){var e=arguments,a=o&&o.mdxType;if("string"==typeof l||a){var r=e.length,s=new Array(r);s[0]=u;var y={};for(var c in o)hasOwnProperty.call(o,c)&&(y[c]=o[c]);y.originalType=l,y[b]="string"==typeof l?l:a,s[1]=y;for(var g=2;g{e.r(o),e.d(o,{contentTitle:()=>v,default:()=>k,frontMatter:()=>x,metadata:()=>N,toc:()=>h});var t=e(5072),a=(e(1504),e(5788));const r={toc:[{value:"Tools for creating colour palettes",id:"tools-for-creating-colour-palettes",children:[],level:2}]},s="wrapper";function y(l){let{components:o,...e}=l;return(0,a.yg)(s,(0,t.c)({},r,e,{components:o,mdxType:"MDXLayout"}),(0,a.yg)("p",null,"Not all colours have to be used - sometimes a simple colour scheme works best. Accessible text and background colour combinations are included and marked with their accesibility level."),(0,a.yg)("div",{style:{width:"100%",float:"left"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--brown-0)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#FFF6EC",(0,a.yg)("br",null),"brown-0",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--brown-1)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#FFEDD8",(0,a.yg)("br",null),"brown-1",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--brown-2)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#E7BC91",(0,a.yg)("br",null),"brown-2",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--brown-3)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#BC8A5F",(0,a.yg)("br",null),"brown-3",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--brown-4)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#8B5E34",(0,a.yg)("br",null),"brown-4",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--brown-5)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#603808",(0,a.yg)("br",null),"brown-5",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--brown-6)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#3D2201",(0,a.yg)("br",null),"brown-6",(0,a.yg)("br",null)))))," ")),(0,a.yg)("br",null),(0,a.yg)("div",{style:{width:"100%",float:"left"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--purple-0)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#EFEBF2",(0,a.yg)("br",null),"purple-0",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--purple-1)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#DFD6E7",(0,a.yg)("br",null),"purple-1",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--purple-2)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#BEADCE",(0,a.yg)("br",null),"purple-2",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--purple-3)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#9E84B6",(0,a.yg)("br",null),"purple-3",(0,a.yg)("br",null)))))," "),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--purple-4)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#753AAD",(0,a.yg)("br",null),"purple-4",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--purple-5)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#5C3285",(0,a.yg)("br",null),"purple-5",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--purple-6)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#3C096C",(0,a.yg)("br",null),"purple-6",(0,a.yg)("br",null))))))),(0,a.yg)("div",{style:{width:"100%",float:"left"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--red-0)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#FBEEF8",(0,a.yg)("br",null),"red-0",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--red-1)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#F6DDF0",(0,a.yg)("br",null),"red-1",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--red-2)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#E7B2C0",(0,a.yg)("br",null),"red-2",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--red-3)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#D78890",(0,a.yg)("br",null),"red-3",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--red-4)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#C65B59",(0,a.yg)("br",null),"red-4",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--red-5)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#B83230",(0,a.yg)("br",null),"red-5",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--red-6)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#5C1918",(0,a.yg)("br",null),"red-6",(0,a.yg)("br",null)))))," ")),(0,a.yg)("br",null),(0,a.yg)("div",{style:{width:"100%",float:"left"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--yellow-0)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#FEF6CD",(0,a.yg)("br",null),"yellow-0",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--yellow-1)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#FBEC9B",(0,a.yg)("br",null),"yellow-1",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--yellow-2)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#FAD936",(0,a.yg)("br",null),"yellow-2",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--yellow-3)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#FAC50D",(0,a.yg)("br",null),"yellow-3",(0,a.yg)("br",null)))))," "),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--yellow-4)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#FDAF20",(0,a.yg)("br",null),"yellow-4",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--yellow-5)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#FF9933",(0,a.yg)("br",null),"yellow-5",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--yellow-6)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#C35527",(0,a.yg)("br",null),"yellow-6",(0,a.yg)("br",null))))))),(0,a.yg)("div",{style:{width:"100%",float:"left"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--green-0)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#C8FFF8",(0,a.yg)("br",null),"green-0",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--green-1)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#A0E5DC",(0,a.yg)("br",null),"green-1",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--green-2)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#78CAC0",(0,a.yg)("br",null),"green-2",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--green-3)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#50B0A4",(0,a.yg)("br",null),"green-3",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--green-4)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#289588",(0,a.yg)("br",null),"green-4",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--green-5)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#007B6C",(0,a.yg)("br",null),"green-5",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--green-6)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#005248",(0,a.yg)("br",null),"green-6",(0,a.yg)("br",null)))))," ")),(0,a.yg)("br",null),(0,a.yg)("div",{style:{width:"100%",float:"left"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--blue-0)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#A0D7FF",(0,a.yg)("br",null),"blue-0",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--blue-1)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#47B3FF",(0,a.yg)("br",null),"blue-1",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--blue-2)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#008FF5",(0,a.yg)("br",null),"blue-2",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--blue-3)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#0079CF",(0,a.yg)("br",null),"blue-3",(0,a.yg)("br",null)))))," "),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--blue-4)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#006BB8",(0,a.yg)("br",null),"blue-4",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--blue-5)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#004B7F",(0,a.yg)("br",null),"blue-5",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--blue-6)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#003052",(0,a.yg)("br",null),"blue-6",(0,a.yg)("br",null))))))),(0,a.yg)("div",{style:{width:"100%",float:"left"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--blue-grey-0)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#DAE8F4",(0,a.yg)("br",null),"blue-grey-0",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--blue-grey-1)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#ACCAE5",(0,a.yg)("br",null),"blue-grey-1",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--blue-grey-2)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#87A7C3",(0,a.yg)("br",null),"blue-grey-2",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--blue-grey-3)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#6989A5",(0,a.yg)("br",null),"blue-grey-3",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--blue-grey-4)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#4C677F",(0,a.yg)("br",null),"blue-grey-4",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--blue-grey-5)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#3D5265",(0,a.yg)("br",null),"blue-grey-5",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--blue-grey-6)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#2E3E4C",(0,a.yg)("br",null),"blue-grey-6",(0,a.yg)("br",null)))))," ")),(0,a.yg)("br",null),(0,a.yg)("div",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--grey-0)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#FFFFFF",(0,a.yg)("br",null),"grey-0",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--grey-1)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#F9F9F9",(0,a.yg)("br",null),"grey-1",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--grey-2)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#E6E7E8",(0,a.yg)("br",null),"grey-2",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--grey-3)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box"},"#BCBEC0",(0,a.yg)("br",null),"grey-3",(0,a.yg)("br",null)))))," "),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--grey-4)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#747678",(0,a.yg)("br",null),"grey-4",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--grey-5)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#323232",(0,a.yg)("br",null),"grey-5",(0,a.yg)("br",null)))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"var(--grey-6)"},className:"small-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box"},"#000000",(0,a.yg)("br",null),"grey-6",(0,a.yg)("br",null))))))),(0,a.yg)("br",null),(0,a.yg)("h2",{id:"tools-for-creating-colour-palettes"},"Tools for creating colour palettes"),(0,a.yg)("p",null,"You can use the following tools for creating colour wheels and additional shades for every main colour at each of EEA's network sites."),(0,a.yg)("p",null,(0,a.yg)("a",{parentName:"p",href:"https://color.adobe.com/create/color-wheel"},"https://color.adobe.com/create/color-wheel")," "),(0,a.yg)("p",null,(0,a.yg)("a",{parentName:"p",href:"https://coolors.co/"},"https://coolors.co/")," "),(0,a.yg)("p",null,(0,a.yg)("strong",{parentName:"p"},"Colours for maps")),(0,a.yg)("p",null,"For optional creation of additional colour shades to use in maps and charts you can use the following tools."),(0,a.yg)("p",null,(0,a.yg)("a",{parentName:"p",href:"https://colorbrewer2.org"},"https://colorbrewer2.org")),(0,a.yg)("p",null,(0,a.yg)("a",{parentName:"p",href:"https://carto.com/carto-colors/"},"https://carto.com/carto-colors/")))}y.isMDXComponent=!0;const c={toc:[]},g="wrapper";function n(l){let{components:o,...e}=l;return(0,a.yg)(g,(0,t.c)({},c,e,{components:o,mdxType:"MDXLayout"}),(0,a.yg)("p",null,"These colours highlight or complement the primary colours. These are to be used sparingly to make the UI elements stand out. These colours can be used together together or separately."),(0,a.yg)("div",{className:"row"},(0,a.yg)("div",{className:"col col--5"},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#3D5265"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"#F9F9F9"},className:"large-color-box"},"#3D5265",(0,a.yg)("br",null),"AAA")),(0,a.yg)("td",{style:{backgroundColor:"#F9F9F9"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"#3D5265"},className:"large-color-box"},"#F9F9F9",(0,a.yg)("br",null),"AAA")))))),(0,a.yg)("div",{className:"col col--7"},(0,a.yg)("div",{style:{float:"right"}}," \u0395\u0395\u0391 main background colour is white but the secondary colours can also be used as background to compliment text elements or components.",(0,a.yg)("br",null),(0,a.yg)("br",null),(0,a.yg)("b",null,"You can use #F9F9F9 as background with #3D5265 text (10.44:1 AAA) or, you can use #3D5265 background with #F9F9F9 text (10.44:1 AAA)")))),(0,a.yg)("div",{style:{width:"100%",float:"left"}},(0,a.yg)("h3",null,"Shades"),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#DAE8F4"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#DAE8F4"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#ACCAE5"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#ACCAE5"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#87A7C3"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#87A7C3"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#6989A5"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#6989A5"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#4C677F"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#4C677F"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#3D5265"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#3D5265"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#2E3E4C"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#2E3E4C"))))," ")),(0,a.yg)("br",null),(0,a.yg)("div",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#FFFFFF"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#FFFFFF"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#F9F9F9"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#F9F9F9"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#E6E7E8"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#E6E7E8"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#BCBEC0"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#BCBEC0"))))," "),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#747678"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#747678"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#323232"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#323232"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#000000"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#000000")))))))}n.isMDXComponent=!0;const b={toc:[{value:"Link colours",id:"link-colours",children:[],level:3}]},d="wrapper";function u(l){let{components:o,...e}=l;return(0,a.yg)(d,(0,t.c)({},b,e,{components:o,mdxType:"MDXLayout"}),(0,a.yg)("h3",{id:"link-colours"},"Link colours"),(0,a.yg)("table",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#006BB8"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#006BB8",(0,a.yg)("br",null),"Default")),(0,a.yg)("td",{style:{backgroundColor:"#004B7F"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#004B7F",(0,a.yg)("br",null),"Hover")),(0,a.yg)("td",{style:{backgroundColor:"#753AAD"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#753AAD",(0,a.yg)("br",null),"Visited")),(0,a.yg)("td",{style:{backgroundColor:"#003052"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#003052",(0,a.yg)("br",null),"Active"))))))}u.isMDXComponent=!0;const i={toc:[{value:"State colours",id:"state-colours",children:[],level:3}]},m="wrapper";function f(l){let{components:o,...e}=l;return(0,a.yg)(m,(0,t.c)({},i,e,{components:o,mdxType:"MDXLayout"}),(0,a.yg)("h3",{id:"state-colours"},"State colours"),(0,a.yg)("p",null,"These are the colours that communicate purpose. They help users convey messages.\nFor example, Green has a positive connotation. We use Green to convey success, confirmation messages, etc."),(0,a.yg)("table",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#B83230"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#B83230",(0,a.yg)("br",null),"ERROR")),(0,a.yg)("td",{style:{backgroundColor:"#FF9933"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"large-color-box"},"#FF9933",(0,a.yg)("br",null),"WARNING")),(0,a.yg)("td",{style:{backgroundColor:"#007B6C"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#007B6C",(0,a.yg)("br",null),"SUCCESS")),(0,a.yg)("td",{style:{backgroundColor:"#004B7F"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#004B7F",(0,a.yg)("br",null),"INFO"))))))}f.isMDXComponent=!0;const x={title:"Colours",description:"",order:2},v=void 0,N={unversionedId:"webdev/Guidelines/colours",id:"webdev/Guidelines/colours",title:"Colours",description:"",source:"@site/docs/webdev/3-Guidelines/2-colours.mdx",sourceDirName:"webdev/3-Guidelines",slug:"/webdev/Guidelines/colours",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/colours",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/3-Guidelines/2-colours.mdx",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"Colours",description:"",order:2},sidebar:"sidebar",previous:{title:"Typography",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/typography"},next:{title:"Use of images",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/images"}},h=[{value:"Communication is key",id:"communication-is-key",children:[],level:3},{value:"Accessibility",id:"accessibility",children:[{value:"Legend:",id:"legend",children:[],level:5}],level:3},{value:"Brand Colours",id:"brand-colours",children:[],level:2},{value:"Supplementary colours",id:"supplementary-colours",children:[],level:2},{value:"Core colours",id:"core-colours",children:[],level:2},{value:"Discrete colours",id:"discrete-colours",children:[],level:2},{value:"Thematic Platforms",id:"thematic-platforms",children:[{value:"Biodiversity",id:"biodiversity",children:[{value:"Brand Colours",id:"brand-colours-1",children:[],level:4},{value:"Core colours",id:"core-colours-1",children:[],level:4}],level:3},{value:"Forest Information System",id:"forest-information-system",children:[{value:"Brand Colours",id:"brand-colours-2",children:[],level:4},{value:"Core colours",id:"core-colours-2",children:[],level:4}],level:3},{value:"Wise Freshwater",id:"wise-freshwater",children:[{value:"Brand Colours",id:"brand-colours-3",children:[],level:4},{value:"Core colours",id:"core-colours-3",children:[],level:4}],level:3},{value:"Wise Marine",id:"wise-marine",children:[{value:"Brand Colours",id:"brand-colours-4",children:[],level:4},{value:"Core colours",id:"core-colours-4",children:[],level:4}],level:3}],level:2},{value:"EEA complete colour palette",id:"eea-complete-colour-palette",children:[],level:2}],C={toc:h},p="wrapper";function k(l){let{components:o,...r}=l;return(0,a.yg)(p,(0,t.c)({},C,r,{components:o,mdxType:"MDXLayout"}),(0,a.yg)("h3",{id:"communication-is-key"},"Communication is key"),(0,a.yg)("p",null,"Although we value an aesthetically pleasing use of colour, clear communication is our focus. We use colours to support the purpose of the content, communicating things like hierarchy of information, interactive states, and the difference between distinct elements."),(0,a.yg)("h3",{id:"accessibility"},"Accessibility"),(0,a.yg)("p",null,"Accessibility is crucial and AA colour contrast must be achieved. It is up to the designer to ensure these standards are met but please refer to the accessibility guide for support. The colour system is designed to generate themes that meet WCAG 2.1 compliant contrast ratios. This makes things easier to find, identify, and interact with. It also makes the whole experience more accessible for visitors who are colour blind or who have low vision. However, you should never convey information using colour alone."),(0,a.yg)("h5",{id:"legend"},"Legend:"),(0,a.yg)("b",null,"AA:")," Compatible with WCAG AA requirements",(0,a.yg)("br",null),(0,a.yg)("b",null,"AAA:")," Compatible with WCAG AAA requirements",(0,a.yg)("br",null),(0,a.yg)("b",null,"AA L:")," Compatible with WCAG AA requirements only for Large text (WCAG defines large text as text that is 18pt and larger, or 14pt and larger if it is bold.)",(0,a.yg)("br",null),(0,a.yg)("br",null),(0,a.yg)("p",null,"You can find more on WCAG requirements ",(0,a.yg)("a",{href:"https://www.w3.org/TR/WCAG21/"},"here")," "),(0,a.yg)("h2",{id:"brand-colours"},"Brand Colours"),(0,a.yg)("div",{className:"thematicLogoWrapperColour"},(0,a.yg)("p",null,(0,a.yg)("img",{src:e(96).c}))),(0,a.yg)("p",null,"This colour should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary colour is the colour displayed most frequently across your screens and components. Brand colours are extracted from the EEA logo in order to help users to easily identify the brand."),(0,a.yg)("div",{style:{width:"100%",float:"left"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#007B6C"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#007B6C",(0,a.yg)("br",null),"EEA GREEN"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#004B7F"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#004B7F",(0,a.yg)("br",null),"EEA BLUE")))))),(0,a.yg)("div",{style:{width:"100%",float:"left"}},(0,a.yg)("br",null),(0,a.yg)("h4",null,"Shades"),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#C8FFF8"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#C8FFF8"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#A0E5DC"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#A0E5DC"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#78CAC0"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#78CAC0"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#50B0A4"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#50B0A4"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#289588"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#289588"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#007B6C"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#007B6C"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#005248"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#005248"))))," ")),(0,a.yg)("br",null),(0,a.yg)("div",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#A0D7FF"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#A0D7FF"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#47B3FF"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#47B3FF"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#008FF5"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#008FF5"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#0079CF"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#0079CF"))))," "),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#006BB8"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#006BB8"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#004B7F"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#004B7F"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#003052"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#003052")))))),(0,a.yg)("h2",{id:"supplementary-colours"},"Supplementary colours"),(0,a.yg)(n,{mdxType:"SupplementaryColors"}),(0,a.yg)("h2",{id:"core-colours"},"Core colours"),(0,a.yg)("table",{style:{width:"100%",float:"left",marginBottom:"20px"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#3D5265"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#3D5265",(0,a.yg)("br",null),"Text colour")),(0,a.yg)("td",{style:{backgroundColor:"#FFFFFF"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"large-color-box"},"#FFFFFF",(0,a.yg)("br",null),"Background colour")),(0,a.yg)("td",{style:{backgroundColor:"#007B6C"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#007B6C",(0,a.yg)("br",null),"Highlight",(0,a.yg)("br",null),"(EEA Green)"))))),(0,a.yg)(u,{mdxType:"LinkColors"}),(0,a.yg)("h2",{id:"discrete-colours"},"Discrete colours"),(0,a.yg)("table",{style:{width:"100%",float:"left",marginBottom:"20px"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#3D5265"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#3D5265",(0,a.yg)("br",null),"Usually used with a small text style")),(0,a.yg)("td",{style:{backgroundColor:"#323232"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#323232",(0,a.yg)("br",null),"Used with a background"))))),(0,a.yg)(f,{mdxType:"StateColors"}),(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null),(0,a.yg)("h2",{id:"thematic-platforms"},"Thematic Platforms"),(0,a.yg)("div",{className:"admonition admonition-info alert alert--info"},(0,a.yg)("div",{parentName:"div",className:"admonition-heading"},(0,a.yg)("h5",{parentName:"div"},(0,a.yg)("span",{parentName:"h5",className:"admonition-icon"},(0,a.yg)("svg",{parentName:"span",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"16",viewBox:"0 0 14 16"},(0,a.yg)("path",{parentName:"svg",fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"}))),"info")),(0,a.yg)("div",{parentName:"div",className:"admonition-content"},(0,a.yg)("p",{parentName:"div"},"All thematic platforms use EEA Supplementary ",(0,a.yg)("strong",{parentName:"p"},"colours, state colours, link colours and discrete colours.")))),(0,a.yg)("br",null),(0,a.yg)("h3",{id:"biodiversity"},"Biodiversity"),(0,a.yg)("div",{className:"thematicLogoWrapperColour"},(0,a.yg)("p",null,(0,a.yg)("img",{src:e(8106).c}))),(0,a.yg)("h4",{id:"brand-colours-1"},"Brand Colours"),(0,a.yg)("p",null,"This colour should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary colour is the colour displayed most frequently across your screens and components. Brand colours are extracted from the Biodiversity logo in order to help users to easily identify the brand."),(0,a.yg)("div",{style:{width:"100%",float:"left"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#289588"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"large-color-box"},"#289588 "))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#FAC50D"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"large-color-box"},"#FAC50D ")))))),(0,a.yg)("div",{style:{width:"100%",float:"left"}},(0,a.yg)("br",null),(0,a.yg)("h4",null,"Shades"),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#C8FFF8"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#C8FFF8"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#A0E5DC"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#A0E5DC"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#78CAC0"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#78CAC0"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#50B0A4"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#50B0A4"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#289588"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#289588"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#007B6C"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#007B6C"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#005248"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#005248"))))," ")),(0,a.yg)("br",null),(0,a.yg)("div",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#FEF6CD"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#FEF6CD"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#FBEC9B"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#FBEC9B"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#FAD936"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#FAD936"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#FAC50D"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#FAC50D"))))," "),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#FDAF20"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#FDAF20"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#FF9933"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#FF9933"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#C35527"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#C35527")))))),(0,a.yg)("h4",{id:"core-colours-1"},"Core colours"),(0,a.yg)("table",{style:{width:"100%",float:"left",marginBottom:"20px"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#3D5265"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#3D5265 ",(0,a.yg)("br",null),"Text colour")),(0,a.yg)("td",{style:{backgroundColor:"#FFFFFF"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"large-color-box"},"#FFFFFF ",(0,a.yg)("br",null),"Background colour")),(0,a.yg)("td",{style:{backgroundColor:"#005248"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#005248",(0,a.yg)("br",null)," Elements ")),(0,a.yg)("td",{style:{backgroundColor:"#289588"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"large-color-box"},"#289588",(0,a.yg)("br",null)," Highlight "))))),(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null),(0,a.yg)("h3",{id:"forest-information-system"},"Forest Information System"),(0,a.yg)("div",{className:"thematicLogoWrapperColour"},(0,a.yg)("p",null,(0,a.yg)("img",{src:e(9548).c}))),(0,a.yg)("h4",{id:"brand-colours-2"},"Brand Colours"),(0,a.yg)("p",null,"This colour should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary colour is the colour displayed most frequently across your screens and components. Brand colours are extracted from the Forest information system logo in order to help users to easily identify the brand."),(0,a.yg)("div",{style:{width:"100%",float:"left"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#007B6C"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#007B6C "))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#005248"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#005248 ")))))),(0,a.yg)("h4",null,"Shades"),(0,a.yg)("div",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#C8FFF8"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#C8FFF8"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#A0E5DC"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#A0E5DC"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#78CAC0"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#78CAC0"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#50B0A4"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#50B0A4"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#289588"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#289588"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#007B6C"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#007B6C"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#005248"},className:"small-color-td-box-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#005248"))))," ")),(0,a.yg)("br",null),(0,a.yg)("h4",{id:"core-colours-2"},"Core colours"),(0,a.yg)("table",{style:{width:"100%",float:"left",marginBottom:"20px"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#3D5265"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#3D5265 ",(0,a.yg)("br",null),"Text colour")),(0,a.yg)("td",{style:{backgroundColor:"#FFFFFF"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"large-color-box"},"#FFFFFF ",(0,a.yg)("br",null),"Background colour")),(0,a.yg)("td",{style:{backgroundColor:"#005248"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#005248",(0,a.yg)("br",null)," Elements ")),(0,a.yg)("td",{style:{backgroundColor:"#007B6C"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#007B6C",(0,a.yg)("br",null)," Highlight "))))),(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null),(0,a.yg)("h3",{id:"wise-freshwater"},"Wise Freshwater"),(0,a.yg)("div",{className:"thematicLogoWrapperColour"},(0,a.yg)("p",null,(0,a.yg)("img",{src:e(8428).c}))),(0,a.yg)("h4",{id:"brand-colours-3"},"Brand Colours"),(0,a.yg)("p",null,"This colour should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary colour is the colour displayed most frequently across your screens and components. Brand colours are extracted from the Wise Freshwater logo in order to help users to easily identify the brand."),(0,a.yg)("div",{style:{width:"100%",float:"left"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#0079CF"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#0079CF "))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#004B7F"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#004B7F"))))),(0,a.yg)("br",null)),(0,a.yg)("h4",null,"Shades"),(0,a.yg)("div",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#A0D7FF"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#A0D7FF"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#47B3FF"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#47B3FF"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#008FF5"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#008FF5"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#0079CF"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#0079CF"))))," "),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#006BB8"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#006BB8"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#004B7F"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#004B7F"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#003052"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#003052")))))),(0,a.yg)("h4",{id:"core-colours-3"},"Core colours"),(0,a.yg)("table",{style:{width:"100%",float:"left",marginBottom:"20px"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#3D5265"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#3D5265 ",(0,a.yg)("br",null),"Text colour")),(0,a.yg)("td",{style:{backgroundColor:"#FFFFFF"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"large-color-box"},"#FFFFFF ",(0,a.yg)("br",null),"Background colour")),(0,a.yg)("td",{style:{backgroundColor:"#0079CF"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#0079CF",(0,a.yg)("br",null)," Elements ")),(0,a.yg)("td",{style:{backgroundColor:"#004B7F"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#004B7F",(0,a.yg)("br",null)," Highlight "))))),(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null),(0,a.yg)("h3",{id:"wise-marine"},"Wise Marine"),(0,a.yg)("div",{className:"thematicLogoWrapperColour"},(0,a.yg)("p",null,(0,a.yg)("img",{src:e(9164).c}))),(0,a.yg)("h4",{id:"brand-colours-4"},"Brand Colours"),(0,a.yg)("p",null,"This colour should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary colour is the colour displayed most frequently across your screens and components. Brand colours are extracted from the Wise Marine logo in order to help users to easily identify the brand."),(0,a.yg)("div",{style:{width:"100%",float:"left"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#004B7F"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#004B7F"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#0079CF"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#0079CF "))))),(0,a.yg)("br",null)),(0,a.yg)("h4",null,"Shades"),(0,a.yg)("div",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#A0D7FF"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#A0D7FF"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#47B3FF"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#47B3FF"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#008FF5"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"black"},className:"small-color-box-70"},"#008FF5"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#0079CF"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#0079CF"))))," "),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#006BB8"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#006BB8"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#004B7F"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#004B7F"))))),(0,a.yg)("table",{style:{float:"left"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#003052"},className:"small-color-box-td-70"},(0,a.yg)("div",{style:{color:"white"},className:"small-color-box-70"},"#003052")))))),(0,a.yg)("h4",{id:"core-colours-4"},"Core colours"),(0,a.yg)("table",{style:{width:"100%",float:"left",marginBottom:"20px"}},(0,a.yg)("tbody",null,(0,a.yg)("tr",null,(0,a.yg)("td",{style:{backgroundColor:"#3D5265"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#3D5265 ",(0,a.yg)("br",null),"Text colour")),(0,a.yg)("td",{style:{backgroundColor:"#FFFFFF"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"black"},className:"large-color-box"},"#FFFFFF ",(0,a.yg)("br",null),"Background colour")),(0,a.yg)("td",{style:{backgroundColor:"#0079CF"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#0079CF",(0,a.yg)("br",null)," Elements ")),(0,a.yg)("td",{style:{backgroundColor:"#004B7F"},className:"large-color-box-td"},(0,a.yg)("div",{style:{color:"white"},className:"large-color-box"},"#004B7F",(0,a.yg)("br",null)," Highlight "))))),(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null)," ",(0,a.yg)("br",null),(0,a.yg)("h2",{id:"eea-complete-colour-palette"},"EEA complete colour palette"),(0,a.yg)(y,{mdxType:"EEAColorPalette"}))}k.isMDXComponent=!0},8106:(l,o,e)=>{e.d(o,{c:()=>t});const t=e.p+"assets/images/bise-aa7fc85e554b59bff490e34f09ab42cf.png"},9548:(l,o,e)=>{e.d(o,{c:()=>t});const t=e.p+"assets/images/fise-c1cff31d0e0023f8ce8b1f621d0ce013.png"},96:(l,o,e)=>{e.d(o,{c:()=>t});const t=e.p+"assets/images/new-eea-logo-de996f645c88d123c631d9b77cf77326.png"},8428:(l,o,e)=>{e.d(o,{c:()=>t});const t=e.p+"assets/images/wise-f-6767f4ea02bd3b48eb97cf19a54d3677.png"},9164:(l,o,e)=>{e.d(o,{c:()=>t});const t=e.p+"assets/images/wise-m-3c30ee362cad2c302719b3e1e6d84dd2.png"}}]); \ No newline at end of file diff --git a/docs/assets/js/398224d0.fc4b7596.js b/docs/assets/js/398224d0.fc4b7596.js deleted file mode 100644 index bc32ece1db..0000000000 --- a/docs/assets/js/398224d0.fc4b7596.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2873],{3905:(l,t,o)=>{o.d(t,{Zo:()=>b,kt:()=>m});var e=o(7294);function a(l,t,o){return t in l?Object.defineProperty(l,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):l[t]=o,l}function r(l,t){var o=Object.keys(l);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(l);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(l,t).enumerable}))),o.push.apply(o,e)}return o}function s(l){for(var t=1;t=0||(a[o]=l[o]);return a}(l,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(l);for(e=0;e=0||Object.prototype.propertyIsEnumerable.call(l,o)&&(a[o]=l[o])}return a}var k=e.createContext({}),n=function(l){var t=e.useContext(k),o=t;return l&&(o="function"==typeof l?l(t):s(s({},t),l)),o},b=function(l){var t=n(l.components);return e.createElement(k.Provider,{value:t},l.children)},d="mdxType",u={inlineCode:"code",wrapper:function(l){var t=l.children;return e.createElement(e.Fragment,{},t)}},i=e.forwardRef((function(l,t){var o=l.components,a=l.mdxType,r=l.originalType,k=l.parentName,b=c(l,["components","mdxType","originalType","parentName"]),d=n(o),i=a,m=d["".concat(k,".").concat(i)]||d[i]||u[i]||r;return o?e.createElement(m,s(s({ref:t},b),{},{components:o})):e.createElement(m,s({ref:t},b))}));function m(l,t){var o=arguments,a=t&&t.mdxType;if("string"==typeof l||a){var r=o.length,s=new Array(r);s[0]=i;var c={};for(var k in t)hasOwnProperty.call(t,k)&&(c[k]=t[k]);c.originalType=l,c[d]="string"==typeof l?l:a,s[1]=c;for(var n=2;n{o.r(t),o.d(t,{contentTitle:()=>x,default:()=>p,frontMatter:()=>g,metadata:()=>v,toc:()=>N});var e=o(7462),a=(o(7294),o(3905));const r={toc:[{value:"Tools for creating colour palettes",id:"tools-for-creating-colour-palettes",children:[],level:2}]},s="wrapper";function c(l){let{components:t,...o}=l;return(0,a.kt)(s,(0,e.Z)({},r,o,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"Not all colours have to be used - sometimes a simple colour scheme works best. Accessible text and background colour combinations are included and marked with their accesibility level."),(0,a.kt)("div",{style:{width:"100%",float:"left"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--brown-0)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#FFF6EC",(0,a.kt)("br",null),"brown-0",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--brown-1)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#FFEDD8",(0,a.kt)("br",null),"brown-1",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--brown-2)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#E7BC91",(0,a.kt)("br",null),"brown-2",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--brown-3)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#BC8A5F",(0,a.kt)("br",null),"brown-3",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--brown-4)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#8B5E34",(0,a.kt)("br",null),"brown-4",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--brown-5)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#603808",(0,a.kt)("br",null),"brown-5",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--brown-6)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#3D2201",(0,a.kt)("br",null),"brown-6",(0,a.kt)("br",null)))))," ")),(0,a.kt)("br",null),(0,a.kt)("div",{style:{width:"100%",float:"left"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--purple-0)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#EFEBF2",(0,a.kt)("br",null),"purple-0",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--purple-1)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#DFD6E7",(0,a.kt)("br",null),"purple-1",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--purple-2)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#BEADCE",(0,a.kt)("br",null),"purple-2",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--purple-3)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#9E84B6",(0,a.kt)("br",null),"purple-3",(0,a.kt)("br",null)))))," "),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--purple-4)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#753AAD",(0,a.kt)("br",null),"purple-4",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--purple-5)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#5C3285",(0,a.kt)("br",null),"purple-5",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--purple-6)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#3C096C",(0,a.kt)("br",null),"purple-6",(0,a.kt)("br",null))))))),(0,a.kt)("div",{style:{width:"100%",float:"left"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--red-0)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#FBEEF8",(0,a.kt)("br",null),"red-0",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--red-1)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#F6DDF0",(0,a.kt)("br",null),"red-1",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--red-2)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#E7B2C0",(0,a.kt)("br",null),"red-2",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--red-3)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#D78890",(0,a.kt)("br",null),"red-3",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--red-4)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#C65B59",(0,a.kt)("br",null),"red-4",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--red-5)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#B83230",(0,a.kt)("br",null),"red-5",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--red-6)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#5C1918",(0,a.kt)("br",null),"red-6",(0,a.kt)("br",null)))))," ")),(0,a.kt)("br",null),(0,a.kt)("div",{style:{width:"100%",float:"left"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--yellow-0)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#FEF6CD",(0,a.kt)("br",null),"yellow-0",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--yellow-1)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#FBEC9B",(0,a.kt)("br",null),"yellow-1",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--yellow-2)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#FAD936",(0,a.kt)("br",null),"yellow-2",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--yellow-3)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#FAC50D",(0,a.kt)("br",null),"yellow-3",(0,a.kt)("br",null)))))," "),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--yellow-4)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#FDAF20",(0,a.kt)("br",null),"yellow-4",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--yellow-5)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#FF9933",(0,a.kt)("br",null),"yellow-5",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--yellow-6)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#C35527",(0,a.kt)("br",null),"yellow-6",(0,a.kt)("br",null))))))),(0,a.kt)("div",{style:{width:"100%",float:"left"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--green-0)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#C8FFF8",(0,a.kt)("br",null),"green-0",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--green-1)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#A0E5DC",(0,a.kt)("br",null),"green-1",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--green-2)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#78CAC0",(0,a.kt)("br",null),"green-2",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--green-3)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#50B0A4",(0,a.kt)("br",null),"green-3",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--green-4)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#289588",(0,a.kt)("br",null),"green-4",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--green-5)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#007B6C",(0,a.kt)("br",null),"green-5",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--green-6)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#005248",(0,a.kt)("br",null),"green-6",(0,a.kt)("br",null)))))," ")),(0,a.kt)("br",null),(0,a.kt)("div",{style:{width:"100%",float:"left"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--blue-0)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#A0D7FF",(0,a.kt)("br",null),"blue-0",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--blue-1)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#47B3FF",(0,a.kt)("br",null),"blue-1",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--blue-2)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#008FF5",(0,a.kt)("br",null),"blue-2",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--blue-3)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#0079CF",(0,a.kt)("br",null),"blue-3",(0,a.kt)("br",null)))))," "),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--blue-4)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#006BB8",(0,a.kt)("br",null),"blue-4",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--blue-5)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#004B7F",(0,a.kt)("br",null),"blue-5",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--blue-6)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#003052",(0,a.kt)("br",null),"blue-6",(0,a.kt)("br",null))))))),(0,a.kt)("div",{style:{width:"100%",float:"left"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--blue-grey-0)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#DAE8F4",(0,a.kt)("br",null),"blue-grey-0",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--blue-grey-1)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#ACCAE5",(0,a.kt)("br",null),"blue-grey-1",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--blue-grey-2)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#87A7C3",(0,a.kt)("br",null),"blue-grey-2",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--blue-grey-3)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#6989A5",(0,a.kt)("br",null),"blue-grey-3",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--blue-grey-4)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#4C677F",(0,a.kt)("br",null),"blue-grey-4",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--blue-grey-5)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#3D5265",(0,a.kt)("br",null),"blue-grey-5",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--blue-grey-6)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#2E3E4C",(0,a.kt)("br",null),"blue-grey-6",(0,a.kt)("br",null)))))," ")),(0,a.kt)("br",null),(0,a.kt)("div",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--grey-0)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#FFFFFF",(0,a.kt)("br",null),"grey-0",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--grey-1)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#F9F9F9",(0,a.kt)("br",null),"grey-1",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--grey-2)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#E6E7E8",(0,a.kt)("br",null),"grey-2",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--grey-3)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box"},"#BCBEC0",(0,a.kt)("br",null),"grey-3",(0,a.kt)("br",null)))))," "),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--grey-4)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#747678",(0,a.kt)("br",null),"grey-4",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--grey-5)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#323232",(0,a.kt)("br",null),"grey-5",(0,a.kt)("br",null)))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"var(--grey-6)"},className:"small-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box"},"#000000",(0,a.kt)("br",null),"grey-6",(0,a.kt)("br",null))))))),(0,a.kt)("br",null),(0,a.kt)("h2",{id:"tools-for-creating-colour-palettes"},"Tools for creating colour palettes"),(0,a.kt)("p",null,"You can use the following tools for creating colour wheels and additional shades for every main colour at each of EEA's network sites."),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://color.adobe.com/create/color-wheel"},"https://color.adobe.com/create/color-wheel")," "),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://coolors.co/"},"https://coolors.co/")," "),(0,a.kt)("p",null,(0,a.kt)("strong",{parentName:"p"},"Colours for maps")),(0,a.kt)("p",null,"For optional creation of additional colour shades to use in maps and charts you can use the following tools."),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://colorbrewer2.org"},"https://colorbrewer2.org")),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://carto.com/carto-colors/"},"https://carto.com/carto-colors/")))}c.isMDXComponent=!0;const k={toc:[]},n="wrapper";function b(l){let{components:t,...o}=l;return(0,a.kt)(n,(0,e.Z)({},k,o,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"These colours highlight or complement the primary colours. These are to be used sparingly to make the UI elements stand out. These colours can be used together together or separately."),(0,a.kt)("div",{className:"row"},(0,a.kt)("div",{className:"col col--5"},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#3D5265"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"#F9F9F9"},className:"large-color-box"},"#3D5265",(0,a.kt)("br",null),"AAA")),(0,a.kt)("td",{style:{backgroundColor:"#F9F9F9"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"#3D5265"},className:"large-color-box"},"#F9F9F9",(0,a.kt)("br",null),"AAA")))))),(0,a.kt)("div",{className:"col col--7"},(0,a.kt)("div",{style:{float:"right"}}," \u0395\u0395\u0391 main background colour is white but the secondary colours can also be used as background to compliment text elements or components.",(0,a.kt)("br",null),(0,a.kt)("br",null),(0,a.kt)("b",null,"You can use #F9F9F9 as background with #3D5265 text (10.44:1 AAA) or, you can use #3D5265 background with #F9F9F9 text (10.44:1 AAA)")))),(0,a.kt)("div",{style:{width:"100%",float:"left"}},(0,a.kt)("h3",null,"Shades"),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#DAE8F4"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#DAE8F4"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#ACCAE5"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#ACCAE5"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#87A7C3"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#87A7C3"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#6989A5"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#6989A5"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#4C677F"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#4C677F"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#3D5265"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#3D5265"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#2E3E4C"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#2E3E4C"))))," ")),(0,a.kt)("br",null),(0,a.kt)("div",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#FFFFFF"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#FFFFFF"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#F9F9F9"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#F9F9F9"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#E6E7E8"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#E6E7E8"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#BCBEC0"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#BCBEC0"))))," "),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#747678"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#747678"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#323232"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#323232"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#000000"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#000000")))))))}b.isMDXComponent=!0;const d={toc:[{value:"Link colours",id:"link-colours",children:[],level:3}]},u="wrapper";function i(l){let{components:t,...o}=l;return(0,a.kt)(u,(0,e.Z)({},d,o,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h3",{id:"link-colours"},"Link colours"),(0,a.kt)("table",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#006BB8"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#006BB8",(0,a.kt)("br",null),"Default")),(0,a.kt)("td",{style:{backgroundColor:"#004B7F"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#004B7F",(0,a.kt)("br",null),"Hover")),(0,a.kt)("td",{style:{backgroundColor:"#753AAD"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#753AAD",(0,a.kt)("br",null),"Visited")),(0,a.kt)("td",{style:{backgroundColor:"#003052"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#003052",(0,a.kt)("br",null),"Active"))))))}i.isMDXComponent=!0;const m={toc:[{value:"State colours",id:"state-colours",children:[],level:3}]},y="wrapper";function f(l){let{components:t,...o}=l;return(0,a.kt)(y,(0,e.Z)({},m,o,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h3",{id:"state-colours"},"State colours"),(0,a.kt)("p",null,"These are the colours that communicate purpose. They help users convey messages.\nFor example, Green has a positive connotation. We use Green to convey success, confirmation messages, etc."),(0,a.kt)("table",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#B83230"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#B83230",(0,a.kt)("br",null),"ERROR")),(0,a.kt)("td",{style:{backgroundColor:"#FF9933"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#FF9933",(0,a.kt)("br",null),"WARNING")),(0,a.kt)("td",{style:{backgroundColor:"#007B6C"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#007B6C",(0,a.kt)("br",null),"SUCCESS")),(0,a.kt)("td",{style:{backgroundColor:"#004B7F"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#004B7F",(0,a.kt)("br",null),"INFO"))))))}f.isMDXComponent=!0;const g={title:"Colours",description:"",order:2},x=void 0,v={unversionedId:"webdev/Guidelines/colours",id:"webdev/Guidelines/colours",title:"Colours",description:"",source:"@site/docs/webdev/3-Guidelines/2-colours.mdx",sourceDirName:"webdev/3-Guidelines",slug:"/webdev/Guidelines/colours",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/colours",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/3-Guidelines/2-colours.mdx",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"Colours",description:"",order:2},sidebar:"sidebar",previous:{title:"Typography",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/typography"},next:{title:"Use of images",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/images"}},N=[{value:"Communication is key",id:"communication-is-key",children:[],level:3},{value:"Accessibility",id:"accessibility",children:[{value:"Legend:",id:"legend",children:[],level:5}],level:3},{value:"Brand Colours",id:"brand-colours",children:[],level:2},{value:"Supplementary colours",id:"supplementary-colours",children:[],level:2},{value:"Core colours",id:"core-colours",children:[],level:2},{value:"Discrete colours",id:"discrete-colours",children:[],level:2},{value:"Thematic Platforms",id:"thematic-platforms",children:[{value:"Biodiversity",id:"biodiversity",children:[{value:"Brand Colours",id:"brand-colours-1",children:[],level:4},{value:"Core colours",id:"core-colours-1",children:[],level:4}],level:3},{value:"Forest Information System",id:"forest-information-system",children:[{value:"Brand Colours",id:"brand-colours-2",children:[],level:4},{value:"Core colours",id:"core-colours-2",children:[],level:4}],level:3},{value:"Wise Freshwater",id:"wise-freshwater",children:[{value:"Brand Colours",id:"brand-colours-3",children:[],level:4},{value:"Core colours",id:"core-colours-3",children:[],level:4}],level:3},{value:"Wise Marine",id:"wise-marine",children:[{value:"Brand Colours",id:"brand-colours-4",children:[],level:4},{value:"Core colours",id:"core-colours-4",children:[],level:4}],level:3}],level:2},{value:"EEA complete colour palette",id:"eea-complete-colour-palette",children:[],level:2}],h={toc:N},C="wrapper";function p(l){let{components:t,...r}=l;return(0,a.kt)(C,(0,e.Z)({},h,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h3",{id:"communication-is-key"},"Communication is key"),(0,a.kt)("p",null,"Although we value an aesthetically pleasing use of colour, clear communication is our focus. We use colours to support the purpose of the content, communicating things like hierarchy of information, interactive states, and the difference between distinct elements."),(0,a.kt)("h3",{id:"accessibility"},"Accessibility"),(0,a.kt)("p",null,"Accessibility is crucial and AA colour contrast must be achieved. It is up to the designer to ensure these standards are met but please refer to the accessibility guide for support. The colour system is designed to generate themes that meet WCAG 2.1 compliant contrast ratios. This makes things easier to find, identify, and interact with. It also makes the whole experience more accessible for visitors who are colour blind or who have low vision. However, you should never convey information using colour alone."),(0,a.kt)("h5",{id:"legend"},"Legend:"),(0,a.kt)("b",null,"AA:")," Compatible with WCAG AA requirements",(0,a.kt)("br",null),(0,a.kt)("b",null,"AAA:")," Compatible with WCAG AAA requirements",(0,a.kt)("br",null),(0,a.kt)("b",null,"AA L:")," Compatible with WCAG AA requirements only for Large text (WCAG defines large text as text that is 18pt and larger, or 14pt and larger if it is bold.)",(0,a.kt)("br",null),(0,a.kt)("br",null),(0,a.kt)("p",null,"You can find more on WCAG requirements ",(0,a.kt)("a",{href:"https://www.w3.org/TR/WCAG21/"},"here")," "),(0,a.kt)("h2",{id:"brand-colours"},"Brand Colours"),(0,a.kt)("div",{className:"thematicLogoWrapperColour"},(0,a.kt)("p",null,(0,a.kt)("img",{src:o(1433).Z}))),(0,a.kt)("p",null,"This colour should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary colour is the colour displayed most frequently across your screens and components. Brand colours are extracted from the EEA logo in order to help users to easily identify the brand."),(0,a.kt)("div",{style:{width:"100%",float:"left"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#007B6C"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#007B6C",(0,a.kt)("br",null),"EEA GREEN"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#004B7F"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#004B7F",(0,a.kt)("br",null),"EEA BLUE")))))),(0,a.kt)("div",{style:{width:"100%",float:"left"}},(0,a.kt)("br",null),(0,a.kt)("h4",null,"Shades"),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#C8FFF8"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#C8FFF8"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#A0E5DC"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#A0E5DC"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#78CAC0"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#78CAC0"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#50B0A4"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#50B0A4"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#289588"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#289588"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#007B6C"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#007B6C"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#005248"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#005248"))))," ")),(0,a.kt)("br",null),(0,a.kt)("div",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#A0D7FF"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#A0D7FF"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#47B3FF"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#47B3FF"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#008FF5"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#008FF5"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#0079CF"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#0079CF"))))," "),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#006BB8"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#006BB8"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#004B7F"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#004B7F"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#003052"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#003052")))))),(0,a.kt)("h2",{id:"supplementary-colours"},"Supplementary colours"),(0,a.kt)(b,{mdxType:"SupplementaryColors"}),(0,a.kt)("h2",{id:"core-colours"},"Core colours"),(0,a.kt)("table",{style:{width:"100%",float:"left",marginBottom:"20px"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#3D5265"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#3D5265",(0,a.kt)("br",null),"Text colour")),(0,a.kt)("td",{style:{backgroundColor:"#FFFFFF"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#FFFFFF",(0,a.kt)("br",null),"Background colour")),(0,a.kt)("td",{style:{backgroundColor:"#007B6C"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#007B6C",(0,a.kt)("br",null),"Highlight",(0,a.kt)("br",null),"(EEA Green)"))))),(0,a.kt)(i,{mdxType:"LinkColors"}),(0,a.kt)("h2",{id:"discrete-colours"},"Discrete colours"),(0,a.kt)("table",{style:{width:"100%",float:"left",marginBottom:"20px"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#3D5265"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#3D5265",(0,a.kt)("br",null),"Usually used with a small text style")),(0,a.kt)("td",{style:{backgroundColor:"#323232"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#323232",(0,a.kt)("br",null),"Used with a background"))))),(0,a.kt)(f,{mdxType:"StateColors"}),(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null),(0,a.kt)("h2",{id:"thematic-platforms"},"Thematic Platforms"),(0,a.kt)("div",{className:"admonition admonition-info alert alert--info"},(0,a.kt)("div",{parentName:"div",className:"admonition-heading"},(0,a.kt)("h5",{parentName:"div"},(0,a.kt)("span",{parentName:"h5",className:"admonition-icon"},(0,a.kt)("svg",{parentName:"span",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"16",viewBox:"0 0 14 16"},(0,a.kt)("path",{parentName:"svg",fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"}))),"info")),(0,a.kt)("div",{parentName:"div",className:"admonition-content"},(0,a.kt)("p",{parentName:"div"},"All thematic platforms use EEA Supplementary ",(0,a.kt)("strong",{parentName:"p"},"colours, state colours, link colours and discrete colours.")))),(0,a.kt)("br",null),(0,a.kt)("h3",{id:"biodiversity"},"Biodiversity"),(0,a.kt)("div",{className:"thematicLogoWrapperColour"},(0,a.kt)("p",null,(0,a.kt)("img",{src:o(1359).Z}))),(0,a.kt)("h4",{id:"brand-colours-1"},"Brand Colours"),(0,a.kt)("p",null,"This colour should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary colour is the colour displayed most frequently across your screens and components. Brand colours are extracted from the Biodiversity logo in order to help users to easily identify the brand."),(0,a.kt)("div",{style:{width:"100%",float:"left"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#289588"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#289588 "))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#FAC50D"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#FAC50D ")))))),(0,a.kt)("div",{style:{width:"100%",float:"left"}},(0,a.kt)("br",null),(0,a.kt)("h4",null,"Shades"),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#C8FFF8"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#C8FFF8"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#A0E5DC"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#A0E5DC"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#78CAC0"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#78CAC0"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#50B0A4"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#50B0A4"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#289588"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#289588"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#007B6C"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#007B6C"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#005248"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#005248"))))," ")),(0,a.kt)("br",null),(0,a.kt)("div",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#FEF6CD"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#FEF6CD"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#FBEC9B"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#FBEC9B"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#FAD936"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#FAD936"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#FAC50D"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#FAC50D"))))," "),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#FDAF20"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#FDAF20"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#FF9933"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#FF9933"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#C35527"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#C35527")))))),(0,a.kt)("h4",{id:"core-colours-1"},"Core colours"),(0,a.kt)("table",{style:{width:"100%",float:"left",marginBottom:"20px"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#3D5265"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#3D5265 ",(0,a.kt)("br",null),"Text colour")),(0,a.kt)("td",{style:{backgroundColor:"#FFFFFF"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#FFFFFF ",(0,a.kt)("br",null),"Background colour")),(0,a.kt)("td",{style:{backgroundColor:"#005248"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#005248",(0,a.kt)("br",null)," Elements ")),(0,a.kt)("td",{style:{backgroundColor:"#289588"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#289588",(0,a.kt)("br",null)," Highlight "))))),(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null),(0,a.kt)("h3",{id:"forest-information-system"},"Forest Information System"),(0,a.kt)("div",{className:"thematicLogoWrapperColour"},(0,a.kt)("p",null,(0,a.kt)("img",{src:o(1440).Z}))),(0,a.kt)("h4",{id:"brand-colours-2"},"Brand Colours"),(0,a.kt)("p",null,"This colour should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary colour is the colour displayed most frequently across your screens and components. Brand colours are extracted from the Forest information system logo in order to help users to easily identify the brand."),(0,a.kt)("div",{style:{width:"100%",float:"left"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#007B6C"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#007B6C "))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#005248"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#005248 ")))))),(0,a.kt)("h4",null,"Shades"),(0,a.kt)("div",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#C8FFF8"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#C8FFF8"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#A0E5DC"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#A0E5DC"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#78CAC0"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#78CAC0"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#50B0A4"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#50B0A4"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#289588"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#289588"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#007B6C"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#007B6C"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#005248"},className:"small-color-td-box-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#005248"))))," ")),(0,a.kt)("br",null),(0,a.kt)("h4",{id:"core-colours-2"},"Core colours"),(0,a.kt)("table",{style:{width:"100%",float:"left",marginBottom:"20px"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#3D5265"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#3D5265 ",(0,a.kt)("br",null),"Text colour")),(0,a.kt)("td",{style:{backgroundColor:"#FFFFFF"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#FFFFFF ",(0,a.kt)("br",null),"Background colour")),(0,a.kt)("td",{style:{backgroundColor:"#005248"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#005248",(0,a.kt)("br",null)," Elements ")),(0,a.kt)("td",{style:{backgroundColor:"#007B6C"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#007B6C",(0,a.kt)("br",null)," Highlight "))))),(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null),(0,a.kt)("h3",{id:"wise-freshwater"},"Wise Freshwater"),(0,a.kt)("div",{className:"thematicLogoWrapperColour"},(0,a.kt)("p",null,(0,a.kt)("img",{src:o(6410).Z}))),(0,a.kt)("h4",{id:"brand-colours-3"},"Brand Colours"),(0,a.kt)("p",null,"This colour should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary colour is the colour displayed most frequently across your screens and components. Brand colours are extracted from the Wise Freshwater logo in order to help users to easily identify the brand."),(0,a.kt)("div",{style:{width:"100%",float:"left"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#0079CF"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#0079CF "))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#004B7F"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#004B7F"))))),(0,a.kt)("br",null)),(0,a.kt)("h4",null,"Shades"),(0,a.kt)("div",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#A0D7FF"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#A0D7FF"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#47B3FF"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#47B3FF"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#008FF5"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#008FF5"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#0079CF"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#0079CF"))))," "),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#006BB8"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#006BB8"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#004B7F"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#004B7F"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#003052"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#003052")))))),(0,a.kt)("h4",{id:"core-colours-3"},"Core colours"),(0,a.kt)("table",{style:{width:"100%",float:"left",marginBottom:"20px"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#3D5265"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#3D5265 ",(0,a.kt)("br",null),"Text colour")),(0,a.kt)("td",{style:{backgroundColor:"#FFFFFF"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#FFFFFF ",(0,a.kt)("br",null),"Background colour")),(0,a.kt)("td",{style:{backgroundColor:"#0079CF"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#0079CF",(0,a.kt)("br",null)," Elements ")),(0,a.kt)("td",{style:{backgroundColor:"#004B7F"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#004B7F",(0,a.kt)("br",null)," Highlight "))))),(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null),(0,a.kt)("h3",{id:"wise-marine"},"Wise Marine"),(0,a.kt)("div",{className:"thematicLogoWrapperColour"},(0,a.kt)("p",null,(0,a.kt)("img",{src:o(7439).Z}))),(0,a.kt)("h4",{id:"brand-colours-4"},"Brand Colours"),(0,a.kt)("p",null,"This colour should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary colour is the colour displayed most frequently across your screens and components. Brand colours are extracted from the Wise Marine logo in order to help users to easily identify the brand."),(0,a.kt)("div",{style:{width:"100%",float:"left"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#004B7F"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#004B7F"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#0079CF"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#0079CF "))))),(0,a.kt)("br",null)),(0,a.kt)("h4",null,"Shades"),(0,a.kt)("div",{style:{width:"100%",float:"left",marginBottom:"40px"}},(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#A0D7FF"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#A0D7FF"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#47B3FF"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#47B3FF"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#008FF5"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"black"},className:"small-color-box-70"},"#008FF5"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#0079CF"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#0079CF"))))," "),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#006BB8"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#006BB8"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#004B7F"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#004B7F"))))),(0,a.kt)("table",{style:{float:"left"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#003052"},className:"small-color-box-td-70"},(0,a.kt)("div",{style:{color:"white"},className:"small-color-box-70"},"#003052")))))),(0,a.kt)("h4",{id:"core-colours-4"},"Core colours"),(0,a.kt)("table",{style:{width:"100%",float:"left",marginBottom:"20px"}},(0,a.kt)("tbody",null,(0,a.kt)("tr",null,(0,a.kt)("td",{style:{backgroundColor:"#3D5265"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#3D5265 ",(0,a.kt)("br",null),"Text colour")),(0,a.kt)("td",{style:{backgroundColor:"#FFFFFF"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"black"},className:"large-color-box"},"#FFFFFF ",(0,a.kt)("br",null),"Background colour")),(0,a.kt)("td",{style:{backgroundColor:"#0079CF"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#0079CF",(0,a.kt)("br",null)," Elements ")),(0,a.kt)("td",{style:{backgroundColor:"#004B7F"},className:"large-color-box-td"},(0,a.kt)("div",{style:{color:"white"},className:"large-color-box"},"#004B7F",(0,a.kt)("br",null)," Highlight "))))),(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null)," ",(0,a.kt)("br",null),(0,a.kt)("h2",{id:"eea-complete-colour-palette"},"EEA complete colour palette"),(0,a.kt)(c,{mdxType:"EEAColorPalette"}))}p.isMDXComponent=!0},1359:(l,t,o)=>{o.d(t,{Z:()=>e});const e=o.p+"assets/images/bise-aa7fc85e554b59bff490e34f09ab42cf.png"},1440:(l,t,o)=>{o.d(t,{Z:()=>e});const e=o.p+"assets/images/fise-c1cff31d0e0023f8ce8b1f621d0ce013.png"},1433:(l,t,o)=>{o.d(t,{Z:()=>e});const e=o.p+"assets/images/new-eea-logo-de996f645c88d123c631d9b77cf77326.png"},6410:(l,t,o)=>{o.d(t,{Z:()=>e});const e=o.p+"assets/images/wise-f-6767f4ea02bd3b48eb97cf19a54d3677.png"},7439:(l,t,o)=>{o.d(t,{Z:()=>e});const e=o.p+"assets/images/wise-m-3c30ee362cad2c302719b3e1e6d84dd2.png"}}]); \ No newline at end of file diff --git a/docs/assets/js/39f50359.593bba5c.js b/docs/assets/js/39f50359.df9abb75.js similarity index 63% rename from docs/assets/js/39f50359.593bba5c.js rename to docs/assets/js/39f50359.df9abb75.js index 30755782d9..cd15d7766d 100644 --- a/docs/assets/js/39f50359.593bba5c.js +++ b/docs/assets/js/39f50359.df9abb75.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3661],{3905:(e,t,n)=>{n.d(t,{Zo:()=>l,kt:()=>f});var r=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d=r.createContext({}),c=function(e){var t=r.useContext(d),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},l=function(e){var t=c(e.components);return r.createElement(d.Provider,{value:t},e.children)},p="mdxType",u={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,a=e.mdxType,o=e.originalType,d=e.parentName,l=s(e,["components","mdxType","originalType","parentName"]),p=c(n),m=a,f=p["".concat(d,".").concat(m)]||p[m]||u[m]||o;return n?r.createElement(f,i(i({ref:t},l),{},{components:n})):r.createElement(f,i({ref:t},l))}));function f(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var o=n.length,i=new Array(o);i[0]=m;var s={};for(var d in t)hasOwnProperty.call(t,d)&&(s[d]=t[d]);s.originalType=e,s[p]="string"==typeof e?e:a,i[1]=s;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>i,default:()=>p,frontMatter:()=>o,metadata:()=>s,toc:()=>d});var r=n(7462),a=(n(7294),n(3905));const o={title:"Dos and don'ts",description:"",hide_table_of_contents:!0},i=void 0,s={unversionedId:"dataguide/intro",id:"dataguide/intro",title:"Dos and don'ts",description:"",source:"@site/docs/dataguide/0-intro.md",sourceDirName:"dataguide",slug:"/dataguide/intro",permalink:"/volto-eea-design-system/docs/dataguide/intro",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/dataguide/0-intro.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Dos and don'ts",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Maps and charts",permalink:"/volto-eea-design-system/docs/category/maps-and-charts"}},d=[],c={toc:d},l="wrapper";function p(e){let{components:t,...n}=e;return(0,a.kt)(l,(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"Guidelines and best practices for effective and user-friendly data visualisations."),(0,a.kt)("div",{className:"admonition admonition-info alert alert--info"},(0,a.kt)("div",{parentName:"div",className:"admonition-heading"},(0,a.kt)("h5",{parentName:"div"},(0,a.kt)("span",{parentName:"h5",className:"admonition-icon"},(0,a.kt)("svg",{parentName:"span",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"16",viewBox:"0 0 14 16"},(0,a.kt)("path",{parentName:"svg",fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"}))),"info")),(0,a.kt)("div",{parentName:"div",className:"admonition-content"},(0,a.kt)("p",{parentName:"div"},"Check the following page:"),(0,a.kt)("ul",{parentName:"div"},(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"https://www.eea.europa.eu/data-and-maps/daviz/learn-more/chart-dos-and-donts"},"Dos and don\u2019ts of data visualisation")," by EEA")))))}p.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5305],{5788:(e,t,n)=>{n.d(t,{Iu:()=>l,yg:()=>f});var r=n(1504);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c=r.createContext({}),d=function(e){var t=r.useContext(c),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},l=function(e){var t=d(e.components);return r.createElement(c.Provider,{value:t},e.children)},p="mdxType",u={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,a=e.mdxType,o=e.originalType,c=e.parentName,l=s(e,["components","mdxType","originalType","parentName"]),p=d(n),m=a,f=p["".concat(c,".").concat(m)]||p[m]||u[m]||o;return n?r.createElement(f,i(i({ref:t},l),{},{components:n})):r.createElement(f,i({ref:t},l))}));function f(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var o=n.length,i=new Array(o);i[0]=m;var s={};for(var c in t)hasOwnProperty.call(t,c)&&(s[c]=t[c]);s.originalType=e,s[p]="string"==typeof e?e:a,i[1]=s;for(var d=2;d{n.r(t),n.d(t,{contentTitle:()=>i,default:()=>p,frontMatter:()=>o,metadata:()=>s,toc:()=>c});var r=n(5072),a=(n(1504),n(5788));const o={title:"Dos and don'ts",description:"",hide_table_of_contents:!0},i=void 0,s={unversionedId:"dataguide/intro",id:"dataguide/intro",title:"Dos and don'ts",description:"",source:"@site/docs/dataguide/0-intro.md",sourceDirName:"dataguide",slug:"/dataguide/intro",permalink:"/volto-eea-design-system/docs/dataguide/intro",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/dataguide/0-intro.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Dos and don'ts",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Maps and charts",permalink:"/volto-eea-design-system/docs/category/maps-and-charts"}},c=[],d={toc:c},l="wrapper";function p(e){let{components:t,...n}=e;return(0,a.yg)(l,(0,r.c)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("p",null,"Guidelines and best practices for effective and user-friendly data visualisations."),(0,a.yg)("div",{className:"admonition admonition-info alert alert--info"},(0,a.yg)("div",{parentName:"div",className:"admonition-heading"},(0,a.yg)("h5",{parentName:"div"},(0,a.yg)("span",{parentName:"h5",className:"admonition-icon"},(0,a.yg)("svg",{parentName:"span",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"16",viewBox:"0 0 14 16"},(0,a.yg)("path",{parentName:"svg",fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"}))),"info")),(0,a.yg)("div",{parentName:"div",className:"admonition-content"},(0,a.yg)("p",{parentName:"div"},"Check the following page:"),(0,a.yg)("ul",{parentName:"div"},(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("a",{parentName:"li",href:"https://www.eea.europa.eu/data-and-maps/daviz/learn-more/chart-dos-and-donts"},"Dos and don\u2019ts of data visualisation")," by EEA")))))}p.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/3aee128f.465c5637.js b/docs/assets/js/3aee128f.ec680267.js similarity index 56% rename from docs/assets/js/3aee128f.465c5637.js rename to docs/assets/js/3aee128f.ec680267.js index 41312fc0b4..1577a6d31b 100644 --- a/docs/assets/js/3aee128f.465c5637.js +++ b/docs/assets/js/3aee128f.ec680267.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[7578],{3905:(e,t,n)=>{n.d(t,{Zo:()=>u,kt:()=>h});var o=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),c=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},u=function(e){var t=c(e.components);return o.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),d=c(n),m=r,h=d["".concat(i,".").concat(m)]||d[m]||p[m]||a;return n?o.createElement(h,l(l({ref:t},u),{},{components:n})):o.createElement(h,l({ref:t},u))}));function h(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[d]="string"==typeof e?e:r,l[1]=s;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>b,default:()=>w,frontMatter:()=>h,metadata:()=>v,toc:()=>f});var o=n(7462),r=(n(7294),n(3905)),a=n(4037);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,r.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"The accordion component is used to generate vertically stacked content in a page. It is intended to save vertical space by hiding content, reducing scrolling."),(0,r.kt)("p",null,"Accordions contain labels with the relevant information. Users can click on the accordion to read additional information. For this reason, accordion labels (collapsed state) should be as descriptive and concise as possible."),(0,r.kt)("h3",{id:"dos"},"Do's"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"use labels that are representative of the content inside the (initially hidden) container"),(0,r.kt)("li",{parentName:"ul"},"order logically (such as 1st quarter, 2nd quarter, 3rd quarter, 4th quarter)"),(0,r.kt)("li",{parentName:"ul"},"make sure this component is required in order to shorten the page")),(0,r.kt)("h3",{id:"donts"},"Don'ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"don't use unless users will benefit from hidden information"),(0,r.kt)("li",{parentName:"ul"},"don't use actionable items (i.e. forms, accordions, buttons, CTAs, etc.) or pictures in the content container as they will have decreased visibility"),(0,r.kt)("li",{parentName:"ul"},"don't hide important information that should be present at all times"),(0,r.kt)("li",{parentName:"ul"},"don't use long labels, ideally keep it to one line, maximum 2")),(0,r.kt)("h3",{id:"when-to-use"},"When to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"when you need to present multiple sections of content in a simple way on one page, without overwhelming the user (especially applicable to mobile)"),(0,r.kt)("li",{parentName:"ul"},"when it\u2019s not critical for every user to read every section of content, adding value"),(0,r.kt)("li",{parentName:"ul"},"when you can make extensive and complex content easier to digest through descriptive labels")),(0,r.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"don't use when pages are short (reading time: under 3 minutes)"),(0,r.kt)("li",{parentName:"ul"},"don't use when information would be better structured horizontally (does not need comparison between sections) - use tabs instead")))}i.isMDXComponent=!0;var c=n(7521);const u={toc:[]},d="wrapper";function p(e){let{components:t,...n}=e;return(0,r.kt)(d,(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(c.ZP,{id:"components-accordion--default&args=variant:styled;fluid:false;styled:false",height:"400",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;m="AccordionJSDoc";var m;const h={title:"Accordion",description:"",hide_table_of_contents:!0},b=void 0,v={unversionedId:"webdev/Components/Accordion",id:"webdev/Components/Accordion",title:"Accordion",description:"",source:"@site/docs/webdev/5-Components/0-Accordion.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Accordion",permalink:"/volto-eea-design-system/docs/webdev/Components/Accordion",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/accordion_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Accordion",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Components",permalink:"/volto-eea-design-system/docs/category/components"},next:{title:"Breadcrumb",permalink:"/volto-eea-design-system/docs/webdev/Components/Breadcrumb"}},f=[],y={toc:f},g="wrapper";function w(e){let{components:t,...n}=e;return(0,r.kt)(g,(0,o.Z)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(i,{mdxType:"Usage"}),showcase:(0,r.kt)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>c});var o=n(7462),r=(n(7294),n(3905)),a=n(2263);function l(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function c(e){let{components:t,...n}=e;return(0,r.kt)(i,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var o=n(7462),r=n(7294),a=n(3905),l=n(2389),s=n(9443);const i=function(){const e=(0,r.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(3810),u=n(6010);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,p=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),h=(0,c.lx)(m,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const b=null===o?o:o??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==b&&!m.some((e=>e.value===b)))throw new Error(`Docusaurus error: The has a defaultValue "${b}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:f}=i(),[y,g]=(0,r.useState)(b),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,c.o5)();if(null!=l){const e=v[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&g(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==y&&(k(t),g(o),null!=l&&f(l,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,u.Z)("tabs__item",d.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,r.cloneElement)(p.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return r.createElement(p,(0,o.Z)({key:String(t)},e))}const h=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function b(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:b},f="wrapper";function y(e){let{components:t,...n}=e;return(0,a.kt)(f,(0,o.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:b(n),mdxType:"Tabs"},(0,a.kt)(h,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(h,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(h,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3880],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>y});var o=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),c=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},u=function(e){var t=c(e.components);return o.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),d=c(n),m=r,y=d["".concat(i,".").concat(m)]||d[m]||p[m]||a;return n?o.createElement(y,l(l({ref:t},u),{},{components:n})):o.createElement(y,l({ref:t},u))}));function y(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[d]="string"==typeof e?e:r,l[1]=s;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>h,default:()=>w,frontMatter:()=>y,metadata:()=>g,toc:()=>b});var o=n(5072),r=(n(1504),n(5788)),a=n(7144);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,r.yg)(s,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"The accordion component is used to generate vertically stacked content in a page. It is intended to save vertical space by hiding content, reducing scrolling."),(0,r.yg)("p",null,"Accordions contain labels with the relevant information. Users can click on the accordion to read additional information. For this reason, accordion labels (collapsed state) should be as descriptive and concise as possible."),(0,r.yg)("h3",{id:"dos"},"Do's"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"use labels that are representative of the content inside the (initially hidden) container"),(0,r.yg)("li",{parentName:"ul"},"order logically (such as 1st quarter, 2nd quarter, 3rd quarter, 4th quarter)"),(0,r.yg)("li",{parentName:"ul"},"make sure this component is required in order to shorten the page")),(0,r.yg)("h3",{id:"donts"},"Don'ts"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"don't use unless users will benefit from hidden information"),(0,r.yg)("li",{parentName:"ul"},"don't use actionable items (i.e. forms, accordions, buttons, CTAs, etc.) or pictures in the content container as they will have decreased visibility"),(0,r.yg)("li",{parentName:"ul"},"don't hide important information that should be present at all times"),(0,r.yg)("li",{parentName:"ul"},"don't use long labels, ideally keep it to one line, maximum 2")),(0,r.yg)("h3",{id:"when-to-use"},"When to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"when you need to present multiple sections of content in a simple way on one page, without overwhelming the user (especially applicable to mobile)"),(0,r.yg)("li",{parentName:"ul"},"when it\u2019s not critical for every user to read every section of content, adding value"),(0,r.yg)("li",{parentName:"ul"},"when you can make extensive and complex content easier to digest through descriptive labels")),(0,r.yg)("h3",{id:"when-not-to-use"},"When not to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"don't use when pages are short (reading time: under 3 minutes)"),(0,r.yg)("li",{parentName:"ul"},"don't use when information would be better structured horizontally (does not need comparison between sections) - use tabs instead")))}i.isMDXComponent=!0;var c=n(4620);const u={toc:[]},d="wrapper";function p(e){let{components:t,...n}=e;return(0,r.yg)(d,(0,o.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(c.cp,{id:"components-accordion--default&args=variant:styled;fluid:false;styled:false",height:"400",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;m="AccordionJSDoc";var m;const y={title:"Accordion",description:"",hide_table_of_contents:!0},h=void 0,g={unversionedId:"webdev/Components/Accordion",id:"webdev/Components/Accordion",title:"Accordion",description:"",source:"@site/docs/webdev/5-Components/0-Accordion.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Accordion",permalink:"/volto-eea-design-system/docs/webdev/Components/Accordion",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/accordion_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Accordion",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Components",permalink:"/volto-eea-design-system/docs/category/components"},next:{title:"Breadcrumb",permalink:"/volto-eea-design-system/docs/webdev/Components/Breadcrumb"}},b=[],v={toc:b},f="wrapper";function w(e){let{components:t,...n}=e;return(0,r.yg)(f,(0,o.c)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(a.cp,{usage:(0,r.yg)(i,{mdxType:"Usage"}),showcase:(0,r.yg)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var o=n(5072),r=(n(1504),n(5788)),a=n(8264);function l(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function c(e){let{components:t,...n}=e;return(0,r.yg)(i,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>v});var o=n(5072),r=n(1504),a=n(5788),l=n(3664),s=n(7676);const i=function(){const e=(0,r.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,p=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),y=(0,c.wn)(m,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const h=null===o?o:o??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==h&&!m.some((e=>e.value===h)))throw new Error(`Docusaurus error: The has a defaultValue "${h}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:g,setTabGroupChoices:b}=i(),[v,f]=(0,r.useState)(h),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.MV)();if(null!=l){const e=g[l];null!=e&&e!==v&&m.some((t=>t.value===e))&&f(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==v&&(T(t),f(o),null!=l&&b(l,o))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:v===t?0:-1,"aria-selected":v===t,className:(0,u.c)("tabs__item",d.tabItem,{"tabs__item--active":v===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,r.cloneElement)(p.filter((e=>e.props.value===v))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==v})))))}function m(e){const t=(0,l.c)();return r.createElement(p,(0,o.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function h(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const g={toc:[],getValues:h},b="wrapper";function v(e){let{components:t,...n}=e;return(0,a.yg)(b,(0,o.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(m,{defaultValue:"usage",values:h(n),mdxType:"Tabs"},(0,a.yg)(y,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(y,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(y,{value:"api",mdxType:"TabItem"},n.api)))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/3fc91083.1fc5f8a1.js b/docs/assets/js/3fc91083.1fc5f8a1.js deleted file mode 100644 index 42074e855d..0000000000 --- a/docs/assets/js/3fc91083.1fc5f8a1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[123],{3905:(e,t,a)=>{a.d(t,{Zo:()=>c,kt:()=>v});var n=a(7294);function r(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function o(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function s(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var l=n.createContext({}),u=function(e){var t=n.useContext(l),a=t;return e&&(a="function"==typeof e?e(t):s(s({},t),e)),a},c=function(e){var t=u(e.components);return n.createElement(l.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},m=n.forwardRef((function(e,t){var a=e.components,r=e.mdxType,o=e.originalType,l=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),p=u(a),m=r,v=p["".concat(l,".").concat(m)]||p[m]||d[m]||o;return a?n.createElement(v,s(s({ref:t},c),{},{components:a})):n.createElement(v,s({ref:t},c))}));function v(e,t){var a=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=a.length,s=new Array(o);s[0]=m;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i[p]="string"==typeof e?e:r,s[1]=i;for(var u=2;u{a.r(t),a.d(t,{contentTitle:()=>c,default:()=>b,frontMatter:()=>u,metadata:()=>p,toc:()=>d});var n=a(7462),r=(a(7294),a(3905)),o=a(4037);const s={toc:[{value:"Static and Interactive",id:"static-and-interactive",children:[],level:3},{value:"Use the interactive chart if:",id:"use-the-interactive-chart-if",children:[],level:3},{value:"Do not use the interactive chart if:",id:"do-not-use-the-interactive-chart-if",children:[],level:3}]},i="wrapper";function l(e){let{components:t,...a}=e;return(0,r.kt)(i,(0,n.Z)({},s,a,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h3",{id:"static-and-interactive"},"Static and Interactive"),(0,r.kt)("p",null,"Data accuracy and integrity come first. Don\u2019t distort or confuse the information for embellishment or partiality. Emphasize clarity and transparency. Reduce cognitive load and focus on what matters. Every action, color, and visual element should support data insights and understanding. "),(0,r.kt)("p",null,"More information can be referenced here ",(0,r.kt)("a",{parentName:"p",href:"https://www.eea.europa.eu/data-and-maps/daviz/learn-more/chart-dos-and-donts"},"https://www.eea.europa.eu/data-and-maps/daviz/learn-more/chart-dos-and-donts")," "),(0,r.kt)("h3",{id:"use-the-interactive-chart-if"},"Use the interactive chart if:"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"you want to give the user the possibility to visually filter data ")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"you want the user to gain insights before\u202ffiltering large datasets "))),(0,r.kt)("h3",{id:"do-not-use-the-interactive-chart-if"},"Do not use the interactive chart if:"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"you want to visualize data without using it for filtering")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"you are not using the visual filter bar"))))}l.isMDXComponent=!0;const u={title:"Charts",description:"",hide_table_of_contents:!0},c=void 0,p={unversionedId:"webdev/Components/Visuals/Charts",id:"webdev/Components/Visuals/Charts",title:"Charts",description:"",source:"@site/docs/webdev/5-Components/25-Visuals/1-Charts.mdx",sourceDirName:"webdev/5-Components/25-Visuals",slug:"/webdev/Components/Visuals/Charts",permalink:"/volto-eea-design-system/docs/webdev/Components/Visuals/Charts",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/charts_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Charts",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Dashboard",permalink:"/volto-eea-design-system/docs/webdev/Components/Visuals/Dashboard"},next:{title:"Maps",permalink:"/volto-eea-design-system/docs/webdev/Components/Visuals/Maps"}},d=[],m=(v="Showcase",function(e){return console.warn("Component "+v+" was not imported, exported, or provided by MDXProvider as global scope"),(0,r.kt)("div",e)});var v;const h={toc:d},f="wrapper";function b(e){let{components:t,...a}=e;return(0,r.kt)(f,(0,n.Z)({},h,a,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(o.ZP,{usage:(0,r.kt)(l,{mdxType:"Usage"}),showcase:(0,r.kt)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}b.isMDXComponent=!0},4037:(e,t,a)=>{a.d(t,{ZP:()=>y});var n=a(7462),r=a(7294),o=a(3905),s=a(2389),i=a(9443);const l=function(){const e=(0,r.useContext)(i.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=a(3810),c=a(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:a,defaultValue:n,values:o,groupId:s,className:i}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=o??d.map((e=>{let{props:{value:t,label:a}}=e;return{value:t,label:a}})),v=(0,u.lx)(m,((e,t)=>e.value===t.value));if(v.length>0)throw new Error(`Docusaurus error: Duplicate values "${v.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const h=null===n?n:n??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==h&&!m.some((e=>e.value===h)))throw new Error(`Docusaurus error: The has a defaultValue "${h}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:b}=l(),[y,w]=(0,r.useState)(h),g=[],{blockElementScrollPositionUntilNextRender:k}=(0,u.o5)();if(null!=s){const e=f[s];null!=e&&e!==y&&m.some((t=>t.value===e))&&w(e)}const T=e=>{const t=e.currentTarget,a=g.indexOf(t),n=m[a].value;n!==y&&(k(t),w(n),null!=s&&b(s,n))},C=e=>{let t=null;switch(e.key){case"ArrowRight":{const a=g.indexOf(e.currentTarget)+1;t=g[a]||g[0];break}case"ArrowLeft":{const a=g.indexOf(e.currentTarget)-1;t=g[a]||g[g.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":a},i)},m.map((e=>{let{value:t,label:a}=e;return r.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>g.push(e),onKeyDown:C,onFocus:T,onClick:T},a??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,s.Z)();return r.createElement(d,(0,n.Z)({key:String(t)},e))}const v=function(e){let{children:t,hidden:a,className:n}=e;return r.createElement("div",{role:"tabpanel",hidden:a,className:n},t)};function h(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:h},b="wrapper";function y(e){let{components:t,...a}=e;return(0,o.kt)(b,(0,n.Z)({},f,a,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(m,{defaultValue:"usage",values:h(a),mdxType:"Tabs"},(0,o.kt)(v,{value:"usage",mdxType:"TabItem"},a.usage),(0,o.kt)(v,{value:"showcase",mdxType:"TabItem"},a.showcase),(0,o.kt)(v,{value:"api",mdxType:"TabItem"},a.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/3fc91083.2b5300ac.js b/docs/assets/js/3fc91083.2b5300ac.js new file mode 100644 index 0000000000..6271bccaa9 --- /dev/null +++ b/docs/assets/js/3fc91083.2b5300ac.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3120],{5788:(e,t,a)=>{a.d(t,{Iu:()=>u,yg:()=>v});var n=a(1504);function r(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function o(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function s(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var l=n.createContext({}),c=function(e){var t=n.useContext(l),a=t;return e&&(a="function"==typeof e?e(t):s(s({},t),e)),a},u=function(e){var t=c(e.components);return n.createElement(l.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},m=n.forwardRef((function(e,t){var a=e.components,r=e.mdxType,o=e.originalType,l=e.parentName,u=i(e,["components","mdxType","originalType","parentName"]),p=c(a),m=r,v=p["".concat(l,".").concat(m)]||p[m]||d[m]||o;return a?n.createElement(v,s(s({ref:t},u),{},{components:a})):n.createElement(v,s({ref:t},u))}));function v(e,t){var a=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=a.length,s=new Array(o);s[0]=m;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i[p]="string"==typeof e?e:r,s[1]=i;for(var c=2;c{a.r(t),a.d(t,{contentTitle:()=>u,default:()=>f,frontMatter:()=>c,metadata:()=>p,toc:()=>d});var n=a(5072),r=(a(1504),a(5788)),o=a(7144);const s={toc:[{value:"Static and Interactive",id:"static-and-interactive",children:[],level:3},{value:"Use the interactive chart if:",id:"use-the-interactive-chart-if",children:[],level:3},{value:"Do not use the interactive chart if:",id:"do-not-use-the-interactive-chart-if",children:[],level:3}]},i="wrapper";function l(e){let{components:t,...a}=e;return(0,r.yg)(i,(0,n.c)({},s,a,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("h3",{id:"static-and-interactive"},"Static and Interactive"),(0,r.yg)("p",null,"Data accuracy and integrity come first. Don\u2019t distort or confuse the information for embellishment or partiality. Emphasize clarity and transparency. Reduce cognitive load and focus on what matters. Every action, color, and visual element should support data insights and understanding. "),(0,r.yg)("p",null,"More information can be referenced here ",(0,r.yg)("a",{parentName:"p",href:"https://www.eea.europa.eu/data-and-maps/daviz/learn-more/chart-dos-and-donts"},"https://www.eea.europa.eu/data-and-maps/daviz/learn-more/chart-dos-and-donts")," "),(0,r.yg)("h3",{id:"use-the-interactive-chart-if"},"Use the interactive chart if:"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},"you want to give the user the possibility to visually filter data ")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},"you want the user to gain insights before\u202ffiltering large datasets "))),(0,r.yg)("h3",{id:"do-not-use-the-interactive-chart-if"},"Do not use the interactive chart if:"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},"you want to visualize data without using it for filtering")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},"you are not using the visual filter bar"))))}l.isMDXComponent=!0;const c={title:"Charts",description:"",hide_table_of_contents:!0},u=void 0,p={unversionedId:"webdev/Components/Visuals/Charts",id:"webdev/Components/Visuals/Charts",title:"Charts",description:"",source:"@site/docs/webdev/5-Components/25-Visuals/1-Charts.mdx",sourceDirName:"webdev/5-Components/25-Visuals",slug:"/webdev/Components/Visuals/Charts",permalink:"/volto-eea-design-system/docs/webdev/Components/Visuals/Charts",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/charts_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Charts",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Dashboard",permalink:"/volto-eea-design-system/docs/webdev/Components/Visuals/Dashboard"},next:{title:"Maps",permalink:"/volto-eea-design-system/docs/webdev/Components/Visuals/Maps"}},d=[],m=(v="Showcase",function(e){return console.warn("Component "+v+" was not imported, exported, or provided by MDXProvider as global scope"),(0,r.yg)("div",e)});var v;const y={toc:d},h="wrapper";function f(e){let{components:t,...a}=e;return(0,r.yg)(h,(0,n.c)({},y,a,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(o.cp,{usage:(0,r.yg)(l,{mdxType:"Usage"}),showcase:(0,r.yg)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}f.isMDXComponent=!0},7144:(e,t,a)=>{a.d(t,{cp:()=>b});var n=a(5072),r=a(1504),o=a(5788),s=a(3664),i=a(7676);const l=function(){const e=(0,r.useContext)(i.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=a(7572),u=a(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:a,defaultValue:n,values:o,groupId:s,className:i}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=o??d.map((e=>{let{props:{value:t,label:a}}=e;return{value:t,label:a}})),v=(0,c.wn)(m,((e,t)=>e.value===t.value));if(v.length>0)throw new Error(`Docusaurus error: Duplicate values "${v.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===n?n:n??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==y&&!m.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:h,setTabGroupChoices:f}=l(),[b,g]=(0,r.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.MV)();if(null!=s){const e=h[s];null!=e&&e!==b&&m.some((t=>t.value===e))&&g(e)}const C=e=>{const t=e.currentTarget,a=w.indexOf(t),n=m[a].value;n!==b&&(T(t),g(n),null!=s&&f(s,n))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const a=w.indexOf(e.currentTarget)+1;t=w[a]||w[0];break}case"ArrowLeft":{const a=w.indexOf(e.currentTarget)-1;t=w[a]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":a},i)},m.map((e=>{let{value:t,label:a}=e;return r.createElement("li",{role:"tab",tabIndex:b===t?0:-1,"aria-selected":b===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":b===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:C,onClick:C},a??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===b))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==b})))))}function m(e){const t=(0,s.c)();return r.createElement(d,(0,n.c)({key:String(t)},e))}const v=function(e){let{children:t,hidden:a,className:n}=e;return r.createElement("div",{role:"tabpanel",hidden:a,className:n},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const h={toc:[],getValues:y},f="wrapper";function b(e){let{components:t,...a}=e;return(0,o.yg)(f,(0,n.c)({},h,a,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(m,{defaultValue:"usage",values:y(a),mdxType:"Tabs"},(0,o.yg)(v,{value:"usage",mdxType:"TabItem"},a.usage),(0,o.yg)(v,{value:"showcase",mdxType:"TabItem"},a.showcase),(0,o.yg)(v,{value:"api",mdxType:"TabItem"},a.api)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/41d5c757.3cc06ab5.js b/docs/assets/js/41d5c757.3cc06ab5.js deleted file mode 100644 index 9b4ee6c15a..0000000000 --- a/docs/assets/js/41d5c757.3cc06ab5.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6245],{3905:(e,a,t)=>{t.d(a,{Zo:()=>c,kt:()=>h});var i=t(7294);function n(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function o(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);a&&(i=i.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),t.push.apply(t,i)}return t}function m(e){for(var a=1;a=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var d=i.createContext({}),r=function(e){var a=i.useContext(d),t=a;return e&&(t="function"==typeof e?e(a):m(m({},a),e)),t},c=function(e){var a=r(e.components);return i.createElement(d.Provider,{value:a},e.children)},s="mdxType",f={inlineCode:"code",wrapper:function(e){var a=e.children;return i.createElement(i.Fragment,{},a)}},p=i.forwardRef((function(e,a){var t=e.components,n=e.mdxType,o=e.originalType,d=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),s=r(t),p=n,h=s["".concat(d,".").concat(p)]||s[p]||f[p]||o;return t?i.createElement(h,m(m({ref:a},c),{},{components:t})):i.createElement(h,m({ref:a},c))}));function h(e,a){var t=arguments,n=a&&a.mdxType;if("string"==typeof e||n){var o=t.length,m=new Array(o);m[0]=p;var l={};for(var d in a)hasOwnProperty.call(a,d)&&(l[d]=a[d]);l.originalType=e,l[s]="string"==typeof e?e:n,m[1]=l;for(var r=2;r{t.r(a),t.d(a,{contentTitle:()=>m,default:()=>s,frontMatter:()=>o,metadata:()=>l,toc:()=>d});var i=t(7462),n=(t(7294),t(3905));const o={title:"What's new"},m=void 0,l={unversionedId:"whatsnew",id:"whatsnew",title:"What's new",description:"EEA Design System (1.0)",source:"@site/docs/2-whatsnew.md",sourceDirName:".",slug:"/whatsnew",permalink:"/volto-eea-design-system/docs/whatsnew",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/2-whatsnew.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"What's new"},sidebar:"sidebar",previous:{title:"Introduction",permalink:"/volto-eea-design-system/docs/intro"},next:{title:"Web development",permalink:"/volto-eea-design-system/docs/category/web-development"}},d=[{value:"EEA Design System (1.0)",id:"eea-design-system-10",children:[{value:"Components ready to be used",id:"components-ready-to-be-used",children:[],level:4},{value:"Future releases",id:"future-releases",children:[],level:4}],level:3},{value:"Unreleased - 2024-01-22T11:46:25.496Z",id:"unreleased---2024-01-22t114625496z",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes",children:[],level:4}],level:3},{value:"1.22.6 - 2024-01-19",id:"1226---2024-01-19",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-1",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others",children:[],level:4}],level:3},{value:"1.22.5 - 2024-01-17",id:"1225---2024-01-17",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-2",children:[],level:4}],level:3},{value:"1.22.4 - 2023-12-05",id:"1224---2023-12-05",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-1",children:[],level:4}],level:3},{value:"1.22.3 - 2023-12-04",id:"1223---2023-12-04",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-2",children:[],level:4}],level:3},{value:"1.22.2 - 2023-11-29",id:"1222---2023-11-29",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-3",children:[],level:4}],level:3},{value:"1.22.1 - 2023-11-29",id:"1221---2023-11-29",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-4",children:[],level:4}],level:3},{value:"1.22.0 - 2023-11-24",id:"1220---2023-11-24",children:[{value:"\ud83d\ude80 New Features",id:"-new-features",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-3",children:[],level:4}],level:3},{value:"1.21.1 - 2023-11-21",id:"1211---2023-11-21",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-5",children:[],level:4}],level:3},{value:"1.21.0 - 2023-11-20",id:"1210---2023-11-20",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-6",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-1",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-4",children:[],level:4}],level:3},{value:"1.20.0 - 2023-11-02",id:"1200---2023-11-02",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-1",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-7",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-2",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-5",children:[],level:4}],level:3},{value:"1.19.0 - 2023-10-13",id:"1190---2023-10-13",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-8",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-1",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-6",children:[],level:4}],level:3},{value:"1.18.3 - 2023-09-29",id:"1183---2023-09-29",children:[{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes",children:[],level:4}],level:3},{value:"1.18.2 - 2023-09-25",id:"1182---2023-09-25",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-9",children:[],level:4}],level:3},{value:"1.18.1 - 2023-09-07",id:"1181---2023-09-07",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-10",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-3",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-7",children:[],level:4}],level:3},{value:"1.18.0 - 2023-09-01",id:"1180---2023-09-01",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-11",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-4",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-2",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-8",children:[],level:4}],level:3},{value:"1.17.0 - 2023-08-29",id:"1170---2023-08-29",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-2",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-12",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-5",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-3",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-9",children:[],level:4}],level:3},{value:"1.16.0 - 2023-08-17",id:"1160---2023-08-17",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-3",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-13",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-6",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-4",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-1",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-10",children:[],level:4}],level:3},{value:"1.15.0 - 2023-07-26",id:"1150---2023-07-26",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-4",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-14",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-7",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-11",children:[],level:4}],level:3},{value:"1.14.0 - 2023-07-24",id:"1140---2023-07-24",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-5",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-15",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-8",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-12",children:[],level:4}],level:3},{value:"1.13.2 - 2023-06-13",id:"1132---2023-06-13",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-16",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-13",children:[],level:4}],level:3},{value:"1.13.1 - 2023-06-13",id:"1131---2023-06-13",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-6",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-14",children:[],level:4}],level:3},{value:"1.13.0 - 2023-06-08",id:"1130---2023-06-08",children:[{value:"\ud83d\udca5 Breaking Change",id:"-breaking-change",children:[],level:4},{value:"\ud83d\ude80 New Features",id:"-new-features-7",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-9",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-5",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-2",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-15",children:[],level:4}],level:3},{value:"1.12.1 - 2023-05-24",id:"1121---2023-05-24",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-17",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-6",children:[],level:4}],level:3},{value:"1.12.0 - 2023-05-19",id:"1120---2023-05-19",children:[{value:"\ud83d\udca5 Breaking Change",id:"-breaking-change-1",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-18",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-10",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-16",children:[],level:4}],level:3},{value:"1.11.0 - 2023-05-11",id:"1110---2023-05-11",children:[{value:"\ud83d\udca5 Breaking Change",id:"-breaking-change-2",children:[],level:4},{value:"\ud83d\ude80 New Features",id:"-new-features-8",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-19",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-11",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-3",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-17",children:[],level:4}],level:3},{value:"1.0.7 - 2023-04-10",id:"107---2023-04-10",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-9",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-20",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-12",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-7",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-4",children:[],level:4}],level:3},{value:"1.0.6 - 2023-03-29",id:"106---2023-03-29",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-10",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-13",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-8",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-18",children:[],level:4}],level:3},{value:"1.0.5 - 2023-03-28",id:"105---2023-03-28",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-11",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-21",children:[],level:4}],level:3},{value:"1.0.4 - 2023-03-27",id:"104---2023-03-27",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-12",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-9",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-19",children:[],level:4}],level:3},{value:"1.0.3 - 2023-03-24",id:"103---2023-03-24",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-22",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-14",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-20",children:[],level:4}],level:3},{value:"1.0.2 - 2023-03-14",id:"102---2023-03-14",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-23",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-15",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-5",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-21",children:[],level:4}],level:3},{value:"1.0.1 - 2023-03-13",id:"101---2023-03-13",children:[],level:3},{value:"1.0.0 - 2023-03-13",id:"100---2023-03-13",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-24",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-16",children:[],level:4},{value:"1.0.0-beta.6 - 2023-03-10",id:"100-beta6---2023-03-10",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-13",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-25",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-17",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-10",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-6",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-22",children:[],level:4}],level:3},{value:"1.0.0-beta.5 - 2023-03-07",id:"100-beta5---2023-03-07",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-18",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-11",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-23",children:[],level:4}],level:3},{value:"1.0.0-beta.4 - 2023-03-01",id:"100-beta4---2023-03-01",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-14",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-26",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-19",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-24",children:[],level:4}],level:3},{value:"1.0.0-beta.3 - 2023-02-21",id:"100-beta3---2023-02-21",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-15",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-27",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-20",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-12",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-7",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-25",children:[],level:4}],level:3},{value:"1.0.0-beta.2 - 2023-02-13",id:"100-beta2---2023-02-13",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-28",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-21",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-13",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-26",children:[],level:4}],level:3},{value:"1.0.0-beta.1 - 2023-02-09",id:"100-beta1---2023-02-09",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-16",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-22",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-27",children:[],level:4}],level:3},{value:"1.0.0-alpha.15 - 2023-02-08",id:"100-alpha15---2023-02-08",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-17",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-29",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-23",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-28",children:[],level:4}],level:3},{value:"1.0.0-alpha.14 - 2023-01-30",id:"100-alpha14---2023-01-30",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-24",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-29",children:[],level:4}],level:3},{value:"1.0.0-alpha.13.1 - 2023-01-30",id:"100-alpha131---2023-01-30",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-25",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-30",children:[],level:4}],level:3},{value:"1.0.0-alpha.13 - 2023-01-27",id:"100-alpha13---2023-01-27",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-18",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-30",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-26",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-31",children:[],level:4}],level:3},{value:"1.0.0-alpha.12 - 2023-01-24",id:"100-alpha12---2023-01-24",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-19",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-31",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-27",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-8",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-32",children:[],level:4}],level:3},{value:"1.0.0-alpha.11 - 2023-01-17",id:"100-alpha11---2023-01-17",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-20",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-32",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-28",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-9",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-33",children:[],level:4}],level:3},{value:"1.0.0-alpha.10 - 2023-01-13",id:"100-alpha10---2023-01-13",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-33",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-34",children:[],level:4}],level:3},{value:"1.0.0-alpha.9 - 2022-12-28",id:"100-alpha9---2022-12-28",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-29",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-35",children:[],level:4}],level:3},{value:"1.0.0-alpha.8 - 2022-12-23",id:"100-alpha8---2022-12-23",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-21",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-30",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-14",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-10",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-36",children:[],level:4}],level:3},{value:"1.0.0-alpha.7 - 2022-12-16",id:"100-alpha7---2022-12-16",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-22",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-34",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-31",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-37",children:[],level:4}],level:3},{value:"1.0.0-alpha.6 - 2022-12-07",id:"100-alpha6---2022-12-07",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-23",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-35",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-32",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-11",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-38",children:[],level:4}],level:3},{value:"1.0.0-alpha.5 - 2022-11-29",id:"100-alpha5---2022-11-29",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-24",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-36",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-33",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-15",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-12",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-39",children:[],level:4}],level:3},{value:"1.0.0-alpha.4 - 2022-11-22",id:"100-alpha4---2022-11-22",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-37",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-34",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-40",children:[],level:4}],level:3},{value:"1.0.0-alpha.3 - 2022-11-16",id:"100-alpha3---2022-11-16",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-25",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-38",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-35",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-16",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-41",children:[],level:4}],level:3},{value:"1.0.0-alpha.2 - 2022-10-28",id:"100-alpha2---2022-10-28",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-36",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-17",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-42",children:[],level:4}],level:3},{value:"1.0.0-alpha.1 - 2022-10-20",id:"100-alpha1---2022-10-20",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-37",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-18",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-13",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-43",children:[],level:4}],level:3},{value:"0.9.6 - 2022-12-16",id:"096---2022-12-16",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-44",children:[],level:4}],level:3},{value:"0.9.5 - 2022-10-20",id:"095---2022-10-20",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-39",children:[],level:4}],level:3},{value:"0.9.4 - 2022-10-19",id:"094---2022-10-19",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-40",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-38",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-45",children:[],level:4}],level:3},{value:"0.9.3 - 2022-10-04",id:"093---2022-10-04",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-41",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-39",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-14",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-46",children:[],level:4}],level:3},{value:"0.9.2 - 2022-09-27",id:"092---2022-09-27",children:[],level:3},{value:"0.9.1 - 2022-09-27",id:"091---2022-09-27",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-40",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-47",children:[],level:4}],level:3},{value:"0.9.0 - 2022-09-19",id:"090---2022-09-19",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-26",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-42",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-41",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-19",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-15",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-48",children:[],level:4}],level:3},{value:"0.8.1 - 2022-08-26",id:"081---2022-08-26",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-43",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-42",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-16",children:[],level:4}],level:3},{value:"0.8.0 - 2022-08-20",id:"080---2022-08-20",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-27",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-44",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-43",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-49",children:[],level:4}],level:3},{value:"0.7.6 - 2022-08-15",id:"076---2022-08-15",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-44",children:[],level:4}],level:3},{value:"0.7.5 - 2022-08-11",id:"075---2022-08-11",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-45",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-50",children:[],level:4}],level:3},{value:"0.7.3 - 2022-08-04",id:"073---2022-08-04",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-46",children:[],level:4}],level:3},{value:"0.7.2 - 2022-08-03",id:"072---2022-08-03",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-45",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-51",children:[],level:4}],level:3},{value:"0.7.1 - 2022-08-01",id:"071---2022-08-01",children:[],level:3},{value:"0.7.0 - 2022-08-01",id:"070---2022-08-01",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-28",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-46",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-47",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-52",children:[],level:4}],level:3},{value:"0.6.5 - 2022-07-06",id:"065---2022-07-06",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-47",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-48",children:[],level:4}],level:3},{value:"0.6.1 - 2022-07-01",id:"061---2022-07-01",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-29",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-49",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-20",children:[],level:4}],level:3},{value:"0.6.0 - 2022-07-01",id:"060---2022-07-01",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-48",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-50",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-21",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-17",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-53",children:[],level:4}],level:3},{value:"0.5.5 - 2022-06-23",id:"055---2022-06-23",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-49",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-51",children:[],level:4}],level:3},{value:"0.5.4 - 2022-06-16",id:"054---2022-06-16",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-50",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-52",children:[],level:4}],level:3},{value:"0.5.3 - 2022-06-16",id:"053---2022-06-16",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-51",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-53",children:[],level:4}],level:3},{value:"0.5.2 - 2022-06-14",id:"052---2022-06-14",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-30",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-54",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-22",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-54",children:[],level:4}],level:3},{value:"0.5.1 - 2022-06-13",id:"051---2022-06-13",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-55",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-55",children:[],level:4}],level:3},{value:"0.5.0 - 2022-06-11",id:"050---2022-06-11",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-31",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-52",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-56",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-56",children:[],level:4}],level:3},{value:"0.4.5 - 2022-06-08",id:"045---2022-06-08",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-57",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-57",children:[],level:4}],level:3},{value:"0.4.4 - 2022-06-08",id:"044---2022-06-08",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-32",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-53",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-58",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-18",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-58",children:[],level:4}],level:3},{value:"0.4.3 - 2022-06-03",id:"043---2022-06-03",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-54",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-59",children:[],level:4}],level:3},{value:"0.4.2 - 2022-06-02",id:"042---2022-06-02",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-60",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-19",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-59",children:[],level:4}],level:3},{value:"0.4.1 - 2022-06-02",id:"041---2022-06-02",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-33",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-55",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-61",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-23",children:[],level:4}],level:3},{value:"0.4.0 - 2022-06-01",id:"040---2022-06-01",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-34",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-56",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-62",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-20",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-60",children:[],level:4}],level:3},{value:"0.3.1 - 2022-05-19",id:"031---2022-05-19",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-57",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-63",children:[],level:4}],level:3},{value:"0.3.0 - 2022-05-17",id:"030---2022-05-17",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-35",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-58",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-64",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-61",children:[],level:4}],level:3},{value:"0.2.4 - 2022-05-13",id:"024---2022-05-13",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-65",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-62",children:[],level:4}],level:3},{value:"0.2.3 - 2022-04-29",id:"023---2022-04-29",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-36",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-66",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-21",children:[],level:4}],level:3},{value:"0.2.2 - 2022-04-22",id:"022---2022-04-22",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-59",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-67",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-24",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-63",children:[],level:4}],level:3},{value:"0.2.1 - 2022-04-08",id:"021---2022-04-08",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-60",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-64",children:[],level:4}],level:3},{value:"0.2.0 - 2022-04-04",id:"020---2022-04-04",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-37",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-61",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-68",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-25",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-65",children:[],level:4}],level:3},{value:"0.1.9 - 2022-03-25",id:"019---2022-03-25",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-38",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-62",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-69",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-26",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-66",children:[],level:4}],level:3},{value:"0.1.8 - 2022-03-18",id:"018---2022-03-18",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-63",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-70",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-27",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-22",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-67",children:[],level:4}],level:3},{value:"0.1.7 - 2022-03-15",id:"017---2022-03-15",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-39",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-64",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-71",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-28",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-23",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-68",children:[],level:4}],level:3},{value:"0.1.6 - 2022-03-11",id:"016---2022-03-11",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-40",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-65",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-72",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-29",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-69",children:[],level:4}],level:3},{value:"0.1.5 - 2022-03-08",id:"015---2022-03-08",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-41",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-66",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-73",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-30",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-24",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-70",children:[],level:4}],level:3},{value:"0.1.4 - 2022-03-01",id:"014---2022-03-01",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-74",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-25",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-71",children:[],level:4}],level:3},{value:"0.1.4-beta.0 - 2022-02-25",id:"014-beta0---2022-02-25",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-42",children:[],level:4}],level:3},{value:"0.1.3 - 2022-02-25",id:"013---2022-02-25",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-67",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-75",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-31",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-72",children:[],level:4}],level:3},{value:"0.1.2 - 2022-02-17",id:"012---2022-02-17",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-43",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-68",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-76",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-32",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-26",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-73",children:[],level:4}],level:3},{value:"0.1.2-beta.2 - 2022-01-03",id:"012-beta2---2022-01-03",children:[],level:3},{value:"0.1.2-beta.1 - 2021-12-22",id:"012-beta1---2021-12-22",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-74",children:[],level:4}],level:3},{value:"0.1.2-beta.0 - 2021-12-18",id:"012-beta0---2021-12-18",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-75",children:[],level:4}],level:3},{value:"0.1.1 - 2021-12-16",id:"011---2021-12-16",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-76",children:[],level:4}],level:3},{value:"0.1.1-beta.0 - 2021-12-09",id:"011-beta0---2021-12-09",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-77",children:[],level:4}],level:3},{value:"0.1.0 - 2021-11-17",id:"010---2021-11-17",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-78",children:[],level:4}],level:3},{value:"0.0.1 - 2021-11-17",id:"001---2021-11-17",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-79",children:[],level:4}],level:3}],level:2}],r={toc:d},c="wrapper";function s(e){let{components:a,...t}=e;return(0,n.kt)(c,(0,i.Z)({},r,t,{components:a,mdxType:"MDXLayout"}),(0,n.kt)("h3",{id:"eea-design-system-10"},"EEA Design System (1.0)"),(0,n.kt)("h4",{id:"components-ready-to-be-used"},"Components ready to be used"),(0,n.kt)("p",null,"The following components are ready to be used as Volto ",(0,n.kt)("inlineCode",{parentName:"p"},"blocks"),", ",(0,n.kt)("inlineCode",{parentName:"p"},"slate")," integration, or via the advanced ",(0,n.kt)("inlineCode",{parentName:"p"},"block styler"),":"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Accordion ",(0,n.kt)("inlineCode",{parentName:"li"},"block")),(0,n.kt)("li",{parentName:"ul"},"Call to Action ",(0,n.kt)("inlineCode",{parentName:"li"},"block")),(0,n.kt)("li",{parentName:"ul"},"Callout - part of the Description ",(0,n.kt)("inlineCode",{parentName:"li"},"block"),", ",(0,n.kt)("inlineCode",{parentName:"li"},"slate")),(0,n.kt)("li",{parentName:"ul"},"Card - part of the Teaser ",(0,n.kt)("inlineCode",{parentName:"li"},"block")," and Listing ",(0,n.kt)("inlineCode",{parentName:"li"},"block"),", it includes several variations like round card e.g., used for Avatar"),(0,n.kt)("li",{parentName:"ul"},"Divider ",(0,n.kt)("inlineCode",{parentName:"li"},"block")),(0,n.kt)("li",{parentName:"ul"},"Headings ",(0,n.kt)("inlineCode",{parentName:"li"},"slate")),(0,n.kt)("li",{parentName:"ul"},"Hero ",(0,n.kt)("inlineCode",{parentName:"li"},"block")),(0,n.kt)("li",{parentName:"ul"},"Item ",(0,n.kt)("inlineCode",{parentName:"li"},"block")," - used for text with an icon (remixicon or custom SVG/image) on the left/right"),(0,n.kt)("li",{parentName:"ul"},"List ",(0,n.kt)("inlineCode",{parentName:"li"},"slate")," - ordered and unordered"),(0,n.kt)("li",{parentName:"ul"},"Quote ",(0,n.kt)("inlineCode",{parentName:"li"},"block")),(0,n.kt)("li",{parentName:"ul"},"Statistic ",(0,n.kt)("inlineCode",{parentName:"li"},"block")),(0,n.kt)("li",{parentName:"ul"},"Tag ",(0,n.kt)("inlineCode",{parentName:"li"},"block")),(0,n.kt)("li",{parentName:"ul"},"Table ",(0,n.kt)("inlineCode",{parentName:"li"},"block")),(0,n.kt)("li",{parentName:"ul"},"Tabs ",(0,n.kt)("inlineCode",{parentName:"li"},"block")),(0,n.kt)("li",{parentName:"ul"},"Timeline ",(0,n.kt)("inlineCode",{parentName:"li"},"block"))),(0,n.kt)("h4",{id:"future-releases"},"Future releases"),(0,n.kt)("p",null,"Below is a non-exhaustive list of the work-in-progress which is planned for future releases:"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Navigation Portlet (used on the left/right hand of content)"),(0,n.kt)("li",{parentName:"ul"},"Spacing/padding system. We want to add the ability for editors to consistently apply various spacing/padding on certain components in order to allow a better alignment when components are used together."),(0,n.kt)("li",{parentName:"ul"},"Improve docusaurus and storybook with more components, controls, and variations in order to better reflect what is possible in Volto.")),(0,n.kt)("p",null,"Generated by ",(0,n.kt)("a",{parentName:"p",href:"https://github.com/CookPete/auto-changelog"},(0,n.kt)("inlineCode",{parentName:"a"},"auto-changelog")),"."),(0,n.kt)("h3",{id:"unreleased---2024-01-22t114625496z"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.22.6...HEAD"},"Unreleased")," - 2024-01-22T11:46:25.496Z"),(0,n.kt)("h4",{id:"-bug-fixes"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(icons): restored icon.overrides styles to preserve font awesome icon display ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a3d35488c99014469de1287346ba83b0c86bae1e"},(0,n.kt)("inlineCode",{parentName:"a"},"a3d3548")))),(0,n.kt)("h3",{id:"1226---2024-01-19"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.22.5...1.22.6"},"1.22.6")," - 2024-01-19"),(0,n.kt)("h4",{id:"-bug-fixes-1"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(site): re-enable Icons font face since it's still used in some of Volto's interface ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fe0c2966b0860905b062313ae018001dbf579ec9"},(0,n.kt)("inlineCode",{parentName:"a"},"fe0c296"))),(0,n.kt)("li",{parentName:"ul"},"fix(site): re-enable Icons font face still used in Volto ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e85a1abd0b1c21fc531cbe7ef742cc504b53e1f1"},(0,n.kt)("inlineCode",{parentName:"a"},"e85a1ab")))),(0,n.kt)("h4",{id:"\ufe0f-others"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Revert \"fix(site): re-enable Icons font face since it's still used in some of Volto's interface\" ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cefa2213d0b20d15a7ee3d6272a0a5f53057e07d"},(0,n.kt)("inlineCode",{parentName:"a"},"cefa221")))),(0,n.kt)("h3",{id:"1225---2024-01-17"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.22.4...1.22.5"},"1.22.5")," - 2024-01-17"),(0,n.kt)("h4",{id:"-bug-fixes-2"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(a11y): Refactor lazy loading of images in Footer and SubFooter components ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2513a82d69f7c76bd6231fc709328a4e3680e6b4"},(0,n.kt)("inlineCode",{parentName:"a"},"2513a82"))),(0,n.kt)("li",{parentName:"ul"},"fix(a11y): alt text in FooterSites component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eff3fa0522b277a25a00e53c21bd4e838e677856"},(0,n.kt)("inlineCode",{parentName:"a"},"eff3fa0"))),(0,n.kt)("li",{parentName:"ul"},"fix(a11y): dropdown Certain ARIA roles must contain particular children error ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8311bab99d2696cb52eeb9568aa38f2744477296"},(0,n.kt)("inlineCode",{parentName:"a"},"8311bab"))),(0,n.kt)("li",{parentName:"ul"},"fix(tabs): inside content boxes which apply theme and text color for children ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d3902deff42cc62459888a5085b229e746fc8d12"},(0,n.kt)("inlineCode",{parentName:"a"},"d3902de"))),(0,n.kt)("li",{parentName:"ul"},"fix: Make inpage-navigation not visibile on edit sidebar - refs #261560 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e124080b76c1dd2a2d63cf4fe0e6dd6f259bad8a"},(0,n.kt)("inlineCode",{parentName:"a"},"e124080")))),(0,n.kt)("h3",{id:"1224---2023-12-05"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.22.3...1.22.4"},"1.22.4")," - 2023-12-05"),(0,n.kt)("h4",{id:"\ufe0f-others-1"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Update Twitter logo in Share to section. ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d86fc2144d7ae6b4a6cb5337820e9b13040fd455"},(0,n.kt)("inlineCode",{parentName:"a"},"d86fc21")))),(0,n.kt)("h3",{id:"1223---2023-12-04"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.22.2...1.22.3"},"1.22.3")," - 2023-12-04"),(0,n.kt)("h4",{id:"\ufe0f-others-2"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Use RemixIcon 3.6.0. ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cd267ee64818457d136ccc26b5c2e582110e52af"},(0,n.kt)("inlineCode",{parentName:"a"},"cd267ee")))),(0,n.kt)("h3",{id:"1222---2023-11-29"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.22.1...1.22.2"},"1.22.2")," - 2023-11-29"),(0,n.kt)("h4",{id:"-bug-fixes-3"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(tabs): inside content boxes which apply theme and text color for children ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/618124f8ff20ce293b9e5593aa33a9c53addcae9"},(0,n.kt)("inlineCode",{parentName:"a"},"618124f")))),(0,n.kt)("h3",{id:"1221---2023-11-29"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.22.0...1.22.1"},"1.22.1")," - 2023-11-29"),(0,n.kt)("h4",{id:"-bug-fixes-4"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(header): wrong size of items on tablet and for the mobile menu button ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/868897c9c85ee8c896f63c306d075d8aedb3e5db"},(0,n.kt)("inlineCode",{parentName:"a"},"868897c")))),(0,n.kt)("h3",{id:"1220---2023-11-24"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.21.1...1.22.0"},"1.22.0")," - 2023-11-24"),(0,n.kt)("h4",{id:"-new-features"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(mega-menu): added ability to set a * option that would hold configuration for non specific layouts ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/11b4b8ca14741d2fac6b11a09ab6ad1af65264b2"},(0,n.kt)("inlineCode",{parentName:"a"},"11b4b8c")))),(0,n.kt)("h4",{id:"-enhancements"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(header): ensure header items are without large gaps when menu goes over 2 lines ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6aba059320c608cadaf5563085ffa63d0812583"},(0,n.kt)("inlineCode",{parentName:"a"},"f6aba05")))),(0,n.kt)("h4",{id:"\ufe0f-others-3"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Bump package version ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4304cf667fd63ac9ce13524dfaaa972bdd1dd009"},(0,n.kt)("inlineCode",{parentName:"a"},"4304cf6")))),(0,n.kt)("h3",{id:"1211---2023-11-21"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.21.0...1.21.1"},"1.21.1")," - 2023-11-21"),(0,n.kt)("h4",{id:"-bug-fixes-5"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix: Regression on Button.Action component when used with RSS link ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dd4548de999787eff688b4ee36860d69459735c3"},(0,n.kt)("inlineCode",{parentName:"a"},"dd4548d")))),(0,n.kt)("h3",{id:"1210---2023-11-20"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.20.0...1.21.0"},"1.21.0")," - 2023-11-20"),(0,n.kt)("h4",{id:"-bug-fixes-6"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(item): styling difference so that column group or section group flex template match design ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f57e0744808df8b467e179b83266e8b2c2398956"},(0,n.kt)("inlineCode",{parentName:"a"},"f57e074")))),(0,n.kt)("h4",{id:"-enhancements-1"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(message): Renamed Error to ErrorMessage to avoid special identifier Sonarqube warning ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/09e49ac4e71c02b439459eec29266d3f5b884d50"},(0,n.kt)("inlineCode",{parentName:"a"},"09e49ac"))),(0,n.kt)("li",{parentName:"ul"},"change(header): dropdowns now auto open and close on focus and blur when using keyboard navigation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d558e9bf7abba19221744be871759d025ce0f05a"},(0,n.kt)("inlineCode",{parentName:"a"},"d558e9b")))),(0,n.kt)("h4",{id:"\ufe0f-others-4"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Add dropdown test case to Header component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9ea3234c2c0f1c819c7c2b54a75c56cda7812c56"},(0,n.kt)("inlineCode",{parentName:"a"},"9ea3234"))),(0,n.kt)("li",{parentName:"ul"},"Added some tests for TopDropdownMenu mobile and dropdown interaction ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9d24488c1e97b2b1b14bd9bd8cb6f5b68414794b"},(0,n.kt)("inlineCode",{parentName:"a"},"9d24488"))),(0,n.kt)("li",{parentName:"ul"},"test: ","[JENKINS]"," Improve cypress time ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e38f17ed735e743e59df7d06ca723c1218bdb569"},(0,n.kt)("inlineCode",{parentName:"a"},"e38f17e"))),(0,n.kt)("li",{parentName:"ul"},"Modified test to reference ErrorMessage ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36fefd05a6b30d92494a7974c9fb86d35cae5acc"},(0,n.kt)("inlineCode",{parentName:"a"},"36fefd0"))),(0,n.kt)("li",{parentName:"ul"},"Test Header onBlur ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/42f9c97d01f7b59a1c63e42e1825dfa0697f0ef2"},(0,n.kt)("inlineCode",{parentName:"a"},"42f9c97"))),(0,n.kt)("li",{parentName:"ul"},"test: ","[JENKINS]"," Run cypress in started frontend container ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eadf018aa1f32d310619ce4ef08f9b11950a20dc"},(0,n.kt)("inlineCode",{parentName:"a"},"eadf018"))),(0,n.kt)("li",{parentName:"ul"},"Release 1.21.0 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fe39edde81fd4f01f7958aee706887a5dedce521"},(0,n.kt)("inlineCode",{parentName:"a"},"fe39edd"))),(0,n.kt)("li",{parentName:"ul"},"Lint fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c1fc104f1e7be0611de4aa17c55ad9c402c70ff8"},(0,n.kt)("inlineCode",{parentName:"a"},"c1fc104"))),(0,n.kt)("li",{parentName:"ul"},"Lint fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e29fd50ee73477007dcf94a268596e6c11176d7b"},(0,n.kt)("inlineCode",{parentName:"a"},"e29fd50"))),(0,n.kt)("li",{parentName:"ul"},"test: ","[JENKINS]"," Add cpu limit on cypress docker ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/947cb929c01ebb6f46bf124833fe1fec0f385edb"},(0,n.kt)("inlineCode",{parentName:"a"},"947cb92"))),(0,n.kt)("li",{parentName:"ul"},"test: ","[JENKINS]"," Increase shm-size to cypress docker ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8356dfe929039dcd165af0692cbbfc771a0f7fb4"},(0,n.kt)("inlineCode",{parentName:"a"},"8356dfe"))),(0,n.kt)("li",{parentName:"ul"},"Remove unused import in Header.test.jsx ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/082069e1f057786e0f1fb00c98d54b8e03b5d9c5"},(0,n.kt)("inlineCode",{parentName:"a"},"082069e")))),(0,n.kt)("h3",{id:"1200---2023-11-02"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.19.0...1.20.0"},"1.20.0")," - 2023-11-02"),(0,n.kt)("h4",{id:"-new-features-1"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(storybook): add event date on cards based on volto-listing-block; refs #258288 #402 from eea/cards-storybook ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/638241cd8376dba9970c415fce5b46c93dde48da"},(0,n.kt)("inlineCode",{parentName:"a"},"638241c"))),(0,n.kt)("li",{parentName:"ul"},"feat(tabs): style tabs for themes without need of secondary and pointing classes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/233765947f2653b6dd6bf91e85a2c09deb5af5a6"},(0,n.kt)("inlineCode",{parentName:"a"},"2337659"))),(0,n.kt)("li",{parentName:"ul"},"feat(accordion): style inverted theme version to set bg color to theme color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab1e8df9ea5911a70ee45212213eac4fe0d3611d"},(0,n.kt)("inlineCode",{parentName:"a"},"ab1e8df"))),(0,n.kt)("li",{parentName:"ul"},"feat(tabs): allow styling of vertical tabs with and without secondary or pointing classes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d1b78ba22bbf63c02f7db0d4a8b5a1dd309f755"},(0,n.kt)("inlineCode",{parentName:"a"},"1d1b78b"))),(0,n.kt)("li",{parentName:"ul"},"feat(tabs): added theme config to tabs storybook ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/01d1e85b82b18cae7ac6519f86e471149c210e73"},(0,n.kt)("inlineCode",{parentName:"a"},"01d1e85"))),(0,n.kt)("li",{parentName:"ul"},"feat(tabs): added inverted option to tabs storybook ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d9e760b069a48a7a4594c6dba0044755415d505d"},(0,n.kt)("inlineCode",{parentName:"a"},"d9e760b"))),(0,n.kt)("li",{parentName:"ul"},"feat(accordion): accordion title now has css variable for justification and icon order ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cd775de9a347b2999cfa378da947bac2076df460"},(0,n.kt)("inlineCode",{parentName:"a"},"cd775de")))),(0,n.kt)("h4",{id:"-bug-fixes-7"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(item): position of text when icon is on top to align on center ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce37114c97f29884080747a4691031ffd66d2ab5"},(0,n.kt)("inlineCode",{parentName:"a"},"ce37114"))),(0,n.kt)("li",{parentName:"ul"},"fix: Fix page layout on edit view when a block has full-with size; Refs #259212 #405 from eea/full-width-edit-mode ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36820f5252992eecb27b3a4b5a87a74df6d2c274"},(0,n.kt)("inlineCode",{parentName:"a"},"36820f5"))),(0,n.kt)("li",{parentName:"ul"},"fix: redo changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/101e95777a40a1c8b3958c90c7f3a44152a48f7c"},(0,n.kt)("inlineCode",{parentName:"a"},"101e957"))),(0,n.kt)("li",{parentName:"ul"},"fix: Fix page layout on edit view when a block has full-with size; Refs #259212 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/55617e6ec9ce4930e97fe4a886cbdd36c1bb3941"},(0,n.kt)("inlineCode",{parentName:"a"},"55617e6"))),(0,n.kt)("li",{parentName:"ul"},"fix: formatting (stylelint) ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ba35c2e000aa7443670de32f212af3e0c93f5576"},(0,n.kt)("inlineCode",{parentName:"a"},"ba35c2e"))),(0,n.kt)("li",{parentName:"ul"},"fix(accordion): color change of sub accordions due to theme settings on parent ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f3755ac9ffcc5ba5ed9992fbab8fbd5f69dc92ba"},(0,n.kt)("inlineCode",{parentName:"a"},"f3755ac"))),(0,n.kt)("li",{parentName:"ul"},"fix: Fix page layout on edit view when a block has full-with size; Refs #259212 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/16c9a558118fd312688a8aa8dee6ee2f474664a5"},(0,n.kt)("inlineCode",{parentName:"a"},"16c9a55"))),(0,n.kt)("li",{parentName:"ul"},"fix(block-chooser): title block order and color because it receives styling from accordion title styles ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ecc85b2e1fa9bd6809dabf4655afe785e1085473"},(0,n.kt)("inlineCode",{parentName:"a"},"ecc85b2"))),(0,n.kt)("li",{parentName:"ul"},"fix(tabs): edit active tab background color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5726a467a39592415dae2a7e40616cf5a9a0bbf"},(0,n.kt)("inlineCode",{parentName:"a"},"c5726a4")))),(0,n.kt)("h4",{id:"-enhancements-2"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(storybook): add event date on cards based on volto-listing-block; refs #258288 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/25af204d81c4253c5ca6705b47a893c3f3443cc3"},(0,n.kt)("inlineCode",{parentName:"a"},"25af204"))),(0,n.kt)("li",{parentName:"ul"},"change(tabs): modified logic for left and right tabs to work without secondary and pointing ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac60bc0a282da41fdc36792275807e7625a11076"},(0,n.kt)("inlineCode",{parentName:"a"},"ac60bc0"))),(0,n.kt)("li",{parentName:"ul"},"change(tabs): vertical menu gets same item size as themes without borders or shadows ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2b49ec3bc4358f33f134230f91c18fe36bc95ef"},(0,n.kt)("inlineCode",{parentName:"a"},"f2b49ec")))),(0,n.kt)("h4",{id:"-internal-changes"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"chore: ","[JENKINS]"," Refactor automated testing ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a70ca642918f578d6737d975e4769bac8312f48d"},(0,n.kt)("inlineCode",{parentName:"a"},"a70ca64"))),(0,n.kt)("li",{parentName:"ul"},"chore: ","[JENKINS]"," add comment step ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/50227587db2c72d17e26e7b66f28d4c09b760873"},(0,n.kt)("inlineCode",{parentName:"a"},"5022758"))),(0,n.kt)("li",{parentName:"ul"},"chore: ","[JENKINS]"," do not run tests on PR comments ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51b68fc76a956996e01521b784262c67e7094d35"},(0,n.kt)("inlineCode",{parentName:"a"},"51b68fc"))),(0,n.kt)("li",{parentName:"ul"},"chore: husky, lint-staged use fixed versions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/59ecb8e28b259472303324f9655b0cbbcbbf9c23"},(0,n.kt)("inlineCode",{parentName:"a"},"59ecb8e")))),(0,n.kt)("h4",{id:"\ufe0f-others-5"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"prettier and stylelint fix commands ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/82ec097016b4d3ba06d36ae473151d636b00be6a"},(0,n.kt)("inlineCode",{parentName:"a"},"82ec097"))),(0,n.kt)("li",{parentName:"ul"},"style tabs with situations where we have secondary plus theme classes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/41ee8353a43b25095d01c63a3bf9895ab7601b68"},(0,n.kt)("inlineCode",{parentName:"a"},"41ee835"))),(0,n.kt)("li",{parentName:"ul"},"Style inverted secondary menu using css variables: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d3a8d7c65472f9abcc93ccbe13b2c9ca5634266f"},(0,n.kt)("inlineCode",{parentName:"a"},"d3a8d7c"))),(0,n.kt)("li",{parentName:"ul"},"fixed missing comma from accordion selector ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/609f67627c500d5e1d7714d4eb5598f78aafe90d"},(0,n.kt)("inlineCode",{parentName:"a"},"609f676"))),(0,n.kt)("li",{parentName:"ul"},"Added color for inverted active menu ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/457e223dc5a45ae5173fcdd239b89f2cbcc48942"},(0,n.kt)("inlineCode",{parentName:"a"},"457e223"))),(0,n.kt)("li",{parentName:"ul"},"make accordion transformed from rrt_tabs use same color bg as tabs ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3a1a144e5ec1a936db9caa8c1f39af4db4dd7c72"},(0,n.kt)("inlineCode",{parentName:"a"},"3a1a144"))),(0,n.kt)("li",{parentName:"ul"},"Added correct color for tab brown option ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4e58fefdfb5b35168bf8e514f8c1c1661d46288"},(0,n.kt)("inlineCode",{parentName:"a"},"a4e58fe"))),(0,n.kt)("li",{parentName:"ul"},"bump package version preparing for release ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c3bddab1d2aa18b0cc2b1b4d5d9d8a4e437e6e07"},(0,n.kt)("inlineCode",{parentName:"a"},"c3bddab"))),(0,n.kt)("li",{parentName:"ul"},"Tabs to accordion transformation for volto-tabs-block accordion template #256605 #392 from eea/tabs-accordion-transformation-256605 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cf7d1ef6200c898c86598ba7e4a225180faa9537"},(0,n.kt)("inlineCode",{parentName:"a"},"cf7d1ef"))),(0,n.kt)("li",{parentName:"ul"},"test(Card): add Card tests to check correct rendering ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1de5f5065a0fa10a931b57fcc4f7831427f897cf"},(0,n.kt)("inlineCode",{parentName:"a"},"1de5f50"))),(0,n.kt)("li",{parentName:"ul"},"test(Card): fix duplicated lines reported by sonarqube ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef1fc337855049364d7fdc10621c8f4c376815f5"},(0,n.kt)("inlineCode",{parentName:"a"},"ef1fc33"))),(0,n.kt)("li",{parentName:"ul"},"style tabs menu items for any themes without assumption of pointing or secondary class being present ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6278457324f7fc4b2c40bdc8c38af708d3950707"},(0,n.kt)("inlineCode",{parentName:"a"},"6278457"))),(0,n.kt)("li",{parentName:"ul"},"implement colors for tabs when using the inverted option, and we still secondary or pointing ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e3e5fef006ce6ad5dd144a9fb6b8054be9a2a50c"},(0,n.kt)("inlineCode",{parentName:"a"},"e3e5fef"))),(0,n.kt)("li",{parentName:"ul"},"add styles for tabs ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8448bf4ed60b18a9a28e6e5ef4451fefc141d263"},(0,n.kt)("inlineCode",{parentName:"a"},"8448bf4"))),(0,n.kt)("li",{parentName:"ul"},"test(Card): add missing tests for ImageGrid ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5971e01a2f4f5ba8a180ed2fd38df28d55ad92c0"},(0,n.kt)("inlineCode",{parentName:"a"},"5971e01"))),(0,n.kt)("li",{parentName:"ul"},"stylelint fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fd4831ef31b70bcad8f8b3c49a14b47e857e5e36"},(0,n.kt)("inlineCode",{parentName:"a"},"fd4831e"))),(0,n.kt)("li",{parentName:"ul"},"wip modifying menu classes so that we can use css variables for tab menus ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8a55c5ab059de53b66db2f8233fac068d3c96b0"},(0,n.kt)("inlineCode",{parentName:"a"},"f8a55c5"))),(0,n.kt)("li",{parentName:"ul"},"modify tabs story for vertical to still make use of pointing param ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6963345702c08dd6e1e68dcbf067c9a9ff1502a1"},(0,n.kt)("inlineCode",{parentName:"a"},"6963345"))),(0,n.kt)("li",{parentName:"ul"},"add jest test ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc9533c41ef985d394be6b9bb5c776d03a37993c"},(0,n.kt)("inlineCode",{parentName:"a"},"cc9533c"))),(0,n.kt)("li",{parentName:"ul"},"Rollback previous change as passing items shorthand does not add ui class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce36c789c9289698d7e8a2c0ab54d364a0909b07"},(0,n.kt)("inlineCode",{parentName:"a"},"ce36c78"))),(0,n.kt)("li",{parentName:"ul"},"fix text bounce when using normal tabs due to border size and negative border margin ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/10b72418ecdf16690eaec229d406969b0eb31336"},(0,n.kt)("inlineCode",{parentName:"a"},"10b7241"))),(0,n.kt)("li",{parentName:"ul"},"Removed pointing option from vertical tab by default: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19d187037a8aa7d5e2c8dfb518ebf3941d24839f"},(0,n.kt)("inlineCode",{parentName:"a"},"19d1870"))),(0,n.kt)("li",{parentName:"ul"},"fixed color of input within edit page when double-clicking to edit the tab name ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/957e6fd5eba3d7b35b8b1a16dbbcef9d732c4e35"},(0,n.kt)("inlineCode",{parentName:"a"},"957e6fd"))),(0,n.kt)("li",{parentName:"ul"},"fix test ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d6e3b9fa83665dbdff206f0a8e5530c1a128ffe"},(0,n.kt)("inlineCode",{parentName:"a"},"6d6e3b9"))),(0,n.kt)("li",{parentName:"ul"},"inverted border should be transparent black instead of black ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/700b9e7abef32d5721ea093baa122d8cd4eb5e1b"},(0,n.kt)("inlineCode",{parentName:"a"},"700b9e7")))),(0,n.kt)("h3",{id:"1190---2023-10-13"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.18.3...1.19.0"},"1.19.0")," - 2023-10-13"),(0,n.kt)("h4",{id:"-bug-fixes-8"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(section): flex item variation width incorrectly applied ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4977cd2b8c3a6454d3689066ad77ca1a53c757be"},(0,n.kt)("inlineCode",{parentName:"a"},"4977cd2"))),(0,n.kt)("li",{parentName:"ul"},"fix(general): update Makefile for current stylint syntax ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dc0ab83f969bc314fd187f0f6916f464aed87ebf"},(0,n.kt)("inlineCode",{parentName:"a"},"dc0ab83"))),(0,n.kt)("li",{parentName:"ul"},"fix(flex-items): flex item variation width incorrectly applied #394 from eea/fix-flex-items-wrapper ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/715580d209fe905274406a73b919249bdcae949b"},(0,n.kt)("inlineCode",{parentName:"a"},"715580d"))),(0,n.kt)("li",{parentName:"ul"},"fix(top-bar): dropdown overlapping with toolbar dropdown #258324 #398 from eea/fix-z-index ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a210e8d8609e1554d65d51618a0afc190ecc9eae"},(0,n.kt)("inlineCode",{parentName:"a"},"a210e8d"))),(0,n.kt)("li",{parentName:"ul"},"fix: z-index for top bar to not show on top of toolbar menu - refs #258324 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c876b01f101e28d2461190011958ad1f05b4ff6"},(0,n.kt)("inlineCode",{parentName:"a"},"3c876b0"))),(0,n.kt)("li",{parentName:"ul"},"fix(tests): set volto version ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b6fb28c5837eae4bb1de19c0ed8fb34ffd0a3d54"},(0,n.kt)("inlineCode",{parentName:"a"},"b6fb28c")))),(0,n.kt)("h4",{id:"-internal-changes-1"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"chore:volto 16 in tests, update docs, fix stylelint overrides ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f04a1f3563a775398359059bbaf26a9b85a1c748"},(0,n.kt)("inlineCode",{parentName:"a"},"f04a1f3")))),(0,n.kt)("h4",{id:"\ufe0f-others-6"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Release 1.19.0 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac2f8bf7aae10de84b7010fa4eecd362662defea"},(0,n.kt)("inlineCode",{parentName:"a"},"ac2f8bf"))),(0,n.kt)("li",{parentName:"ul"},"Fix missing label for footer site links ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/570304298b26d2a3f35f1f510078941156f5e045"},(0,n.kt)("inlineCode",{parentName:"a"},"5703042"))),(0,n.kt)("li",{parentName:"ul"},"change z-index value ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7ef735e6051e2f8647f4ba61c4a6d6ddf7e04bd0"},(0,n.kt)("inlineCode",{parentName:"a"},"7ef735e"))),(0,n.kt)("li",{parentName:"ul"},"Update Makefile to fix Volto version pin and stylelint command #396 from eea/makefile-fix-stylint ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/159071eb14dff6d0cca511b75e308c4f736a65d1"},(0,n.kt)("inlineCode",{parentName:"a"},"159071e")))),(0,n.kt)("h3",{id:"1183---2023-09-29"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.18.2...1.18.3"},"1.18.3")," - 2023-09-29"),(0,n.kt)("h4",{id:"-documentation-changes"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs: Update README and DEVELOP ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d3b4ba83a045e0fc51642b07e029c7a4f2ea8f5d"},(0,n.kt)("inlineCode",{parentName:"a"},"d3b4ba8"))),(0,n.kt)("li",{parentName:"ul"},"docs: Update README and DEVELOP ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/efbc67072601e42203ea6314fb65ebe16df64954"},(0,n.kt)("inlineCode",{parentName:"a"},"efbc670")))),(0,n.kt)("h3",{id:"1182---2023-09-25"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.18.1...1.18.2"},"1.18.2")," - 2023-09-25"),(0,n.kt)("h4",{id:"-bug-fixes-9"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix: Clear filters in Search Block font-size - refs #258029 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3cbcebbc8021bb4b9dc0cec38fa371eff798543a"},(0,n.kt)("inlineCode",{parentName:"a"},"3cbcebb")))),(0,n.kt)("h3",{id:"1181---2023-09-07"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.18.0...1.18.1"},"1.18.1")," - 2023-09-07"),(0,n.kt)("h4",{id:"-bug-fixes-10"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix: Title block should refresh image on lead image change - refs #257544 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/96a8e2515079ea4869a783f3f492f90f6cb63bed"},(0,n.kt)("inlineCode",{parentName:"a"},"96a8e25"))),(0,n.kt)("li",{parentName:"ul"},"fix(accordion): if statement for icon className #390 from eea/fix-accordion-icons ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4d5252400613eeeec94aeee606f346bb23efd720"},(0,n.kt)("inlineCode",{parentName:"a"},"4d52524")))),(0,n.kt)("h4",{id:"-enhancements-3"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(accordion): fix if for icon className ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ba34003f082d900940a6b2c4466bfe6a2fe416a3"},(0,n.kt)("inlineCode",{parentName:"a"},"ba34003")))),(0,n.kt)("h4",{id:"\ufe0f-others-7"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"test: EN locales, pre-commit fix, feature PRs checks Refs #257193 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/977bcb256e2775446dc3d0282bbc4afc17c39c42"},(0,n.kt)("inlineCode",{parentName:"a"},"977bcb2")))),(0,n.kt)("h3",{id:"1180---2023-09-01"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.17.0...1.18.0"},"1.18.0")," - 2023-09-01"),(0,n.kt)("h4",{id:"-bug-fixes-11"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(accordion): fix accordion filtering size and color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4abb86ce8d196483b0df13f848a533ed12ea797"},(0,n.kt)("inlineCode",{parentName:"a"},"a4abb86"))),(0,n.kt)("li",{parentName:"ul"},"fix(accordion): fix filtering text color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e6b6ebc176b82cca7c25a5af0cc563e7560557b8"},(0,n.kt)("inlineCode",{parentName:"a"},"e6b6ebc"))),(0,n.kt)("li",{parentName:"ul"},"fix(accordion): fix accordion filtering size and color #387 from eea/accordion-filter ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0356c1c5de27bd9a7bfbddf7d07d7247d485fe0f"},(0,n.kt)("inlineCode",{parentName:"a"},"0356c1c")))),(0,n.kt)("h4",{id:"-enhancements-4"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(item): added column widths for flex-item-wrapper ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0e0e894dedb0edec0fd3209b890a6f0b722b7217"},(0,n.kt)("inlineCode",{parentName:"a"},"0e0e894")))),(0,n.kt)("h4",{id:"-internal-changes-2"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"chore: lint fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/43fc96d9da6de4eec1aed36c4d7e75b650709bd9"},(0,n.kt)("inlineCode",{parentName:"a"},"43fc96d")))),(0,n.kt)("h4",{id:"\ufe0f-others-8"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"perf(site): optimize footer svg using svgomg dropping size from 868kb to 422kb ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5118c62883c83883ef3c7cead137ddc45f471eaf"},(0,n.kt)("inlineCode",{parentName:"a"},"5118c62"))),(0,n.kt)("li",{parentName:"ul"},"test: fix tests failing ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f00f4e36f14898c4c5bdd647828a89a04b0f5941"},(0,n.kt)("inlineCode",{parentName:"a"},"f00f4e3"))),(0,n.kt)("li",{parentName:"ul"},"prettier fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/848080233fb761649174e9abdb2d1f3cabcb9568"},(0,n.kt)("inlineCode",{parentName:"a"},"8480802"))),(0,n.kt)("li",{parentName:"ul"},"fix error reading baseWidth less variable ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f83dcb16017c368acb8e612a8f34c93d195fec64"},(0,n.kt)("inlineCode",{parentName:"a"},"f83dcb1"))),(0,n.kt)("li",{parentName:"ul"},"bump package version ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f4006b8c98658236e9a9d5a69919ca2752aba599"},(0,n.kt)("inlineCode",{parentName:"a"},"f4006b8"))),(0,n.kt)("li",{parentName:"ul"},"test: fix tests failing #388 from eea/fix-tests ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cfb0213686d7e0ef92058956a090eb36cb0195f3"},(0,n.kt)("inlineCode",{parentName:"a"},"cfb0213"))),(0,n.kt)("li",{parentName:"ul"},"lint fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ec6099685f93c58a858282d3791643931d7cb64"},(0,n.kt)("inlineCode",{parentName:"a"},"4ec6099")))),(0,n.kt)("h3",{id:"1170---2023-08-29"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.16.0...1.17.0"},"1.17.0")," - 2023-08-29"),(0,n.kt)("h4",{id:"-new-features-2"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(accordion): improve a11n by providing open close support using space bar on header ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac04dbd8fa166a70d535354f6ab631709ee021b3"},(0,n.kt)("inlineCode",{parentName:"a"},"ac04dbd")))),(0,n.kt)("h4",{id:"-bug-fixes-12"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(sharing): button placement and styling ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15ecefcb4e0a2fcc99d585bf0c913ea515b3f676"},(0,n.kt)("inlineCode",{parentName:"a"},"15ecefc"))),(0,n.kt)("li",{parentName:"ul"},"fix(popup): Fix wrong placement of Popper refs #256765 #384 from eea/popper ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee69ca299348509f10ecd954ae4415aaef347104"},(0,n.kt)("inlineCode",{parentName:"a"},"ee69ca2")))),(0,n.kt)("h4",{id:"-enhancements-5"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(mega-menu): mobile accordions now have aria expanded support ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e0dbb3f533c9022308527d2d44d32831f66b389f"},(0,n.kt)("inlineCode",{parentName:"a"},"e0dbb3f"))),(0,n.kt)("li",{parentName:"ul"},"change(accordion): removed listitem role from mobile accordion links ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b85dac5451b10968275c9ed46a0b4cfc0ccd442"},(0,n.kt)("inlineCode",{parentName:"a"},"8b85dac")))),(0,n.kt)("h4",{id:"-internal-changes-3"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"chore: Remove i18n.js script ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/701b82a67dc97f774c6250d45f159c61b9c7bfec"},(0,n.kt)("inlineCode",{parentName:"a"},"701b82a")))),(0,n.kt)("h4",{id:"\ufe0f-others-9"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"test: add unit tests for DS components - refs #254313 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0c4d4d118b8e13082c576dc5c2dce6a715f49006"},(0,n.kt)("inlineCode",{parentName:"a"},"0c4d4d1"))),(0,n.kt)("li",{parentName:"ul"},"test: Fix eslint and yarn i18n ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/331149f5eb16a9cc6f2d996f7b793909773063c2"},(0,n.kt)("inlineCode",{parentName:"a"},"331149f"))),(0,n.kt)("li",{parentName:"ul"},"fix popper ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/762f199ff5725e7ad1fb788feb4f7b7548d1ee44"},(0,n.kt)("inlineCode",{parentName:"a"},"762f199"))),(0,n.kt)("li",{parentName:"ul"},"remove ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bf3974be18225c893fd09814cb2aca9a84ba0ece"},(0,n.kt)("inlineCode",{parentName:"a"},"bf3974b"))),(0,n.kt)("li",{parentName:"ul"},"test: Update Makefile and docker-compose to align it with Jenkinsfile ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7eea21fd4e71c4f420cd061717166483082dd6e"},(0,n.kt)("inlineCode",{parentName:"a"},"b7eea21"))),(0,n.kt)("li",{parentName:"ul"},"fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/615e67ff3c9a0fbd6cc7cadbb0c845bf09eec4f0"},(0,n.kt)("inlineCode",{parentName:"a"},"615e67f"))),(0,n.kt)("li",{parentName:"ul"},"Release 1.17.0 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e3c25eeeca5e863244faae396b5aa915d0702633"},(0,n.kt)("inlineCode",{parentName:"a"},"e3c25ee"))),(0,n.kt)("li",{parentName:"ul"},"i18n: Add en ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/458429530d993c27cfb962ddfe2f376f3568bf01"},(0,n.kt)("inlineCode",{parentName:"a"},"4584295"))),(0,n.kt)("li",{parentName:"ul"},"chrore(mega-menu): mobile accordion accessibility enhancements #385 from eea/accordion-improvements ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9dd717dc4c82a220463da16dba33c9a9d1633c47"},(0,n.kt)("inlineCode",{parentName:"a"},"9dd717d"))),(0,n.kt)("li",{parentName:"ul"},"fix popper ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/005f2be705136eebd5f8f4ae4dd5e27d9fbff15d"},(0,n.kt)("inlineCode",{parentName:"a"},"005f2be")))),(0,n.kt)("h3",{id:"1160---2023-08-17"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.15.0...1.16.0"},"1.16.0")," - 2023-08-17"),(0,n.kt)("h4",{id:"-new-features-3"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(banner): allow Banner.Action to be a link #254325 #378 from eea/banner_link ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/144f71fdbf24aec8c35ae7cbb93cd719271a4413"},(0,n.kt)("inlineCode",{parentName:"a"},"144f71f"))),(0,n.kt)("li",{parentName:"ul"},"feat(accordion): eea design filtering support and theme refactoring #379 from eea/accordion-filter ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e82454490777a42bc032646483fee59e7236df4"},(0,n.kt)("inlineCode",{parentName:"a"},"7e82454")))),(0,n.kt)("h4",{id:"-bug-fixes-13"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(popup): ref error and make sure that all .popup-container .popup get their position fixed ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4435c1fd10f81c9366955567fc1bc6a2c5364ba7"},(0,n.kt)("inlineCode",{parentName:"a"},"4435c1f"))),(0,n.kt)("li",{parentName:"ul"},"fix(popup): handle click outside popup area to close the popup ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a6da52d8e03f28fa851b841397e0f896223144b8"},(0,n.kt)("inlineCode",{parentName:"a"},"a6da52d"))),(0,n.kt)("li",{parentName:"ul"},"fix(carousel): lower opacity of arrows when we don't use infinite option ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8964c0b5637da266c42e3785cfdf3f38babcdae"},(0,n.kt)("inlineCode",{parentName:"a"},"b8964c0"))),(0,n.kt)("li",{parentName:"ul"},"fix: use quanta-toolbar class as trigger #256275 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5ede47dcc2bd9211ee963c7e881f9ee5663d9d1a"},(0,n.kt)("inlineCode",{parentName:"a"},"5ede47d"))),(0,n.kt)("li",{parentName:"ul"},"fix: ensure rule only on quanta-toolbar #256275 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b3e0a4b6414aac5a9c21686043bc293a194afbd"},(0,n.kt)("inlineCode",{parentName:"a"},"4b3e0a4"))),(0,n.kt)("li",{parentName:"ul"},"fix: teaserGrid controls move only on quanta-toolbar #256275 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/90c973679e189587ed3d9afeb5e6a0eb84fa5852"},(0,n.kt)("inlineCode",{parentName:"a"},"90c9736")))),(0,n.kt)("h4",{id:"-enhancements-6"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(popup): use a functional component for popup component using react-popper ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3fe26294162966d3815d74384f5e53071ad80b26"},(0,n.kt)("inlineCode",{parentName:"a"},"3fe2629"))),(0,n.kt)("li",{parentName:"ul"},"change(site): use css variable values for inputs for easier customization ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a085e26496420a503ba5c21b3791e66af96c96c"},(0,n.kt)("inlineCode",{parentName:"a"},"7a085e2"))),(0,n.kt)("li",{parentName:"ul"},"change(accordion): use real icons for active and inactive panel icons #380 from eea/accordion-filtering ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb9e20ca9b68890852baae4f7a06c35db6136286"},(0,n.kt)("inlineCode",{parentName:"a"},"bb9e20c"))),(0,n.kt)("li",{parentName:"ul"},"change(accordion): make use of css variables for text and background colors ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a6cddd542abb3d1aba3e985107410a60b697744e"},(0,n.kt)("inlineCode",{parentName:"a"},"a6cddd5"))),(0,n.kt)("li",{parentName:"ul"},"change(accordion): use the right selector for accordion panels hovering ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b041b29a4c871a50844f1054c7c39d3a468a7ae"},(0,n.kt)("inlineCode",{parentName:"a"},"3b041b2"))),(0,n.kt)("li",{parentName:"ul"},"change(accordion): use a css variable for icon active and inactive ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a11bf76c8ba5d3f58f330a75e673a0eed7c10c7e"},(0,n.kt)("inlineCode",{parentName:"a"},"a11bf76"))),(0,n.kt)("li",{parentName:"ul"},"change(carousel): modified setting of current dot based on parent li slick-active class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ac957ed7fcba588f56ba65f9405ad4e39b568b7"},(0,n.kt)("inlineCode",{parentName:"a"},"4ac957e"))),(0,n.kt)("li",{parentName:"ul"},"change(accordion): simplify change of icon for filter icons ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a1cb797929ddda6513dcc7027f32ebad6992ee14"},(0,n.kt)("inlineCode",{parentName:"a"},"a1cb797")))),(0,n.kt)("h4",{id:"-internal-changes-4"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"chore: Add filter to accordion story -refs #254324 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fdc906a2e065e250bda198311e4e3b20b0880169"},(0,n.kt)("inlineCode",{parentName:"a"},"fdc906a"))),(0,n.kt)("li",{parentName:"ul"},"chore(accordion): Improve accordion filter styling -refs#254324 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d3ca98e494a4e0a68880dd87ed0f90967c431d50"},(0,n.kt)("inlineCode",{parentName:"a"},"d3ca98e")))),(0,n.kt)("h4",{id:"-documentation-changes-1"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs: Cleanup Makefile, update DEVELOP documentation, i18n - refs #254894 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df303a56e90581d6ed554e839343a359727bb166"},(0,n.kt)("inlineCode",{parentName:"a"},"df303a5"))),(0,n.kt)("li",{parentName:"ul"},"docs: add links to docusaurus and storybook - refs #253277 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f7ba848d2e54ea7cd9d9eb92a0171274077e307"},(0,n.kt)("inlineCode",{parentName:"a"},"9f7ba84")))),(0,n.kt)("h4",{id:"\ufe0f-others-10"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"bump package release version ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fff4264d5a91fbf2fc5fe52fb2cc530c77ea43b1"},(0,n.kt)("inlineCode",{parentName:"a"},"fff4264"))),(0,n.kt)("li",{parentName:"ul"},"Refs #254325; allow setting a Banner.Action to be a link ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/18b00bf355d8180d7ed4f43810e95fb6cef0e95c"},(0,n.kt)("inlineCode",{parentName:"a"},"18b00bf")))),(0,n.kt)("h3",{id:"1150---2023-07-26"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.14.0...1.15.0"},"1.15.0")," - 2023-07-26"),(0,n.kt)("h4",{id:"-new-features-4"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(carousel): added story example on how to customize the dots to contain accessibility labels ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fe5eb46dc94abfeaaa2c79022e507b452b4bb36a"},(0,n.kt)("inlineCode",{parentName:"a"},"fe5eb46")))),(0,n.kt)("h4",{id:"-bug-fixes-14"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(storybook): controls that broke after the Hero stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8e995d30e971163677a198846b1314222dbe408"},(0,n.kt)("inlineCode",{parentName:"a"},"f8e995d"))),(0,n.kt)("li",{parentName:"ul"},"fix(accessibility): of carousel arrows, dots and role of carousel as a carousel region ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00257fcfd0cd3b9959f2f3c68f0b2725c2d96f09"},(0,n.kt)("inlineCode",{parentName:"a"},"00257fc"))),(0,n.kt)("li",{parentName:"ul"},"fix: hover and focused border for block child - refs #255840 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fdd7783b0658711674d251cce498900d9add52af"},(0,n.kt)("inlineCode",{parentName:"a"},"fdd7783"))),(0,n.kt)("li",{parentName:"ul"},"fix(storybook): popup story react import ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/18888f95888f1e3c89d9d1814462e1f27e85ea87"},(0,n.kt)("inlineCode",{parentName:"a"},"18888f9")))),(0,n.kt)("h4",{id:"-enhancements-7"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor: Use EEA countup instead of react-countup - refs #254634 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/146d8c2d9d7d55530b39261bfabf7cebd9c8ac0b"},(0,n.kt)("inlineCode",{parentName:"a"},"146d8c2"))),(0,n.kt)("li",{parentName:"ul"},"change(carousel): set aria current to current dot button to indicate which slide we are on ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e711ec806be8b45b122a56b84717a0c45057cbbe"},(0,n.kt)("inlineCode",{parentName:"a"},"e711ec8"))),(0,n.kt)("li",{parentName:"ul"},"change(search): style icon class instead of i.icon ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f96a590beb15ca6b577a169773b740b171b5e3c0"},(0,n.kt)("inlineCode",{parentName:"a"},"f96a590"))),(0,n.kt)("li",{parentName:"ul"},"change(header): move handling of key press that checks for enter key to a generic function ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8df5c8a03f0fb0ad462605df283e622f5b6daf3f"},(0,n.kt)("inlineCode",{parentName:"a"},"8df5c8a"))),(0,n.kt)("li",{parentName:"ul"},"change(header): use a real button for search submit ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37e491ba4af37f16a40bf6377d220d984be17656"},(0,n.kt)("inlineCode",{parentName:"a"},"37e491b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(SearchBox): add key down handler for search icon ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4f46ba5d3c2457a24e705bf7f34e1cfde2e2f79d"},(0,n.kt)("inlineCode",{parentName:"a"},"4f46ba5"))),(0,n.kt)("li",{parentName:"ul"},"change(search): added search icon as button for proper accessibility support ","[ACCESSIBILITY 2.1.1.1]"," #360 from eea/refactor-search-input-icon ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f932ffba42a96f7d6665c593ff3ad22c3b362fc"},(0,n.kt)("inlineCode",{parentName:"a"},"8f932ff")))),(0,n.kt)("h4",{id:"\ufe0f-others-11"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Release 1.15.0 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/30152fcdfffa4ec2262ebf78c1c8a885e222e73c"},(0,n.kt)("inlineCode",{parentName:"a"},"30152fc")))),(0,n.kt)("h3",{id:"1140---2023-07-24"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.13.2...1.14.0"},"1.14.0")," - 2023-07-24"),(0,n.kt)("h4",{id:"-new-features-5"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(storybook): add image card storybook with proper storybook controls ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3bcf25f2c0df67fb83a8dd47ff2b5b2810a4e57d"},(0,n.kt)("inlineCode",{parentName:"a"},"3bcf25f"))),(0,n.kt)("li",{parentName:"ul"},"feat(cards): added image card grid layout when inside imageCard-items ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8203c348c0867a091149965d56176826b154d47c"},(0,n.kt)("inlineCode",{parentName:"a"},"8203c34"))),(0,n.kt)("li",{parentName:"ul"},"feat(Fonts): add base token for browser font size scaling ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6aced8253370485981a34b6ebf7593989b2c01b6"},(0,n.kt)("inlineCode",{parentName:"a"},"6aced82"))),(0,n.kt)("li",{parentName:"ul"},"feat(cards): title on image font size adjustment when having a large base font size #369 from eea/accessibility-114-scaling-font-size-issues ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a630cc263ebc72ff48cb128a2045599bf1e8feb"},(0,n.kt)("inlineCode",{parentName:"a"},"4a630cc")))),(0,n.kt)("h4",{id:"-bug-fixes-15"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(cards): removed padding within titles on images ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/868864135b51fe1b2041b2f8f83bc2a280e57041"},(0,n.kt)("inlineCode",{parentName:"a"},"8688641"))),(0,n.kt)("li",{parentName:"ul"},"fix(stylemenu): remove generic css selectors in favour of specific class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2190ebe9e0b4b94481f1a4605d0b96f06a787702"},(0,n.kt)("inlineCode",{parentName:"a"},"2190ebe"))),(0,n.kt)("li",{parentName:"ul"},"fix(lint): of stylelint that complained about deprecated syntax flag ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a591a2ed62b5b9e9d51a65db8086c337b328f3fe"},(0,n.kt)("inlineCode",{parentName:"a"},"a591a2e"))),(0,n.kt)("li",{parentName:"ul"},"fix(contentBox): z-index is placed on before instead of the relative content-box-inner ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab4f2e7aa6d04288f1c042ab5c8318604eecdec5"},(0,n.kt)("inlineCode",{parentName:"a"},"ab4f2e7"))),(0,n.kt)("li",{parentName:"ul"},"fix(accessibility): ","[ACCESSIBILITY 11.4]"," Common Elements - Font size scaling issues #363 from eea/accessibility-114-scaling-font-size-issues ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00dba6ed83cadcd1d9683ea96cd74b0e6493df8d"},(0,n.kt)("inlineCode",{parentName:"a"},"00dba6e"))),(0,n.kt)("li",{parentName:"ul"},"fix(sitemenu): active background color, default slate color was too dark breaking accessibility ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5bcbde5d24cb5ed411effc4af72eab9ebf4cf23e"},(0,n.kt)("inlineCode",{parentName:"a"},"5bcbde5"))),(0,n.kt)("li",{parentName:"ul"},"fix(accessibility): Header Search Box size #359 from eea/refactor-search-box ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b4e1abecdee91af2d782b50d978321656961333"},(0,n.kt)("inlineCode",{parentName:"a"},"4b4e1ab"))),(0,n.kt)("li",{parentName:"ul"},"fix(stylemenu): remove generic css selectors in favour of specific class #354 from eea/fix-stylemenu-selectors ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/402755e7a684c958df55035fe20cc467de245d10"},(0,n.kt)("inlineCode",{parentName:"a"},"402755e")))),(0,n.kt)("h4",{id:"-enhancements-8"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(storybook): refactored card storybook for greater flexibility ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f3580146ba1b5e11100fd6ab54efb018fcc27e0"},(0,n.kt)("inlineCode",{parentName:"a"},"9f35801"))),(0,n.kt)("li",{parentName:"ul"},"change(label): ribbon label now has z-index 1 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/83d8705e16c9624573122aae3318007de3c3762e"},(0,n.kt)("inlineCode",{parentName:"a"},"83d8705"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): clamp titles ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f104623357f3f8636c3b8de6e7df809561a29896"},(0,n.kt)("inlineCode",{parentName:"a"},"f104623"))),(0,n.kt)("li",{parentName:"ul"},"change(stylemenu): simplify css to target the color directly on the classes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4801013fd6f4a3b9c534b95d67c9c0bf9e05d690"},(0,n.kt)("inlineCode",{parentName:"a"},"4801013"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Header): accessibility updates on dropdowns - refs #254319 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b16de8a648f779aecefb494ef14ec14fba447c28"},(0,n.kt)("inlineCode",{parentName:"a"},"b16de8a"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Header): replace height with min-height on search box and update input margins ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/679adaa07b100a90077344ac6a835d766dd5574c"},(0,n.kt)("inlineCode",{parentName:"a"},"679adaa"))),(0,n.kt)("li",{parentName:"ul"},"change(card): removed border that separates image from content area ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/be4cb55da77a0acbe554d1c1a84bfe498aa78c81"},(0,n.kt)("inlineCode",{parentName:"a"},"be4cb55")))),(0,n.kt)("h4",{id:"\ufe0f-others-12"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"test: remove useless code ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2c14b0ce4596cfc11a81b9762677596d1861acfe"},(0,n.kt)("inlineCode",{parentName:"a"},"2c14b0c"))),(0,n.kt)("li",{parentName:"ul"},"Release 1.14.0 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb9084fb2246dc1b729e12a419a26daa12c26f7a"},(0,n.kt)("inlineCode",{parentName:"a"},"cb9084f"))),(0,n.kt)("li",{parentName:"ul"},"test: ","[JENKINS]"," set pipe fail ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1cdfc39d08f1ae301dea57f1e4be5265c4a4c6f9"},(0,n.kt)("inlineCode",{parentName:"a"},"1cdfc39"))),(0,n.kt)("li",{parentName:"ul"},"test: try storybook upload ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d5833d4419d00f1ac04c9eb78a0884214f9a494"},(0,n.kt)("inlineCode",{parentName:"a"},"6d5833d")))),(0,n.kt)("h3",{id:"1132---2023-06-13"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.13.1...1.13.2"},"1.13.2")," - 2023-06-13"),(0,n.kt)("h4",{id:"-bug-fixes-16"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(focus): chrome disregard of our focus visible outline value ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af75079ab1dc93292cfe1bb5e081be33ab4c9682"},(0,n.kt)("inlineCode",{parentName:"a"},"af75079")))),(0,n.kt)("h4",{id:"\ufe0f-others-13"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},'Revert "feat: a11y accessibility footer logos - refs #254122" ',(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d45f294ca9849dc076bf0c59328107ad2d82e003"},(0,n.kt)("inlineCode",{parentName:"a"},"d45f294")))),(0,n.kt)("h3",{id:"1131---2023-06-13"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.13.0...1.13.1"},"1.13.1")," - 2023-06-13"),(0,n.kt)("h4",{id:"-new-features-6"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat: a11y accessibility footer logos - refs #254122 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1e40f364aab3208d2ccfbbd5f1d51a1b12f5be0d"},(0,n.kt)("inlineCode",{parentName:"a"},"1e40f36")))),(0,n.kt)("h4",{id:"\ufe0f-others-14"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"test: jest should look for addons in node_modules Refs #253277 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7b011a9e883db93fc7a24ac4db3e6e28068171c3"},(0,n.kt)("inlineCode",{parentName:"a"},"7b011a9")))),(0,n.kt)("h3",{id:"1130---2023-06-08"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.12.1...1.13.0"},"1.13.0")," - 2023-06-08"),(0,n.kt)("h4",{id:"-breaking-change"},"\ud83d\udca5 Breaking Change"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"breaking(footer): use url parameter instead of link for footer actions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5b9cc2c8a2979f3d49d69841a57684b3f80d5ea2"},(0,n.kt)("inlineCode",{parentName:"a"},"5b9cc2c"))),(0,n.kt)("li",{parentName:"ul"},"breaking(footer): renamed contact-block to contact-wrapper ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2fbb7df66eb37e17ab5391feb46d7ce2cfdfcbf3"},(0,n.kt)("inlineCode",{parentName:"a"},"2fbb7df")))),(0,n.kt)("h4",{id:"-new-features-7"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(search): added matchpath to specify search location #352 from eea/searchpopup_update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7c236d52f5de620f77b820387181fe1d902247d3"},(0,n.kt)("inlineCode",{parentName:"a"},"7c236d5")))),(0,n.kt)("h4",{id:"-enhancements-9"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(footer): header can now be added anywhere in the footer section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ae48728dd961d783c6a8120c8a88dc38f63eed6"},(0,n.kt)("inlineCode",{parentName:"a"},"6ae4872"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): add dedicated classes for theme sites logos ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/adebd04bcf5dc5b28b90db540816384fc60b4073"},(0,n.kt)("inlineCode",{parentName:"a"},"adebd04")))),(0,n.kt)("h4",{id:"-internal-changes-5"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"chore: ","[JENKINS]"," Deprecate circularity website ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fb2b166d64f95a1c183901abfe0fe0254d1bbc7a"},(0,n.kt)("inlineCode",{parentName:"a"},"fb2b166")))),(0,n.kt)("h4",{id:"-documentation-changes-2"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs: Update and rename Corporate-site-templates to 2-corporate-site-templates.md ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/41ffc5545def9034e3955bf967a2b0b947023528"},(0,n.kt)("inlineCode",{parentName:"a"},"41ffc55")))),(0,n.kt)("h4",{id:"\ufe0f-others-15"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"breaking(footer): use url parameter instead of link for footer actions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5b9cc2c8a2979f3d49d69841a57684b3f80d5ea2"},(0,n.kt)("inlineCode",{parentName:"a"},"5b9cc2c"))),(0,n.kt)("li",{parentName:"ul"},"Rename to eea-storybook Refs #251478 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bc4e753a8e604ab323a32a1315c46fc5827aadbd"},(0,n.kt)("inlineCode",{parentName:"a"},"bc4e753"))),(0,n.kt)("li",{parentName:"ul"},"breaking(footer): renamed contact-block to contact-wrapper ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2fbb7df66eb37e17ab5391feb46d7ce2cfdfcbf3"},(0,n.kt)("inlineCode",{parentName:"a"},"2fbb7df"))),(0,n.kt)("li",{parentName:"ul"},"test: Fix test config, coverage Refs #253277 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/12f31a2018d8c73173fc7ff091c5c3ddd3b29f64"},(0,n.kt)("inlineCode",{parentName:"a"},"12f31a2"))),(0,n.kt)("li",{parentName:"ul"},"bump package version due to breaking changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/75c83f024dc40388086faeaec449f04da68c0d9b"},(0,n.kt)("inlineCode",{parentName:"a"},"75c83f0"))),(0,n.kt)("li",{parentName:"ul"},"added matchpath, we can independently specify on which location to apply a rule for the search popup ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f4a40e04f50e87f5b0383a1b28d3459a2b91199b"},(0,n.kt)("inlineCode",{parentName:"a"},"f4a40e0")))),(0,n.kt)("h3",{id:"1121---2023-05-24"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.12.0...1.12.1"},"1.12.1")," - 2023-05-24"),(0,n.kt)("h4",{id:"-bug-fixes-17"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(header): Increase z-index on top bar #350 from eea/fix-header ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/59bc935470da8e97f80c22f05f40231df242555f"},(0,n.kt)("inlineCode",{parentName:"a"},"59bc935"))),(0,n.kt)("li",{parentName:"ul"},"fix: Stop image disappear over and over - ref253080 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a8208e7dd656d54cb975f8e7a9887775cfa4bd94"},(0,n.kt)("inlineCode",{parentName:"a"},"a8208e7"))),(0,n.kt)("li",{parentName:"ul"},"fix(subsite): Fix z-index to make it clickable - refs #253352 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e0203fd8e7c0887cddfcf5d140ca1c3cdaa54e4d"},(0,n.kt)("inlineCode",{parentName:"a"},"e0203fd"))),(0,n.kt)("li",{parentName:"ul"},"fix(header): Increase z-index on top bar ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ccaa08d61b2681368f94ebf6304fa70073eac0db"},(0,n.kt)("inlineCode",{parentName:"a"},"ccaa08d")))),(0,n.kt)("h4",{id:"-internal-changes-6"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"style: remove unnecessary z-index on content-area ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f5e574f5a15ac0844e7b5ce184003e0e89e7d76b"},(0,n.kt)("inlineCode",{parentName:"a"},"f5e574f")))),(0,n.kt)("h3",{id:"1120---2023-05-19"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.11.0...1.12.0"},"1.12.0")," - 2023-05-19"),(0,n.kt)("h4",{id:"-breaking-change-1"},"\ud83d\udca5 Breaking Change"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"breaking(menu): removed css hiding of home link ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/81bdcc6857b724927c92d4b9de463629a3f9fdd6"},(0,n.kt)("inlineCode",{parentName:"a"},"81bdcc6")))),(0,n.kt)("h4",{id:"-bug-fixes-18"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(container): width of position ov view-wrapper container ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c3230cb3a946801dd6a00e2ea4d7215445ac8a81"},(0,n.kt)("inlineCode",{parentName:"a"},"c3230cb")))),(0,n.kt)("h4",{id:"-enhancements-10"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(mega-menu): removed need for hardcoded sub-section of countries mega menu ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d8dab69a03595784e208cddc076788bc3399bc85"},(0,n.kt)("inlineCode",{parentName:"a"},"d8dab69")))),(0,n.kt)("h4",{id:"\ufe0f-others-16"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Release #347 from eea/develop ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3eaa50494ba5480c460c7d83141eff954579e962"},(0,n.kt)("inlineCode",{parentName:"a"},"3eaa504"))),(0,n.kt)("li",{parentName:"ul"},"breaking(menu): removed css hiding of home link ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/81bdcc6857b724927c92d4b9de463629a3f9fdd6"},(0,n.kt)("inlineCode",{parentName:"a"},"81bdcc6"))),(0,n.kt)("li",{parentName:"ul"},"(fix): Remove copyright of hero block and extra spaces on print ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/afbf2122ec1133979df22864ce243d50afb647b6"},(0,n.kt)("inlineCode",{parentName:"a"},"afbf212"))),(0,n.kt)("li",{parentName:"ul"},"moved customcss ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8af6b0f620a5b9c71ed2b20c485e650c0553e56c"},(0,n.kt)("inlineCode",{parentName:"a"},"8af6b0f"))),(0,n.kt)("li",{parentName:"ul"},"printing at topics ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9d6853ee717cc208419593590539697ced3b709"},(0,n.kt)("inlineCode",{parentName:"a"},"b9d6853"))),(0,n.kt)("li",{parentName:"ul"},"hero print ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a988c8c745569e58e031c0f6cf680e58dccc2c6d"},(0,n.kt)("inlineCode",{parentName:"a"},"a988c8c"))),(0,n.kt)("li",{parentName:"ul"},"Use variables instead of hardcoded dimensions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/064b2a4e004e8f71aaae2ac710159f004e928777"},(0,n.kt)("inlineCode",{parentName:"a"},"064b2a4"))),(0,n.kt)("li",{parentName:"ul"},"printing at topics ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6c9e4a072785e74022e7557132ae067e00066ef0"},(0,n.kt)("inlineCode",{parentName:"a"},"6c9e4a0"))),(0,n.kt)("li",{parentName:"ul"},"(fix): Remove header and hero block extra space ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/03d08fbe5f99ef082a87a22697cafe593f7ea5e3"},(0,n.kt)("inlineCode",{parentName:"a"},"03d08fb"))),(0,n.kt)("li",{parentName:"ul"},"printing at topics ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/341866ab4ade6ba29c160e857003ca4dbda7106b"},(0,n.kt)("inlineCode",{parentName:"a"},"341866a"))),(0,n.kt)("li",{parentName:"ul"},"break hero block ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cfa7d0d0c8e7db505d6ca2a1cadb9ac9b9f99a64"},(0,n.kt)("inlineCode",{parentName:"a"},"cfa7d0d"))),(0,n.kt)("li",{parentName:"ul"},"bump package version as we have some breaking changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/064e170ee40a8e58533a2e6db0ed6b58c38ad7bb"},(0,n.kt)("inlineCode",{parentName:"a"},"064e170")))),(0,n.kt)("h3",{id:"1110---2023-05-11"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.7...1.11.0"},"1.11.0")," - 2023-05-11"),(0,n.kt)("h4",{id:"-breaking-change-2"},"\ud83d\udca5 Breaking Change"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"breaking(table): cell text align is again inherited instead of center ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/46602c59bfebd0eae8ede2dcc345efdc635e35f6"},(0,n.kt)("inlineCode",{parentName:"a"},"46602c5")))),(0,n.kt)("h4",{id:"-new-features-8"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(docusaurus): Add Video block to docusaurus #343 from eea/feature-video-block ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f692fd42a8c0171db3e86a95c504b7a6f8b89b30"},(0,n.kt)("inlineCode",{parentName:"a"},"f692fd4"))),(0,n.kt)("li",{parentName:"ul"},"feat(cards): added image position and title and description max lines also to storybook #335 from eea/rounded-card-control ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9cba23bef8d74cdd5cf3505b9a9f3d51b68eedcf"},(0,n.kt)("inlineCode",{parentName:"a"},"9cba23b"))),(0,n.kt)("li",{parentName:"ul"},"feat(video) initial component work in progress ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1c99c914161827528bc3a6bf9f8c13bef4ba5817"},(0,n.kt)("inlineCode",{parentName:"a"},"1c99c91"))),(0,n.kt)("li",{parentName:"ul"},"feat(teaser): add object-fit and object-position classnames ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/68c9567179e4e67136a9fd53758d1f6fb43f005c"},(0,n.kt)("inlineCode",{parentName:"a"},"68c9567"))),(0,n.kt)("li",{parentName:"ul"},"feat(accordion): Add control to change the heading tag of the title within storybook #337 from eea/accordion-refactor ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3bf19bdc4053d9e5b8c69226d55b358632d82c5e"},(0,n.kt)("inlineCode",{parentName:"a"},"3bf19bd"))),(0,n.kt)("li",{parentName:"ul"},"feat(cards): add teaser card image alignment styles refs #250422 #338 from eea/teaser-image-alignment ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1e5677c8d40aeb5013097219d45954b869974e90"},(0,n.kt)("inlineCode",{parentName:"a"},"1e5677c"))),(0,n.kt)("li",{parentName:"ul"},"feat(storybook): Add Video block to storybook based on existing Volto EEA add-on #331 from eea/feature-video-block ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1b539c8ccfab459fa7682cca7f75dd6aaaabca24"},(0,n.kt)("inlineCode",{parentName:"a"},"1b539c8"))),(0,n.kt)("li",{parentName:"ul"},"feat(video): add video block story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e1addf5df1219af4d6663310342ffb8587404e12"},(0,n.kt)("inlineCode",{parentName:"a"},"e1addf5")))),(0,n.kt)("h4",{id:"-bug-fixes-19"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix: fill links in Storybook #250343 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e09995b1488176017d4e9c04ee89b84a8145d0c4"},(0,n.kt)("inlineCode",{parentName:"a"},"e09995b"))),(0,n.kt)("li",{parentName:"ul"},"fix(listing): link size for image block by setting display to block ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5afa6651ce35aaef0b09da71f13dd90b90ac5052"},(0,n.kt)("inlineCode",{parentName:"a"},"5afa665"))),(0,n.kt)("li",{parentName:"ul"},"fix(footer): Check contact url if is internal #250343 #342 from eea/footer_url_internal_check ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d753c2150ec211ec5f4838afc6dd53f89c8a3b7b"},(0,n.kt)("inlineCode",{parentName:"a"},"d753c21"))),(0,n.kt)("li",{parentName:"ul"},"fix(video): fix tracks after the file loader module update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a3a3614e19ce25e65d8f51e70c47d6c634a15a0e"},(0,n.kt)("inlineCode",{parentName:"a"},"a3a3614"))),(0,n.kt)("li",{parentName:"ul"},"fix(cards): use css variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/71abd31ece6c24d85d32698fea448a9493475452"},(0,n.kt)("inlineCode",{parentName:"a"},"71abd31"))),(0,n.kt)("li",{parentName:"ul"},"fix(card): overrides file missing { and cleaned duplicated css code ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0979032827318d3af186e05d23bf781094d8e82f"},(0,n.kt)("inlineCode",{parentName:"a"},"0979032"))),(0,n.kt)("li",{parentName:"ul"},"fix(video): fix lint track error ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6249f9e93b21c15883974ccbfa980749e342e4ab"},(0,n.kt)("inlineCode",{parentName:"a"},"6249f9e"))),(0,n.kt)("li",{parentName:"ul"},"fix(cards): title from next line becoming visible with large titles ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c196f1a35ee06a0bec1d7b2e33d02f0744fe57fd"},(0,n.kt)("inlineCode",{parentName:"a"},"c196f1a")))),(0,n.kt)("h4",{id:"-enhancements-11"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(cards, utilities): modified name of object fit and position classes to have hyphens ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5fb39ab2601d36b92cf896a7de66025ba56928a6"},(0,n.kt)("inlineCode",{parentName:"a"},"5fb39ab"))),(0,n.kt)("li",{parentName:"ul"},"change(search): added possibility to configure button url in search popup #345 from eea/searchpopup_update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/112e97e2139cd5bed5be23cd1bcc80065ae2ce09"},(0,n.kt)("inlineCode",{parentName:"a"},"112e97e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): delete rounded card code and stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5177697eac60b9876160b5f2741f0389e4bf8196"},(0,n.kt)("inlineCode",{parentName:"a"},"5177697"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): add image controls ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5c1c0b8081fdc5f944fcf495e17379a9526e25d0"},(0,n.kt)("inlineCode",{parentName:"a"},"5c1c0b8"))),(0,n.kt)("li",{parentName:"ul"},"refactor(accordion): update structure ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc9847fdc11576a73770caee0f141992652bb001"},(0,n.kt)("inlineCode",{parentName:"a"},"fc9847f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): restore designs & add max lines controls ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e7d6e395dfc4110a361d27cd25af4a950a283aa4"},(0,n.kt)("inlineCode",{parentName:"a"},"e7d6e39"))),(0,n.kt)("li",{parentName:"ul"},"change(cards): set object fit and position on any ui images ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/118530573145055ddb11e717ce2ba80270586c66"},(0,n.kt)("inlineCode",{parentName:"a"},"1185305"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): add rounded control for cards ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df2e6a0bea91ee87a522a0c0eb3ea16d2eb61f0a"},(0,n.kt)("inlineCode",{parentName:"a"},"df2e6a0")))),(0,n.kt)("h4",{id:"-documentation-changes-3"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(video): docusaurus page for video component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e5b51e8fed58c4abc37b6d4a86a89256c9422a2"},(0,n.kt)("inlineCode",{parentName:"a"},"6e5b51e")))),(0,n.kt)("h4",{id:"\ufe0f-others-17"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Release 1.11.0 #344 from eea/develop ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/02ccaa149d26b387e197eabec841691abd752fc2"},(0,n.kt)("inlineCode",{parentName:"a"},"02ccaa1"))),(0,n.kt)("li",{parentName:"ul"},"added possibility to configure button url ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91cd27764f646429f168c09361b370632e900c80"},(0,n.kt)("inlineCode",{parentName:"a"},"91cd277"))),(0,n.kt)("li",{parentName:"ul"},"Release 1.11.0 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/acc76ea7b81e31a8d83179cb0af48482a8f84709"},(0,n.kt)("inlineCode",{parentName:"a"},"acc76ea"))),(0,n.kt)("li",{parentName:"ul"},"bump package version ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3dfa3f088a4c012ac1bb36f3ef08fac9079f3f81"},(0,n.kt)("inlineCode",{parentName:"a"},"3dfa3f0"))),(0,n.kt)("li",{parentName:"ul"},"breaking(table): cell text align is again inherited instead of center ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/46602c59bfebd0eae8ede2dcc345efdc635e35f6"},(0,n.kt)("inlineCode",{parentName:"a"},"46602c5"))),(0,n.kt)("li",{parentName:"ul"},"Update Footer.stories.js ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/400153652a87b141c5f081fa443127f40d8b2d61"},(0,n.kt)("inlineCode",{parentName:"a"},"4001536"))),(0,n.kt)("li",{parentName:"ul"},"no need for title in link ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b01c361c7e346d485214d69f33a7fc22180f5b5c"},(0,n.kt)("inlineCode",{parentName:"a"},"b01c361"))),(0,n.kt)("li",{parentName:"ul"},"Check contact url if is internal ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5996d4efc26aa00f2644f658252d6b817f06c177"},(0,n.kt)("inlineCode",{parentName:"a"},"5996d4e"))),(0,n.kt)("li",{parentName:"ul"},"ismultilingual ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/367c07c500cb8db3fb5941513ecba5eb357bc6af"},(0,n.kt)("inlineCode",{parentName:"a"},"367c07c"))),(0,n.kt)("li",{parentName:"ul"},"(feat): Make menu aware of pathname #151573 #336 from eea/ionut-menu ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4a2a96807bf9ea11ffaf08f2abeaa629c3dc876"},(0,n.kt)("inlineCode",{parentName:"a"},"d4a2a96"))),(0,n.kt)("li",{parentName:"ul"},"activeIndex ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ba9d4b3b1bf0ace3adc2b4dd55c09c509293138f"},(0,n.kt)("inlineCode",{parentName:"a"},"ba9d4b3"))),(0,n.kt)("li",{parentName:"ul"},"remove console ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7320e3a3e2c1c8190480570edec3a57180c4eb4f"},(0,n.kt)("inlineCode",{parentName:"a"},"7320e3a"))),(0,n.kt)("li",{parentName:"ul"},"removed babel override, loader change should be done in storybook config ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d63233ef24eb47a1f4ab68b454895886a0728fc7"},(0,n.kt)("inlineCode",{parentName:"a"},"d63233e"))),(0,n.kt)("li",{parentName:"ul"},"remove default acitve index ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57235c6ad03730c23fe97f01c20a0a955cdcb732"},(0,n.kt)("inlineCode",{parentName:"a"},"57235c6"))),(0,n.kt)("li",{parentName:"ul"},"add default active index back ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5020467ed33612804626cf51dd5f2140d914757c"},(0,n.kt)("inlineCode",{parentName:"a"},"5020467"))),(0,n.kt)("li",{parentName:"ul"},"Back to dev ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/98d00316740230cc3b4b95e031e0c1987effde76"},(0,n.kt)("inlineCode",{parentName:"a"},"98d0031")))),(0,n.kt)("h3",{id:"107---2023-04-10"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.6...1.0.7"},"1.0.7")," - 2023-04-10"),(0,n.kt)("h4",{id:"-new-features-9"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(storybook): components keyboard and screen reader optimization #324 from eea/design-system-accessibility ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/85faff73025442a012f079b6734ef868862cc44f"},(0,n.kt)("inlineCode",{parentName:"a"},"85faff7")))),(0,n.kt)("h4",{id:"-bug-fixes-20"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix: dont run isInternalURL twice ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a48984e0cb224944aed3846447c416511d080779"},(0,n.kt)("inlineCode",{parentName:"a"},"a48984e"))),(0,n.kt)("li",{parentName:"ul"},"fix: github autoformat ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/be9774981032759b3284a6fb93490a204a817c7a"},(0,n.kt)("inlineCode",{parentName:"a"},"be97749"))),(0,n.kt)("li",{parentName:"ul"},"fix(cards): focus outline for header needed for the overflow hidden solution with max title lines ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/849a7a8e3cf801bf0a4d7e9189b603ea15219fcc"},(0,n.kt)("inlineCode",{parentName:"a"},"849a7a8"))),(0,n.kt)("li",{parentName:"ul"},"fix: external url in header ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9e3aea649ca6f9446324d5d351cdfcde08332f84"},(0,n.kt)("inlineCode",{parentName:"a"},"9e3aea6"))),(0,n.kt)("li",{parentName:"ul"},"fix: check if client method change ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7c53b83a54e4e7d3c5329c46de03cdf7aabedf13"},(0,n.kt)("inlineCode",{parentName:"a"},"7c53b83"))),(0,n.kt)("li",{parentName:"ul"},"fix(item): use child selector instead of descendent as it interferes with blockchooser refs #157040 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad4ca3725c595c8dbeaff69f730928313c1779ec"},(0,n.kt)("inlineCode",{parentName:"a"},"ad4ca37"))),(0,n.kt)("li",{parentName:"ul"},"fix(header): external url in header now takes you to the correct url #330 from eea/header-external-url-fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/086c61d683a7ac67dea221aa39ffe4cef05a9a68"},(0,n.kt)("inlineCode",{parentName:"a"},"086c61d"))),(0,n.kt)("li",{parentName:"ul"},"fix(item): flex variant on edit when inside blockchooser #333 from eea/fix-item-csss ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65b9099779180feeb7d10384928bb0a3224b947d"},(0,n.kt)("inlineCode",{parentName:"a"},"65b9099"))),(0,n.kt)("li",{parentName:"ul"},"fix(tag): fix in args ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/18eaaf41fa80a3e175341a2ddd7376b8281fee7d"},(0,n.kt)("inlineCode",{parentName:"a"},"18eaaf4")))),(0,n.kt)("h4",{id:"-enhancements-12"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(megaMenu): align menu items with demo site for better testing ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/82a5c84cfde81dd8243f3f9a2d1fcaa8ac4b1463"},(0,n.kt)("inlineCode",{parentName:"a"},"82a5c84"))),(0,n.kt)("li",{parentName:"ul"},"refactor(breadcrumbs): updates on structure and story for accessibility ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/770c8c0bce88c5d9301ab0293a8e4865849bfeb2"},(0,n.kt)("inlineCode",{parentName:"a"},"770c8c0"))),(0,n.kt)("li",{parentName:"ul"},"refactor(downloadLabeledIcon): accessibility fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df3935dc5836298768316399ba36927325541fef"},(0,n.kt)("inlineCode",{parentName:"a"},"df3935d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(languageLabeledIcon): accessibility fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/61edd9e1022a8954930db30c262290680974d880"},(0,n.kt)("inlineCode",{parentName:"a"},"61edd9e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(newTabLabeledIcon): accessibility fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/211e40aa47d1f0de91b1d949770c452336b80248"},(0,n.kt)("inlineCode",{parentName:"a"},"211e40a"))),(0,n.kt)("li",{parentName:"ul"},"refactor(comment): accessibility fixes and text button update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dad8cb67a0092b01b50197c94691ed8a5d00a128"},(0,n.kt)("inlineCode",{parentName:"a"},"dad8cb6"))),(0,n.kt)("li",{parentName:"ul"},"change(storybook): removed links for Label and Comment that we implement without a link ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee0bfdf3aee3e4b6b6eba6dabd7817a37ace48ae"},(0,n.kt)("inlineCode",{parentName:"a"},"ee0bfdf"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): fix header outline not showing issue ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48fc2e2328ff184402e15edbaf1ed2507e771a14"},(0,n.kt)("inlineCode",{parentName:"a"},"48fc2e2"))),(0,n.kt)("li",{parentName:"ul"},"change(ContextNavigation): accessibility updates, not restructuring of the volto component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/03fe83dce70c6931c543b93c71e3cd8e16f99ec8"},(0,n.kt)("inlineCode",{parentName:"a"},"03fe83d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(modal): restructure close icon as button ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f1b836e3071c220235eb327ee7ef67edac4d467d"},(0,n.kt)("inlineCode",{parentName:"a"},"f1b836e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(label): add href attribute to links ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/05f664dde27f1e0580ab7f32a7934e4d8e85c918"},(0,n.kt)("inlineCode",{parentName:"a"},"05f664d"))),(0,n.kt)("li",{parentName:"ul"},"change(logo): update eionet svg ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c87fc750a3dc376205a643eefced410a41b22c6"},(0,n.kt)("inlineCode",{parentName:"a"},"3c87fc7"))),(0,n.kt)("li",{parentName:"ul"},"refactor(megaMenu): Restructure Topics and Countries lists ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d816e7ab9cdf2f202ab994201c16241cfb26c33a"},(0,n.kt)("inlineCode",{parentName:"a"},"d816e7a"))),(0,n.kt)("li",{parentName:"ul"},"change(mega-menu): use lists for navigation, enhance voice over support for better accessibility ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d13137f024d6357514b85f184d219eb81dd585f2"},(0,n.kt)("inlineCode",{parentName:"a"},"d13137f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): firefox accessibility errors fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c7d35b92b90940b466ea016dbbb3f1c6dfa0c3ab"},(0,n.kt)("inlineCode",{parentName:"a"},"c7d35b9"))),(0,n.kt)("li",{parentName:"ul"},"refactor(inpageNavigation): restructure as a button ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48e22ac0ee521f87497822a0ec9d627829d849d5"},(0,n.kt)("inlineCode",{parentName:"a"},"48e22ac"))),(0,n.kt)("li",{parentName:"ul"},"refactor(labeledIconGroup): group updates for all labeled icons ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a679d9d05b804f516fdeed449eba1e74e227818c"},(0,n.kt)("inlineCode",{parentName:"a"},"a679d9d"))),(0,n.kt)("li",{parentName:"ul"},"change(breadcrumbs): label modification for better screen reader output ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c967bef63ac6f622f5936235dd5590831a674d15"},(0,n.kt)("inlineCode",{parentName:"a"},"c967bef"))),(0,n.kt)("li",{parentName:"ul"},"refactor(checkbox): accessibility fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b3047f6a6bdd9e9ad858e6a7ca0c6f6b404e605"},(0,n.kt)("inlineCode",{parentName:"a"},"3b3047f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(megaMenu): clean up function after test ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/883eb73cbc3db6a1fadd0200118eafdce91b7aab"},(0,n.kt)("inlineCode",{parentName:"a"},"883eb73"))),(0,n.kt)("li",{parentName:"ul"},"change(mega-menu): added code to align countries left column subtitle with the right column ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1aa33dd7ac7154a91515eef688f276d664d5d7f3"},(0,n.kt)("inlineCode",{parentName:"a"},"1aa33dd"))),(0,n.kt)("li",{parentName:"ul"},"change(mega-menu): sub-title padding tweaks for better spacing normalization ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e08668dd9fd948e57628e5582e7a4a7f08d96451"},(0,n.kt)("inlineCode",{parentName:"a"},"e08668d"))),(0,n.kt)("li",{parentName:"ul"},"change(breadcrumbs): fixed sizing of breadcrumbs list items ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1761e984a6ffebbcca0c7b88128a01235fc6b903"},(0,n.kt)("inlineCode",{parentName:"a"},"1761e98"))),(0,n.kt)("li",{parentName:"ul"},"change(checkbox): toggle hover color correction ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4f4d0df7292fdccb89f83feface51639bd5d6559"},(0,n.kt)("inlineCode",{parentName:"a"},"4f4d0df"))),(0,n.kt)("li",{parentName:"ul"},"change(card): simplified headerLineHeightOffset used as margin top for cards header ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca61105f2f39e6880ce545ba4d54f3568e7b87e2"},(0,n.kt)("inlineCode",{parentName:"a"},"ca61105"))),(0,n.kt)("li",{parentName:"ul"},"change(logos): updated eionet logo used in the site footer #318 from eea/footer-logo-update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70671d03bbc228e3013e382cb51e6764a83b01a8"},(0,n.kt)("inlineCode",{parentName:"a"},"70671d0"))),(0,n.kt)("li",{parentName:"ul"},"change(breadcrumbs,mega-menu): better screen readers support, see links instead of groups #309 from eea/firefox-accessibility-tab-issues ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d6b0b4adba8f04799491025fb41ac97e875bcce0"},(0,n.kt)("inlineCode",{parentName:"a"},"d6b0b4a"))),(0,n.kt)("li",{parentName:"ul"},"change(card): add links to teaser titles ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc64c74a69539af287f424abdf96226635284303"},(0,n.kt)("inlineCode",{parentName:"a"},"cc64c74"))),(0,n.kt)("li",{parentName:"ul"},"change(inpageNavigation): story improvements ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ade63c6f0b08c62318d31c54568cca29d0f106bc"},(0,n.kt)("inlineCode",{parentName:"a"},"ade63c6")))),(0,n.kt)("h4",{id:"-internal-changes-7"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"style(megaMenu): remove comments and unused properties ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fa5f8f878421d879026aacd86e5390112b8852a1"},(0,n.kt)("inlineCode",{parentName:"a"},"fa5f8f8")))),(0,n.kt)("h4",{id:"-documentation-changes-4"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(footer): logo update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad982d63423442bc292cd7553ad3163b33b337bb"},(0,n.kt)("inlineCode",{parentName:"a"},"ad982d6")))),(0,n.kt)("h3",{id:"106---2023-03-29"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.5...1.0.6"},"1.0.6")," - 2023-03-29"),(0,n.kt)("h4",{id:"-new-features-10"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat: add viewport-(width/height) less functions and fixed banner image url #329 from eea/develop ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e8e70bdc81f4f301a9dce370867a873e55563048"},(0,n.kt)("inlineCode",{parentName:"a"},"e8e70bd"))),(0,n.kt)("li",{parentName:"ul"},"feat: add viewport-(width/height) less functions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/68300a3c34e66954c7ef3a6e52baa37431fbfa9e"},(0,n.kt)("inlineCode",{parentName:"a"},"68300a3")))),(0,n.kt)("h4",{id:"-enhancements-13"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): set full class name for remix icons ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f435e10034b04cab4aeb301d8521559f98be299e"},(0,n.kt)("inlineCode",{parentName:"a"},"f435e10"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Banner.jsx): use flattenToAppURL helper function to get image source URL ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/24b13d7c09a498ca889d413135c9abc4e6cab9ad"},(0,n.kt)("inlineCode",{parentName:"a"},"24b13d7")))),(0,n.kt)("h4",{id:"-internal-changes-8"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"style(theme): update container width and margins in eea theme ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e4446a3af641ddca03f1f2833dd6e79535feb98"},(0,n.kt)("inlineCode",{parentName:"a"},"3e4446a")))),(0,n.kt)("h4",{id:"\ufe0f-others-18"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"horizontal overflow hidden in view mode ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f395f276df003480a219bae639f87bebcf35799f"},(0,n.kt)("inlineCode",{parentName:"a"},"f395f27")))),(0,n.kt)("h3",{id:"105---2023-03-28"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.4...1.0.5"},"1.0.5")," - 2023-03-28"),(0,n.kt)("h4",{id:"-new-features-11"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat: improve full-width class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70bba7e295dd237e7c579ef0446ff05e0c8529d8"},(0,n.kt)("inlineCode",{parentName:"a"},"70bba7e")))),(0,n.kt)("h4",{id:"-bug-fixes-21"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(banner): Add missing divider for time tag #327 from eea/banner-metadata ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c46a58336ec9eb2ce75d2637f3197f417e8ca326"},(0,n.kt)("inlineCode",{parentName:"a"},"c46a583"))),(0,n.kt)("li",{parentName:"ul"},"fix(banner): Add missing divider for time tag ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d68c395d368a267baef4422df6e72f63d099b75"},(0,n.kt)("inlineCode",{parentName:"a"},"7d68c39")))),(0,n.kt)("h3",{id:"104---2023-03-27"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.3...1.0.4"},"1.0.4")," - 2023-03-27"),(0,n.kt)("h4",{id:"-new-features-12"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(copyright): Add copyright prefix - Image - refs #250724 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6a727723c15aee499ed7cedc9f364c5e2c8014bb"},(0,n.kt)("inlineCode",{parentName:"a"},"6a72772")))),(0,n.kt)("h4",{id:"-internal-changes-9"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"style(copyright): Cleanup useless min-height - refs #250724 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2457df6376ac1a4d00f87eee90e61f66f7ffebb"},(0,n.kt)("inlineCode",{parentName:"a"},"f2457df")))),(0,n.kt)("h4",{id:"\ufe0f-others-19"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Back to dev ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cfd6eba8b01eceff4e28ab7ab51b2457672ac172"},(0,n.kt)("inlineCode",{parentName:"a"},"cfd6eba")))),(0,n.kt)("h3",{id:"103---2023-03-24"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.2...1.0.3"},"1.0.3")," - 2023-03-24"),(0,n.kt)("h4",{id:"-bug-fixes-22"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix: improve full-width class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93222590a630b27f3dfccb7df0a50070c9c9901c"},(0,n.kt)("inlineCode",{parentName:"a"},"9322259"))),(0,n.kt)("li",{parentName:"ul"},"fix(header): Remove z-index from subsite logo #320 from eea/subsite-logo ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/50911009918faf7d3064d97ea7b685ad71970521"},(0,n.kt)("inlineCode",{parentName:"a"},"5091100"))),(0,n.kt)("li",{parentName:"ul"},"fix(header): Remove z-index from subsite logo ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d433a9788d76db0f1c08ef6bb2313f479c2bb19b"},(0,n.kt)("inlineCode",{parentName:"a"},"d433a97")))),(0,n.kt)("h4",{id:"-enhancements-14"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(header): Add search popup customizations from eea-website-theme ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/43e5a78be8efa1098ea0fc87f43f40f2b5d482c1"},(0,n.kt)("inlineCode",{parentName:"a"},"43e5a78"))),(0,n.kt)("li",{parentName:"ul"},"change(popup): create custom popup for better accessibility ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/036aac95509b6d78b2d3b251578a7de878e28371"},(0,n.kt)("inlineCode",{parentName:"a"},"036aac9"))),(0,n.kt)("li",{parentName:"ul"},"change(popup): added most important popup properties from Semantic ui implementation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/61f65bc0e5806aaac33b54db36d5360fd05a48cc"},(0,n.kt)("inlineCode",{parentName:"a"},"61f65bc"))),(0,n.kt)("li",{parentName:"ul"},"change(banner): use custom-made Popup for better accessibility ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/10d0fcfb28ca97efe9fa5c0f6c9c350b76a73140"},(0,n.kt)("inlineCode",{parentName:"a"},"10d0fcf"))),(0,n.kt)("li",{parentName:"ul"},"change(banner): use custom-made Popup for better accessibility ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9108bee5f671505be5199e72a4749bb0af0c0cb9"},(0,n.kt)("inlineCode",{parentName:"a"},"9108bee"))),(0,n.kt)("li",{parentName:"ul"},"change(popup): added also the basic property ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4497acddde258ed31cda09f4d905e003a1e4611"},(0,n.kt)("inlineCode",{parentName:"a"},"a4497ac"))),(0,n.kt)("li",{parentName:"ul"},"change(colors): update gray-4 color value #321 from eea/update-gray-4 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f458ff0965debd3629cdd78362244836d0d42687"},(0,n.kt)("inlineCode",{parentName:"a"},"f458ff0"))),(0,n.kt)("li",{parentName:"ul"},"change(banner): MetadataField now uses proper time tag when value is datetime ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b4c4d34d5905a6771a281fc3db1174b4998c8fa8"},(0,n.kt)("inlineCode",{parentName:"a"},"b4c4d34"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tokens): updated gray-4 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b890df7693880fb965e41752eda64df992a1cdc4"},(0,n.kt)("inlineCode",{parentName:"a"},"b890df7"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): Fix error and empty div if no social links are present #319 from eea/footer-social ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/89222466b76a4720af73c0d516074efec0757c34"},(0,n.kt)("inlineCode",{parentName:"a"},"8922246"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): Fix error and empty div if no social links are present ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5d934a6545ae783ff41dc9e3eda389c571d1369b"},(0,n.kt)("inlineCode",{parentName:"a"},"5d934a6")))),(0,n.kt)("h4",{id:"\ufe0f-others-20"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"lint ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca41def7a3743a8328f26cec868bd20395b62446"},(0,n.kt)("inlineCode",{parentName:"a"},"ca41def"))),(0,n.kt)("li",{parentName:"ul"},"refactor ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9789201c7966cd711bfa85fe448f6f6df2583eaf"},(0,n.kt)("inlineCode",{parentName:"a"},"9789201"))),(0,n.kt)("li",{parentName:"ul"},"lint ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/646dfaa729b51367ce7545ea928837a481a5485a"},(0,n.kt)("inlineCode",{parentName:"a"},"646dfaa"))),(0,n.kt)("li",{parentName:"ul"},"(feat):Page Header Banner accessibility #316 from eea/accesibility-banner ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e587f4657de137273053480a3536a066ab032a29"},(0,n.kt)("inlineCode",{parentName:"a"},"e587f46"))),(0,n.kt)("li",{parentName:"ul"},"storybook ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c8c77de372060328d535b190f30747797db0d23a"},(0,n.kt)("inlineCode",{parentName:"a"},"c8c77de"))),(0,n.kt)("li",{parentName:"ul"},"banner accesibility ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5e2f23bae30b5bb14d3f607e0cfeb85d0cfe4a9f"},(0,n.kt)("inlineCode",{parentName:"a"},"5e2f23b"))),(0,n.kt)("li",{parentName:"ul"},"prettier ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ed78e50ee68accca10b06b0790c231ddeb1a1fa"},(0,n.kt)("inlineCode",{parentName:"a"},"6ed78e5"))),(0,n.kt)("li",{parentName:"ul"},"cleaning ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4391aa6c6611d1a15f5977eb150416909ad83bc1"},(0,n.kt)("inlineCode",{parentName:"a"},"4391aa6"))),(0,n.kt)("li",{parentName:"ul"},"lint 3 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2e0bed19a24d8abfa230212cd8c09f8313dc00f2"},(0,n.kt)("inlineCode",{parentName:"a"},"2e0bed1"))),(0,n.kt)("li",{parentName:"ul"},"lint 1 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b4c958034870a9861c542359144e3c56f9157994"},(0,n.kt)("inlineCode",{parentName:"a"},"b4c9580")))),(0,n.kt)("h3",{id:"102---2023-03-14"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.1...1.0.2"},"1.0.2")," - 2023-03-14"),(0,n.kt)("h4",{id:"-bug-fixes-23"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(megamenu): topic menu title is now placed before content ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6004bcb2683dedf6d6e18e61f33fde84a54c38d5"},(0,n.kt)("inlineCode",{parentName:"a"},"6004bcb"))),(0,n.kt)("li",{parentName:"ul"},"fix(megamenu): removed in depth nav_title renaming that set title wrongly to a-z topics ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/899ca0e2ba5f8f9eb61e4280d786f74a17c186b7"},(0,n.kt)("inlineCode",{parentName:"a"},"899ca0e")))),(0,n.kt)("h4",{id:"-enhancements-15"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(megamenu): removed special styling from at a glance mega menu section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fd0c4c8a06bb4c4aa26f57c453132d13d30bc691"},(0,n.kt)("inlineCode",{parentName:"a"},"fd0c4c8"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): renamed thematic information platforms to environmental information systems ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e7004a7ea39451dbf97e1faed222b0cc5a12d6ce"},(0,n.kt)("inlineCode",{parentName:"a"},"e7004a7"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): updated static image of footer sections ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ff3185edf9257c790d2a124d3f937f61d84e147"},(0,n.kt)("inlineCode",{parentName:"a"},"4ff3185")))),(0,n.kt)("h4",{id:"-documentation-changes-5"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(What's new): Update 'What's new' ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d7ed9d619aa60d087c3821a972ebe5bf5766521a"},(0,n.kt)("inlineCode",{parentName:"a"},"d7ed9d6")))),(0,n.kt)("h4",{id:"\ufe0f-others-21"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fixed accordion selector typo ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f4cabc8f2222cf587af9e04b0ea196799b84202f"},(0,n.kt)("inlineCode",{parentName:"a"},"f4cabc8")))),(0,n.kt)("h3",{id:"101---2023-03-13"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0...1.0.1"},"1.0.1")," - 2023-03-13"),(0,n.kt)("h2",{id:"100---2023-03-13"},(0,n.kt)("a",{parentName:"h2",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-beta.6...1.0.0"},"1.0.0")," - 2023-03-13"),(0,n.kt)("h4",{id:"-bug-fixes-24"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(Footer): Open internal links within the same page ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5b3e409c71281800bb0fd137a1bac256efaca2b5"},(0,n.kt)("inlineCode",{parentName:"a"},"5b3e409")))),(0,n.kt)("h4",{id:"-enhancements-16"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(banner): use huge scale instead of full image for better performance ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/381c58e3521436f562d9e1727428a18435e2c0f3"},(0,n.kt)("inlineCode",{parentName:"a"},"381c58e")))),(0,n.kt)("h3",{id:"100-beta6---2023-03-10"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-beta.5...1.0.0-beta.6"},"1.0.0-beta.6")," - 2023-03-10"),(0,n.kt)("h4",{id:"-new-features-13"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(site): serve Roboto fonts from eea design system package instead of google fonts #311 from eea/roboto-library ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6a1b3e3864a0bc8602e9c434ff70746bba59f44"},(0,n.kt)("inlineCode",{parentName:"a"},"f6a1b3e")))),(0,n.kt)("h4",{id:"-bug-fixes-25"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix: full-width is now properly sized ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e2e3482d658febbd692112608df14279bed05e7"},(0,n.kt)("inlineCode",{parentName:"a"},"6e2e348"))),(0,n.kt)("li",{parentName:"ul"},"fix(storybook): add fontDisplay ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/078966a6a5c7277d36fcd31bb4c0704bcc43e523"},(0,n.kt)("inlineCode",{parentName:"a"},"078966a")))),(0,n.kt)("h4",{id:"-enhancements-17"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(image): copyright position fixes, moved image floating to image-block-container ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/53422e0ea345a7cb6e8cb07bf9006b48d86ded58"},(0,n.kt)("inlineCode",{parentName:"a"},"53422e0"))),(0,n.kt)("li",{parentName:"ul"},"change(colors:) update the design system colour palette #312 from eea/update-color-palette ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5fb69465717dbdc0fe8091640a0e46f66199b65"},(0,n.kt)("inlineCode",{parentName:"a"},"a5fb694"))),(0,n.kt)("li",{parentName:"ul"},"refactor(docusaurus): added roboto library ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19de7b19fe795870102000bfebbf452d88b3a7b1"},(0,n.kt)("inlineCode",{parentName:"a"},"19de7b1"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): added roboto library ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e9916215728dda0ff423f8196e7442588058042e"},(0,n.kt)("inlineCode",{parentName:"a"},"e991621"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tokens): update colours ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3a2c1e1da8f0224e08f9f8afac3f0a74f7ce91d3"},(0,n.kt)("inlineCode",{parentName:"a"},"3a2c1e1"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): restored site variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a48478bae9bdf1d9275be999e1ec8382f10a2fec"},(0,n.kt)("inlineCode",{parentName:"a"},"a48478b"))),(0,n.kt)("li",{parentName:"ul"},"change(copyright): implemented copyright hover design ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b1244163de7ff58d1529fdd791502c862ee48ec"},(0,n.kt)("inlineCode",{parentName:"a"},"6b12441")))),(0,n.kt)("h4",{id:"-internal-changes-10"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"chore(storybook): switched google fonts to true ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a8cae46582356cc24ec3cd7ec47e692bc67a6a5"},(0,n.kt)("inlineCode",{parentName:"a"},"4a8cae4"))),(0,n.kt)("li",{parentName:"ul"},"chore(colours): changed back yellow 6 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87c9bbc0ec9a2a0f4bf8eeb03525d43ce6f502be"},(0,n.kt)("inlineCode",{parentName:"a"},"87c9bbc"))),(0,n.kt)("li",{parentName:"ul"},"chore(lint): lint ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9b0f1256a8b0a583ac7724a8d88259c615d7e0c7"},(0,n.kt)("inlineCode",{parentName:"a"},"9b0f125"))),(0,n.kt)("li",{parentName:"ul"},"chore(storybook): lint ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/29bc809ab2e9fa4207b8b067785e6b17e91db3b4"},(0,n.kt)("inlineCode",{parentName:"a"},"29bc809")))),(0,n.kt)("h4",{id:"-documentation-changes-6"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(colours): colours update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/161007e2480aa79517c4ca772364a12a0756f1af"},(0,n.kt)("inlineCode",{parentName:"a"},"161007e"))),(0,n.kt)("li",{parentName:"ul"},"docs(colours): accessibility ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee342aa6af3863d243222eaa89709be2ba61f988"},(0,n.kt)("inlineCode",{parentName:"a"},"ee342aa")))),(0,n.kt)("h4",{id:"\ufe0f-others-22"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"test(cypress): Use latest stable Volto for testing ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/20516617ae045f48c37a7ac7ad05c3d1090339b3"},(0,n.kt)("inlineCode",{parentName:"a"},"2051661"))),(0,n.kt)("li",{parentName:"ul"},"Update What's new section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/caa4b5d93affa7b63a332eaed9e73ea161a508cf"},(0,n.kt)("inlineCode",{parentName:"a"},"caa4b5d"))),(0,n.kt)("li",{parentName:"ul"},"Prepare final release 1.0.0 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef4383d05b295cbbb377f877522b9f83cd0873ef"},(0,n.kt)("inlineCode",{parentName:"a"},"ef4383d"))),(0,n.kt)("li",{parentName:"ul"},"lint fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/599f5098904f607bd694dd5d2e642c8820f11b3c"},(0,n.kt)("inlineCode",{parentName:"a"},"599f509"))),(0,n.kt)("li",{parentName:"ul"},"Back to dev ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/80cd3df3534e46e52ba246256c3d990a52753bbd"},(0,n.kt)("inlineCode",{parentName:"a"},"80cd3df")))),(0,n.kt)("h3",{id:"100-beta5---2023-03-07"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-beta.4...1.0.0-beta.5"},"1.0.0-beta.5")," - 2023-03-07"),(0,n.kt)("h4",{id:"-enhancements-18"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(carousel): tweak size of carousel dots for better touch interaction ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e1fb8230806de2e157a9a5ea87e63765769565b4"},(0,n.kt)("inlineCode",{parentName:"a"},"e1fb823"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): removed min width and height from links ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac33219fb77f23bb5148355551a7aad9f453d2e7"},(0,n.kt)("inlineCode",{parentName:"a"},"ac33219")))),(0,n.kt)("h4",{id:"-internal-changes-11"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"style(hiddenStructure): Add hiddenStructure utility to be used with h1 heading on frontpage - refs #158717 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/672cca2401003f56e5ea104f18103ea090e38fd7"},(0,n.kt)("inlineCode",{parentName:"a"},"672cca2")))),(0,n.kt)("h4",{id:"\ufe0f-others-23"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fixed less build failure due to changes in footer.less ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/190bc8cfa88191b45808f1e27c6e2737ee3d15b1"},(0,n.kt)("inlineCode",{parentName:"a"},"190bc8c"))),(0,n.kt)("li",{parentName:"ul"},"lazyload bg img on footer also ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ae07162ba1b27bff58fed70eaabc28c78c5f45a3"},(0,n.kt)("inlineCode",{parentName:"a"},"ae07162"))),(0,n.kt)("li",{parentName:"ul"},"lazyload footer images ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a0633c9ec4ccfb63a48eb4e4c4a63c90daac1a37"},(0,n.kt)("inlineCode",{parentName:"a"},"a0633c9"))),(0,n.kt)("li",{parentName:"ul"},"Increase performance - mobile friendly ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/07d86c8e77568f91d50b3a45248de9427140a295"},(0,n.kt)("inlineCode",{parentName:"a"},"07d86c8"))),(0,n.kt)("li",{parentName:"ul"},"better useOnScreen hook ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c214b6b76443f81c795ce2f3aa457562ec088b30"},(0,n.kt)("inlineCode",{parentName:"a"},"c214b6b"))),(0,n.kt)("li",{parentName:"ul"},"role change for accessibility ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5e758e0a7fa8c56ba688d0a43de5890686f14ea3"},(0,n.kt)("inlineCode",{parentName:"a"},"5e758e0"))),(0,n.kt)("li",{parentName:"ul"},"minimum tap dimension for mobile ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a25e9a8ba8a8a0f24d287ed7513e549ae2caab0f"},(0,n.kt)("inlineCode",{parentName:"a"},"a25e9a8"))),(0,n.kt)("li",{parentName:"ul"},"Release 1.0.0-beta.5 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4417e121477511c350ae3fbe4e70aadb445ed86"},(0,n.kt)("inlineCode",{parentName:"a"},"e4417e1"))),(0,n.kt)("li",{parentName:"ul"},"Add Sonarqube tag using eea-website-frontend addons list ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b227cf8a8c44b9d91e9fda8a7999fb0a42bacdca"},(0,n.kt)("inlineCode",{parentName:"a"},"b227cf8"))),(0,n.kt)("li",{parentName:"ul"},"feature(mobile): increased performance by lazy loading footer images #303 from eea/increase_performance ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/80d1df1c459680331d486f9e8e6a95c9db0adbf6"},(0,n.kt)("inlineCode",{parentName:"a"},"80d1df1"))),(0,n.kt)("li",{parentName:"ul"},"useOnScreen default export ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e6cfdd4dcb814aad328f97be7af41af071ccba6"},(0,n.kt)("inlineCode",{parentName:"a"},"3e6cfdd"))),(0,n.kt)("li",{parentName:"ul"},"use aria-labels on dropdown ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/27e144315416ceace0f01def03b5b24640f5c7da"},(0,n.kt)("inlineCode",{parentName:"a"},"27e1443"))),(0,n.kt)("li",{parentName:"ul"},"prettier ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7f838470c1bcc4e2be115d514d92a1b686a5e9b"},(0,n.kt)("inlineCode",{parentName:"a"},"a7f8384")))),(0,n.kt)("h3",{id:"100-beta4---2023-03-01"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-beta.3...1.0.0-beta.4"},"1.0.0-beta.4")," - 2023-03-01"),(0,n.kt)("h4",{id:"-new-features-14"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(footer): Add footer description ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ad0f714556c5b8c2fd95a2caea5c3a1e82c75d1"},(0,n.kt)("inlineCode",{parentName:"a"},"2ad0f71"))),(0,n.kt)("li",{parentName:"ul"},"feat(footer): Add footer description #306 from eea/footer-description ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bf655d133dd75b217c34b3d4303ad450a59f2c51"},(0,n.kt)("inlineCode",{parentName:"a"},"bf655d1")))),(0,n.kt)("h4",{id:"-bug-fixes-26"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(footer): Don't show empty row if description is not present ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ca7f7d3247668ae8583b8cd629856aac82eb07d"},(0,n.kt)("inlineCode",{parentName:"a"},"2ca7f7d"))),(0,n.kt)("li",{parentName:"ul"},"fix(footer): Add class for children ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c50d15cd6ed46d78ef10d48fd851ed7c4b5ddea"},(0,n.kt)("inlineCode",{parentName:"a"},"3c50d15"))),(0,n.kt)("li",{parentName:"ul"},"fix(search): Fix search links color #307 from eea/search-accessibility ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a76f48bab3a7d3f6b748eaa85b33266401372e40"},(0,n.kt)("inlineCode",{parentName:"a"},"a76f48b"))),(0,n.kt)("li",{parentName:"ul"},"fix(search): Fix search links color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/69c42effc5bdc3d31f18de74d77a3b7cc0018dc5"},(0,n.kt)("inlineCode",{parentName:"a"},"69c42ef")))),(0,n.kt)("h4",{id:"-enhancements-19"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(carousel): tweak card width and padding for better arrow alignment ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e184f70062d622e1ec53e8e1e2b012c080e62d77"},(0,n.kt)("inlineCode",{parentName:"a"},"e184f70"))),(0,n.kt)("li",{parentName:"ul"},"change(storybook): include footer description in storybook ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e904aa0850e101d736e8d045e822d9a58b75ff6a"},(0,n.kt)("inlineCode",{parentName:"a"},"e904aa0")))),(0,n.kt)("h4",{id:"\ufe0f-others-24"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Release 1.0.0-beta.4 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8c335c56c5a2a76ea87f9da318055770f904e649"},(0,n.kt)("inlineCode",{parentName:"a"},"8c335c5"))),(0,n.kt)("li",{parentName:"ul"},"Back to dev ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/38b03333066416915b056f8ac45da4de87ed7184"},(0,n.kt)("inlineCode",{parentName:"a"},"38b0333")))),(0,n.kt)("h3",{id:"100-beta3---2023-02-21"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-beta.2...1.0.0-beta.3"},"1.0.0-beta.3")," - 2023-02-21"),(0,n.kt)("h4",{id:"-new-features-15"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(accordion): storybook accessibility by using buttons for titles #297 from eea/accessibility-accordion ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/809d52b203ef40fab735006b3b8358d68682f7cf"},(0,n.kt)("inlineCode",{parentName:"a"},"809d52b")))),(0,n.kt)("h4",{id:"-bug-fixes-27"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(dropdown): remove close on blur so that we can navigate links using keyboard ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5442715e022b3eb2eeb709ff597f815947ac45bd"},(0,n.kt)("inlineCode",{parentName:"a"},"5442715")))),(0,n.kt)("h4",{id:"-enhancements-20"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(language): dropdown to use links for proper keyboard navigation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6a7de30d9d229443d6d2070d9649129e6d35badf"},(0,n.kt)("inlineCode",{parentName:"a"},"6a7de30"))),(0,n.kt)("li",{parentName:"ul"},"refactor(images): cleared unused/renamed images assets ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/821f5c1da5c1e2350818cd9b8b82bc0b1893370d"},(0,n.kt)("inlineCode",{parentName:"a"},"821f5c1"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Accessibility): add box-shadow on focus-visible components ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b1adcc315a89c7d3431e542e8d1b6ec479a346e2"},(0,n.kt)("inlineCode",{parentName:"a"},"b1adcc3"))),(0,n.kt)("li",{parentName:"ul"},"refactor(images): remove unused docusaurus svgs ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5ef14cdb1923d803feb673559d41b3064211653"},(0,n.kt)("inlineCode",{parentName:"a"},"c5ef14c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): add escape key functionality, actions from div to button to have proper focus state ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8081aa4e3b77f8a3dc89aa358408d75e3dca5579"},(0,n.kt)("inlineCode",{parentName:"a"},"8081aa4"))),(0,n.kt)("li",{parentName:"ul"},"change(language): restore dropdown duplication in order to properly show and hide language dropdown ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb28888ff19bd9894b58403e674f69de42ad8d09"},(0,n.kt)("inlineCode",{parentName:"a"},"cb28888"))),(0,n.kt)("li",{parentName:"ul"},"change(search): to reflect changes from eea-website-theme ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2cc35e0da6e6eac1473724293fcf6cd6b0a914b5"},(0,n.kt)("inlineCode",{parentName:"a"},"2cc35e0"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer): update p with h3 heading tag for header ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca1477b554f56423d40a33d8ee788c3f3bd3e341"},(0,n.kt)("inlineCode",{parentName:"a"},"ca1477b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer images): removed unused/renamed ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/186de6b23906e05ec700c3db5180a4d7f7e5ed68"},(0,n.kt)("inlineCode",{parentName:"a"},"186de6b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Accordion): div titles to buttons, test in mobile mega menu accordions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eaad4b479e37ebf5ac004cfc5759e0be603000a7"},(0,n.kt)("inlineCode",{parentName:"a"},"eaad4b4"))),(0,n.kt)("li",{parentName:"ul"},"refactor(docusaurus): cleanup decorative images ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fedc4d4dc156f9c1394fcedcebece4fb87dc70b6"},(0,n.kt)("inlineCode",{parentName:"a"},"fedc4d4"))),(0,n.kt)("li",{parentName:"ul"},"change(accessibility): style outline instead of box-shadow ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/53209f3b28c9a1dd54a8a86ab418b8bc2a8e01b3"},(0,n.kt)("inlineCode",{parentName:"a"},"53209f3"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Footer): update mobile header size ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/01ab7f0d9abe688b3d96aaec018838e1abefec73"},(0,n.kt)("inlineCode",{parentName:"a"},"01ab7f0"))),(0,n.kt)("li",{parentName:"ul"},"change(header): set the logo class directly on the link ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8fba508f925d9e6b86720fcb2c7dcfffee4ab5e"},(0,n.kt)("inlineCode",{parentName:"a"},"f8fba50"))),(0,n.kt)("li",{parentName:"ul"},"refactor(images): clear docusaurus unused pngs ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/db5c61124182e3030f753f6baa294fbdecaa3798"},(0,n.kt)("inlineCode",{parentName:"a"},"db5c611"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header-images): removed unused ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8250d94421d9d1ee13144e71bc0938af2b7309f5"},(0,n.kt)("inlineCode",{parentName:"a"},"8250d94"))),(0,n.kt)("li",{parentName:"ul"},"change(language): hide language dropdown by default ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc6064f72dcb4dbf96e9b05205cc796775d75205"},(0,n.kt)("inlineCode",{parentName:"a"},"cc6064f"))),(0,n.kt)("li",{parentName:"ul"},"change(header): top dropdown menu keyboard navigation #293 from eea/accessibility-megamenu-searchbox ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1e6fa658e52b9d5e6cc38f065b5707b592005241"},(0,n.kt)("inlineCode",{parentName:"a"},"1e6fa65"))),(0,n.kt)("li",{parentName:"ul"},"change(button): set focus styling for buttons ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/33ebfcacb014fca365ae58079bfa5429d9007e54"},(0,n.kt)("inlineCode",{parentName:"a"},"33ebfca"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): Avoid devtools warning in FooterActions #304 from eea/avoid_warning ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d774824c5d3d0998b3440ac83152428cfa821087"},(0,n.kt)("inlineCode",{parentName:"a"},"d774824"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): Accessibility update p with h3 heading tag for theme sites title #302 from eea/footer-accessibility ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5bf70de97aee216a0b88f5843a290c6bcb5da6f2"},(0,n.kt)("inlineCode",{parentName:"a"},"5bf70de"))),(0,n.kt)("li",{parentName:"ul"},"change(documentation): Rename all image files to follow the agreed convention #301 from eea/refactor-image-filenames ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cfe44ef79943af9b9179df1b8ec5f8c743e8bb39"},(0,n.kt)("inlineCode",{parentName:"a"},"cfe44ef")))),(0,n.kt)("h4",{id:"-internal-changes-12"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"style(header): react syntax fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3add1271c785a92bea0ef925d7bc562cef1e0d92"},(0,n.kt)("inlineCode",{parentName:"a"},"3add127"))),(0,n.kt)("li",{parentName:"ul"},"chore(docusaurus): ignore website/.yarn ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0b33ffd1dda61b126e3cc5ff48888124d6aee41b"},(0,n.kt)("inlineCode",{parentName:"a"},"0b33ffd")))),(0,n.kt)("h4",{id:"-documentation-changes-7"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(guidelines): add image name convention ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/290747c8df6919199577bc7fce6a0e337cb57853"},(0,n.kt)("inlineCode",{parentName:"a"},"290747c")))),(0,n.kt)("h4",{id:"\ufe0f-others-25"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Avoid warning in FooterActions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0fe73d70e44e32be73049f3b5cf826de42115942"},(0,n.kt)("inlineCode",{parentName:"a"},"0fe73d7"))),(0,n.kt)("li",{parentName:"ul"},"Release 1.0.0-beta.3 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/386c9032d39317b0bb95191bd59e3b7a99bded69"},(0,n.kt)("inlineCode",{parentName:"a"},"386c903")))),(0,n.kt)("h3",{id:"100-beta2---2023-02-13"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-beta.1...1.0.0-beta.2"},"1.0.0-beta.2")," - 2023-02-13"),(0,n.kt)("h4",{id:"-bug-fixes-28"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(footer): action and copyright #300 from eea/develop ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/579f3e436e9608b38a2407a16c070345462bfccc"},(0,n.kt)("inlineCode",{parentName:"a"},"579f3e4"))),(0,n.kt)("li",{parentName:"ul"},"fix(footer): action or copyright links are simple a tags for external link ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9af5070187ec975e58387f133afedcf1bbc47a50"},(0,n.kt)("inlineCode",{parentName:"a"},"9af5070"))),(0,n.kt)("li",{parentName:"ul"},"fix(accessibility): added navigation and footer id's for skip link ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48354b908e7d1a87b4e1a965d225e8f1b3e0ac59"},(0,n.kt)("inlineCode",{parentName:"a"},"48354b9")))),(0,n.kt)("h4",{id:"-enhancements-21"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(footer): typos and modified footer links to be center aligned ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac23f046bcac06525985dff7520bb2766dec44ec"},(0,n.kt)("inlineCode",{parentName:"a"},"ac23f04"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): added gap for actions and copyright ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d32ddd3c28a48c6c2fb73dea373bb5873b6f76b"},(0,n.kt)("inlineCode",{parentName:"a"},"7d32ddd"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): modified footer gap ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8a820ac90c7d6664e4d4655c2c06edfa976c64e"},(0,n.kt)("inlineCode",{parentName:"a"},"b8a820a"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): removed extra text and date from copyright section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af47bbec298678fece6f879fbc18fe2e01ab0894"},(0,n.kt)("inlineCode",{parentName:"a"},"af47bbe"))),(0,n.kt)("li",{parentName:"ul"},"change(navigation): raise z-index of go to top link ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/485ca7291da7a156b6b580c42e46d4f3602211bb"},(0,n.kt)("inlineCode",{parentName:"a"},"485ca72")))),(0,n.kt)("h4",{id:"-internal-changes-13"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"chore(docs): Update eea.hbs template to beta - refs #158717 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/196538ed7bb9dab36a0efb4cef84e96dd3038ff8"},(0,n.kt)("inlineCode",{parentName:"a"},"196538e")))),(0,n.kt)("h4",{id:"\ufe0f-others-26"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change version to beta 2 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cbb07981454b28de840561eca281888e8bc29f9e"},(0,n.kt)("inlineCode",{parentName:"a"},"cbb0798"))),(0,n.kt)("li",{parentName:"ul"},"Beta release ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ad51b3c2bbb75f19af14fa56afdbddf57b6c95e"},(0,n.kt)("inlineCode",{parentName:"a"},"4ad51b3")))),(0,n.kt)("h3",{id:"100-beta1---2023-02-09"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.15...1.0.0-beta.1"},"1.0.0-beta.1")," - 2023-02-09"),(0,n.kt)("h4",{id:"-new-features-16"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(search): Add search suggestions style ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b2b77bbaba11541606ae2bc1f4e8ffc823f470d"},(0,n.kt)("inlineCode",{parentName:"a"},"6b2b77b"))),(0,n.kt)("li",{parentName:"ul"},"feat(search): Add search suggestions style #296 from eea/search-suggestions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b0c956f569ebdc8400b88249c45067a1f881264"},(0,n.kt)("inlineCode",{parentName:"a"},"3b0c956")))),(0,n.kt)("h4",{id:"-enhancements-22"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(search): Add proper margin for search popup ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/190c9f5be570215586086f42aebc7e36d6a26ea2"},(0,n.kt)("inlineCode",{parentName:"a"},"190c9f5")))),(0,n.kt)("h4",{id:"\ufe0f-others-27"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Extra bottom padding for header menu ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4f38c7a96d93fbcd47de4ec60176de2a667c5643"},(0,n.kt)("inlineCode",{parentName:"a"},"4f38c7a"))),(0,n.kt)("li",{parentName:"ul"},"Release 1.0.0-beta.1 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4384ae28597c725f66ab0f1361ffd5167ee5e3a1"},(0,n.kt)("inlineCode",{parentName:"a"},"4384ae2"))),(0,n.kt)("li",{parentName:"ul"},"Back to dev ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c2ee90c1754f17a304897839adf482bc2a111212"},(0,n.kt)("inlineCode",{parentName:"a"},"c2ee90c")))),(0,n.kt)("h3",{id:"100-alpha15---2023-02-08"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.14...1.0.0-alpha.15"},"1.0.0-alpha.15")," - 2023-02-08"),(0,n.kt)("h4",{id:"-new-features-17"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(Card): add teaser card grid story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/53cac0b0d1c40ad6ad8c9dc91c5d24bfb160f98e"},(0,n.kt)("inlineCode",{parentName:"a"},"53cac0b"))),(0,n.kt)("li",{parentName:"ul"},"feat(utilities): Complete list of text-align utilities - refs #160747 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/224fab602184b8974f588c91a7412e3d03e4e2f7"},(0,n.kt)("inlineCode",{parentName:"a"},"224fab6"))),(0,n.kt)("li",{parentName:"ul"},"feat(small): CSS for small HTML tag - refs #160747 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad3c0adec4efa7cead69153d399c6452131c94cc"},(0,n.kt)("inlineCode",{parentName:"a"},"ad3c0ad"))),(0,n.kt)("li",{parentName:"ul"},"feat(fw-light): Add font weight light utility - refs #160747 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c44cf57db5845fbb9c07233aeedab79e1438f80f"},(0,n.kt)("inlineCode",{parentName:"a"},"c44cf57")))),(0,n.kt)("h4",{id:"-bug-fixes-29"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(card): teaser card dimensions on tablet size #290 from eea/teaser-card-grid ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/013fdf5cad347aee14bdc51553dbd95d972a7c66"},(0,n.kt)("inlineCode",{parentName:"a"},"013fdf5")))),(0,n.kt)("h4",{id:"-enhancements-23"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(card): added extra content for teaser card story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/30690ae6c499682853cb19db10b0cdc13c6f9508"},(0,n.kt)("inlineCode",{parentName:"a"},"30690ae"))),(0,n.kt)("li",{parentName:"ul"},"refactor(style-menu): add text-color to paragraphs styles #291 from eea/stylemenu-theme-colors ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2d783075b8089184e50b1763226af0d60ed11786"},(0,n.kt)("inlineCode",{parentName:"a"},"2d78307"))),(0,n.kt)("li",{parentName:"ul"},"change(header): Small fix in search popup #292 from eea/search-popup ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/86c130539455b9a00b4b088b1871a98b9756df79"},(0,n.kt)("inlineCode",{parentName:"a"},"86c1305"))),(0,n.kt)("li",{parentName:"ul"},"refactor(style-menu): add text-color to paragraphs styles ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3446bc2704603bbfead7ff6c72d4e3a1ce81c7d4"},(0,n.kt)("inlineCode",{parentName:"a"},"3446bc2"))),(0,n.kt)("li",{parentName:"ul"},"change(color): darkCyan is now replaced everywhere by the new green ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef3791de6e2ea23487791c717eefc575e21fd283"},(0,n.kt)("inlineCode",{parentName:"a"},"ef3791d"))),(0,n.kt)("li",{parentName:"ul"},"change(header): Small fix in search popup ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3d622ea99df5a1f1088f70998e38fd5bf43997cf"},(0,n.kt)("inlineCode",{parentName:"a"},"3d622ea")))),(0,n.kt)("h4",{id:"\ufe0f-others-28"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Release alpha 15 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b72b29aaf9b3e1bfb7015808aafbd73a7167895"},(0,n.kt)("inlineCode",{parentName:"a"},"3b72b29")))),(0,n.kt)("h3",{id:"100-alpha14---2023-01-30"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.13.1...1.0.0-alpha.14"},"1.0.0-alpha.14")," - 2023-01-30"),(0,n.kt)("h4",{id:"-enhancements-24"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(mobile menu): integrate a-z topic with menu rendering logic #287 from eea/develop ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/05d4c04603e6572cd6f9b255faa03c4636d8efdb"},(0,n.kt)("inlineCode",{parentName:"a"},"05d4c04"))),(0,n.kt)("li",{parentName:"ul"},"change(mobile menu): integrate a-z topic with menu rendering logic ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/246d3d839b773e2f6e1fff7fed5f9aa7a4968daa"},(0,n.kt)("inlineCode",{parentName:"a"},"246d3d8")))),(0,n.kt)("h4",{id:"\ufe0f-others-29"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"bump release to alpha 14 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/92f01975a809553ed122824c8407c74da9132c23"},(0,n.kt)("inlineCode",{parentName:"a"},"92f0197"))),(0,n.kt)("li",{parentName:"ul"},"link fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e1c12a132a1a99d773af359ebce071fb37c7e661"},(0,n.kt)("inlineCode",{parentName:"a"},"e1c12a1")))),(0,n.kt)("h3",{id:"100-alpha131---2023-01-30"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.13...1.0.0-alpha.13.1"},"1.0.0-alpha.13.1")," - 2023-01-30"),(0,n.kt)("h4",{id:"-enhancements-25"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(mobile menu): hardcode a-z topics to '/en/topics-in-depth' #286 from eea/develop ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6436224e1922fb5d4b4053c874cebe5c57b2a6b9"},(0,n.kt)("inlineCode",{parentName:"a"},"6436224"))),(0,n.kt)("li",{parentName:"ul"},"change(mobile menu): hardcode a-z topics to '/en/topics-in-depth' ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5235b52047a80a8b626aa5ef3ef304c4d9a82003"},(0,n.kt)("inlineCode",{parentName:"a"},"5235b52")))),(0,n.kt)("h4",{id:"\ufe0f-others-30"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change release to 13.1 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70aa5648e7d9e14796445323b6ebaf7733cc7fd8"},(0,n.kt)("inlineCode",{parentName:"a"},"70aa564")))),(0,n.kt)("h3",{id:"100-alpha13---2023-01-27"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.12...1.0.0-alpha.13"},"1.0.0-alpha.13")," - 2023-01-27"),(0,n.kt)("h4",{id:"-new-features-18"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(utilities): added has--bg--top center and bottom utility classes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/051e6d7c33aca7947802ddaa9fe68ac41ed7fe11"},(0,n.kt)("inlineCode",{parentName:"a"},"051e6d7")))),(0,n.kt)("h4",{id:"-bug-fixes-30"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(header): update green color used in page header #284 from eea/fix-banner-background ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/29d54db06487d18a367202725e525ac26e5b7c58"},(0,n.kt)("inlineCode",{parentName:"a"},"29d54db")))),(0,n.kt)("h4",{id:"-enhancements-26"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(site): added fixes from customVolto.css to design package ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51ba9b5df0186bdf075d803dea6032bac52e540f"},(0,n.kt)("inlineCode",{parentName:"a"},"51ba9b5"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Banner): update banner background green color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fd4a552d9ff7a2973ebd6d18b6fbfd9bba5d98c6"},(0,n.kt)("inlineCode",{parentName:"a"},"fd4a552"))),(0,n.kt)("li",{parentName:"ul"},"change(mobile menu): changed link for a-z topics to point to in depth ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/721bf237d23d2a8e47fc2132912646c4ce182c9d"},(0,n.kt)("inlineCode",{parentName:"a"},"721bf23")))),(0,n.kt)("h4",{id:"\ufe0f-others-31"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"1.0.0-alpha.13 release #285 from eea/develop ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c96694005e2d4160876f6a900db13940d42266d5"},(0,n.kt)("inlineCode",{parentName:"a"},"c966940"))),(0,n.kt)("li",{parentName:"ul"},"bump next version to alpha 13 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/897e9069062282f1b5cd8d86a02b8e54c40a4690"},(0,n.kt)("inlineCode",{parentName:"a"},"897e906"))),(0,n.kt)("li",{parentName:"ul"},"Back to dev ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5780dc7abeb24da5e77b043a34593ff7a44f350d"},(0,n.kt)("inlineCode",{parentName:"a"},"5780dc7")))),(0,n.kt)("h3",{id:"100-alpha12---2023-01-24"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.11...1.0.0-alpha.12"},"1.0.0-alpha.12")," - 2023-01-24"),(0,n.kt)("h4",{id:"-new-features-19"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(card, colors): visited color change and title on image option for cards #283 from eea/develop ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e638ee6b77885fd5989179aa9e6532e46e475247"},(0,n.kt)("inlineCode",{parentName:"a"},"e638ee6")))),(0,n.kt)("h4",{id:"-bug-fixes-31"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(mobile menu): sub links when an accordion section is active ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb3be81416340ad0e3e992cd4e75642fc50f8ad3"},(0,n.kt)("inlineCode",{parentName:"a"},"bb3be81")))),(0,n.kt)("h4",{id:"-enhancements-27"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(Card): create card template for stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2fa77f3f93935dd01cd5e3d77437fe8dc03721da"},(0,n.kt)("inlineCode",{parentName:"a"},"2fa77f3"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Card): add image with title css ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e6e63e2362a27b0bbf4b8dd968f11a0dc87da2a"},(0,n.kt)("inlineCode",{parentName:"a"},"6e6e63e"))),(0,n.kt)("li",{parentName:"ul"},"change(card): implement title on image within image section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff6cc600978355e04dde704d014d2cbe27df1298"},(0,n.kt)("inlineCode",{parentName:"a"},"ff6cc60"))),(0,n.kt)("li",{parentName:"ul"},"change(card): added image card section, tweaked mobile heading size ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0f879e15d22ae066f020d8188ef3e355c27d016c"},(0,n.kt)("inlineCode",{parentName:"a"},"0f879e1"))),(0,n.kt)("li",{parentName:"ul"},"change(cards): moved image gradient overlay to a mixin.less file ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b4928a87bfe5fae6f64c93d7c8f1f7a3045816c"},(0,n.kt)("inlineCode",{parentName:"a"},"8b4928a"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): Update titles value and size ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c35ad5c76caa00556f8a501d2e7d516464790dc4"},(0,n.kt)("inlineCode",{parentName:"a"},"c35ad5c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(docusaurus): applied image naming convention ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee7bc290084e198f9f94e40fbf44c6d9cb19d1ba"},(0,n.kt)("inlineCode",{parentName:"a"},"ee7bc29"))),(0,n.kt)("li",{parentName:"ul"},"change(cards): added image for all storybook card examples ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3f194130bb6fb7b9ab04a7e1305f26fa135c23d2"},(0,n.kt)("inlineCode",{parentName:"a"},"3f19413"))),(0,n.kt)("li",{parentName:"ul"},"change(banner): restored label value of metadata field when type isn't date ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/571a4f27fe73d0465b6482f70dd70b2dc47dffe8"},(0,n.kt)("inlineCode",{parentName:"a"},"571a4f2"))),(0,n.kt)("li",{parentName:"ul"},"change(card): title padding value for a more balance look ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/74b65563d973eb9c6afc534935e253f2705fe9ee"},(0,n.kt)("inlineCode",{parentName:"a"},"74b6556"))),(0,n.kt)("li",{parentName:"ul"},"change(card): removed uppercase transform from title on image ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2948ae16f748911929910ac53d1e0acf96952317"},(0,n.kt)("inlineCode",{parentName:"a"},"2948ae1"))),(0,n.kt)("li",{parentName:"ul"},"change(colors, Docusaurus): Visited link colour change and thematic logo replacement #278 from eea/refactor-visited-link ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f82d9781cc3b34443f181565c2ec1892d534f8e2"},(0,n.kt)("inlineCode",{parentName:"a"},"f82d978"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): visited link variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b209b2f7703641926c6d4b1f7162eef39b2a1ad8"},(0,n.kt)("inlineCode",{parentName:"a"},"b209b2f")))),(0,n.kt)("h4",{id:"-documentation-changes-8"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(colors): visited link update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ece77fec130de1d9d8014d40e7da975bf57061ee"},(0,n.kt)("inlineCode",{parentName:"a"},"ece77fe")))),(0,n.kt)("h4",{id:"\ufe0f-others-32"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix typos in footer gradient variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/40066405d97af838e986370101371a8162029e02"},(0,n.kt)("inlineCode",{parentName:"a"},"4006640"))),(0,n.kt)("li",{parentName:"ul"},"change version to alpha 12 instead of 1 final ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32250253f5d7fe9f01126136ad86b8a4f2f5c700"},(0,n.kt)("inlineCode",{parentName:"a"},"3225025"))),(0,n.kt)("li",{parentName:"ul"},"feature(card): new card variation with title on top of image #267 from eea/title-on-image-card ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2c0ca95700bb162bc1273c83f2fc4f591de8dcf0"},(0,n.kt)("inlineCode",{parentName:"a"},"2c0ca95"))),(0,n.kt)("li",{parentName:"ul"},"Back to dev ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/477d997513ef5152ab98e080ad07f927b5869705"},(0,n.kt)("inlineCode",{parentName:"a"},"477d997")))),(0,n.kt)("h3",{id:"100-alpha11---2023-01-17"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.10...1.0.0-alpha.11"},"1.0.0-alpha.11")," - 2023-01-17"),(0,n.kt)("h4",{id:"-new-features-20"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(docusaurus): Header and footer elements section #277 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0df271c4c79bd8a24750cfe44d69f32cb04a1b63"},(0,n.kt)("inlineCode",{parentName:"a"},"0df271c")))),(0,n.kt)("h4",{id:"-bug-fixes-32"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(banner): storybook date input and simplified gradient opacity ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7674d767bb770342828d6bea6953ce45b823943f"},(0,n.kt)("inlineCode",{parentName:"a"},"7674d76"))),(0,n.kt)("li",{parentName:"ul"},"fix(banner): re-added title class on banner title ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d157994934c3da9af4e3dd37844f910bddf8377"},(0,n.kt)("inlineCode",{parentName:"a"},"6d15799")))),(0,n.kt)("h4",{id:"-enhancements-28"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(banner): sync storybook and Volto component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c9087cc8edc3fb27e0b96b509354861ec306f22a"},(0,n.kt)("inlineCode",{parentName:"a"},"c9087cc"))),(0,n.kt)("li",{parentName:"ul"},"change(banner): removed margin from title ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/17e592c4f3fd16a78069af50574e2ac608166a0f"},(0,n.kt)("inlineCode",{parentName:"a"},"17e592c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(banner): sync storybook and Volto component #275 from eea/sync-page-banner-theme ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4331fb4a6d5744e7d7d6a001bca91265a22587fd"},(0,n.kt)("inlineCode",{parentName:"a"},"4331fb4")))),(0,n.kt)("h4",{id:"-documentation-changes-9"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(footer): updates on header elements ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b41c550475dc5a2eefcad5d75439601d079613e2"},(0,n.kt)("inlineCode",{parentName:"a"},"b41c550"))),(0,n.kt)("li",{parentName:"ul"},"docs(footer): add elements anatomy ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d9f0872f93a6f7572f798b2c001d3af00eb282e3"},(0,n.kt)("inlineCode",{parentName:"a"},"d9f0872")))),(0,n.kt)("h4",{id:"\ufe0f-others-33"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"add(banner): banner title css ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d0032474d2b57eb63a4b50a882ced2ee743a48e6"},(0,n.kt)("inlineCode",{parentName:"a"},"d003247"))),(0,n.kt)("li",{parentName:"ul"},"Release 1.0.0-alpha.11 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/07e8f858b0bdeaa6a348c0bfc2b785f26017e1ea"},(0,n.kt)("inlineCode",{parentName:"a"},"07e8f85"))),(0,n.kt)("li",{parentName:"ul"},"renamed image elements as requested in review ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8541fb6739d3c935ed8d44a220114546b2aef682"},(0,n.kt)("inlineCode",{parentName:"a"},"8541fb6"))),(0,n.kt)("li",{parentName:"ul"},"remove(banner-gradiant): image gradiant in favour of text ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1b58520490be5e17ea4ce6fc98329d467dad3960"},(0,n.kt)("inlineCode",{parentName:"a"},"1b58520"))),(0,n.kt)("li",{parentName:"ul"},"update(gradient): use 8deg angle ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fd597d8d7a83fdf8a27939e4c69dfc3975b6a81"},(0,n.kt)("inlineCode",{parentName:"a"},"6fd597d"))),(0,n.kt)("li",{parentName:"ul"},"update(gradiant): make it 0deg ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1bb2696375eef233b509e27d9d464b8343421430"},(0,n.kt)("inlineCode",{parentName:"a"},"1bb2696"))),(0,n.kt)("li",{parentName:"ul"},"remove(comment) referencing old verison of title ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4226d42e34b119e057cf4e9878b6a99172cb976a"},(0,n.kt)("inlineCode",{parentName:"a"},"4226d42")))),(0,n.kt)("h3",{id:"100-alpha10---2023-01-13"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.9...1.0.0-alpha.10"},"1.0.0-alpha.10")," - 2023-01-13"),(0,n.kt)("h4",{id:"-bug-fixes-33"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(subsite): Fix logo size on subsite section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65fff54503a9ace573dc7198f6bedb372e65d211"},(0,n.kt)("inlineCode",{parentName:"a"},"65fff54"))),(0,n.kt)("li",{parentName:"ul"},"fix(subsite): Fix logo size on subsite section #279 from eea/subsite-fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f6cf94811dbebc2081c0ca812570a72dd977b06"},(0,n.kt)("inlineCode",{parentName:"a"},"8f6cf94"))),(0,n.kt)("li",{parentName:"ul"},"fix(mega-menu): show sub grid only if there are children ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ddfbd82aab2be723ae230d703f72a8cd489f17d8"},(0,n.kt)("inlineCode",{parentName:"a"},"ddfbd82")))),(0,n.kt)("h4",{id:"\ufe0f-others-34"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Add variable definitions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/293fe65e2f24e6290e1286229169a77f9be4750e"},(0,n.kt)("inlineCode",{parentName:"a"},"293fe65"))),(0,n.kt)("li",{parentName:"ul"},"Release 1.0.0-alpha.10 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7014d080ce114bd0bc039abeecbd7229333b0971"},(0,n.kt)("inlineCode",{parentName:"a"},"7014d08"))),(0,n.kt)("li",{parentName:"ul"},"Add Sonarqube tag using advisory-board-frontend addons list ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef58a6f5ad8deea26b1395a86778fe1159b7617b"},(0,n.kt)("inlineCode",{parentName:"a"},"ef58a6f"))),(0,n.kt)("li",{parentName:"ul"},"Back to dev ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/31d461662b9184a7bbe190e86f3c47fab39229fe"},(0,n.kt)("inlineCode",{parentName:"a"},"31d4616")))),(0,n.kt)("h3",{id:"100-alpha9---2022-12-28"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.8...1.0.0-alpha.9"},"1.0.0-alpha.9")," - 2022-12-28"),(0,n.kt)("h4",{id:"-enhancements-29"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(contextnav): Default title is text, custom title is link #273 from eea/context-nav-link-title ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef7bdb7c40cd12c3d7e059074aa5797b8cb3378c"},(0,n.kt)("inlineCode",{parentName:"a"},"ef7bdb7")))),(0,n.kt)("h4",{id:"\ufe0f-others-35"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Show document and folder content-type in Navigation listing ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8471db3b3d555e8602f1076d0f96a2ba38a12247"},(0,n.kt)("inlineCode",{parentName:"a"},"8471db3"))),(0,n.kt)("li",{parentName:"ul"},"Default title is text, custom title is link ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1ae95b05b67423121566448c6b0cededca4b2b1d"},(0,n.kt)("inlineCode",{parentName:"a"},"1ae95b0"))),(0,n.kt)("li",{parentName:"ul"},"Context nav title link to # ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a27a6b78bcda0eb6037f73f1d36b06e00e3ffc52"},(0,n.kt)("inlineCode",{parentName:"a"},"a27a6b7")))),(0,n.kt)("h3",{id:"100-alpha8---2022-12-23"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.7...1.0.0-alpha.8"},"1.0.0-alpha.8")," - 2022-12-23"),(0,n.kt)("h4",{id:"-new-features-21"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(copyright): Align copyright options with Volto integration - refs #158210 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6bac7f6a9ad969af4be1c8c08a18a1144d5bad63"},(0,n.kt)("inlineCode",{parentName:"a"},"6bac7f6")))),(0,n.kt)("h4",{id:"-enhancements-30"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(logo): import theme site logos to the story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2f29136ca457f2419ca25a5292a036b2cd0fc402"},(0,n.kt)("inlineCode",{parentName:"a"},"2f29136"))),(0,n.kt)("li",{parentName:"ul"},"refactor(logo): update logo and mega search gradient ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e11f44d59334fc02e3833a133b20e7b2240a2022"},(0,n.kt)("inlineCode",{parentName:"a"},"e11f44d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(logos): convert logo names to lowercase ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/07b822864490b4cc63bef94f3306466ba5933e16"},(0,n.kt)("inlineCode",{parentName:"a"},"07b8228"))),(0,n.kt)("li",{parentName:"ul"},"change(item): use default logic of setting align class on content ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b5b47c10ce5a6d3710bedd492aa3d362d62d225"},(0,n.kt)("inlineCode",{parentName:"a"},"6b5b47c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(logo): update logo ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/170efe5bfc7fd4988f4a4d4aac18ace32c360cd6"},(0,n.kt)("inlineCode",{parentName:"a"},"170efe5"))),(0,n.kt)("li",{parentName:"ul"},"refactor(logos): convert storybook logo names to lowercase ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4b24ec8796f8fffd87158a55f4ac19624ebe04c"},(0,n.kt)("inlineCode",{parentName:"a"},"c4b24ec"))),(0,n.kt)("li",{parentName:"ul"},"refactor(logo): add eea roboto font logo variations ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de1224a97568c0b48b509c65170a6080d8a058d4"},(0,n.kt)("inlineCode",{parentName:"a"},"de1224a"))),(0,n.kt)("li",{parentName:"ul"},"refactor(logo): add container and segment to logo story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/61eff16fcd080194fe1187656d67ef73a7dd4d6c"},(0,n.kt)("inlineCode",{parentName:"a"},"61eff16"))),(0,n.kt)("li",{parentName:"ul"},"change(item): removed requirement for aligned classes to be on content ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/30c0d5d2de7ac05172cfb726b60a8bd763de7b31"},(0,n.kt)("inlineCode",{parentName:"a"},"30c0d5d"))),(0,n.kt)("li",{parentName:"ul"},"change(logos): cleanup eea logo reference to only eea-logo and eea-logo-white.svg ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2796e054a21a9025036c8b2882afe23a6984cd37"},(0,n.kt)("inlineCode",{parentName:"a"},"2796e05")))),(0,n.kt)("h4",{id:"-internal-changes-14"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"chore(npmignore): Reduce npmjs package size ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/164c8a5ad0f7241eb8e30c53eccfdff9cec1fb93"},(0,n.kt)("inlineCode",{parentName:"a"},"164c8a5"))),(0,n.kt)("li",{parentName:"ul"},"chore(npmignore): Reduce npmjs package size ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ade9d5ba3411efc47cdd3b461fd60b2b7389f9be"},(0,n.kt)("inlineCode",{parentName:"a"},"ade9d5b"))),(0,n.kt)("li",{parentName:"ul"},"chore(docs): renamed logo mdx to md ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/52e9d46bb2decabdc935eeee84dacc3e063e3616"},(0,n.kt)("inlineCode",{parentName:"a"},"52e9d46")))),(0,n.kt)("h4",{id:"-documentation-changes-10"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(logos): svgs without classes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/28a58336ac57deb3eec7287b6fbf5cd58ada8a7e"},(0,n.kt)("inlineCode",{parentName:"a"},"28a5833"))),(0,n.kt)("li",{parentName:"ul"},"docs(logos): add dark mode logos ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ccc1609643cff5f851942ab95198d44252ddb22e"},(0,n.kt)("inlineCode",{parentName:"a"},"ccc1609"))),(0,n.kt)("li",{parentName:"ul"},"docs(logo): update eea logos and add logo wrapper ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91cdd6636dfb102e4712177ad5fa7e952eb6ea45"},(0,n.kt)("inlineCode",{parentName:"a"},"91cdd66"))),(0,n.kt)("li",{parentName:"ul"},"docs(logo): update logos on docusaurus ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/760e1012892ab28b25e8d9b0de50cfa0ba07addf"},(0,n.kt)("inlineCode",{parentName:"a"},"760e101"))),(0,n.kt)("li",{parentName:"ul"},"docs(logos): updated svgs ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dc224e1dbcf46a29b0639afde694d44221affe27"},(0,n.kt)("inlineCode",{parentName:"a"},"dc224e1"))),(0,n.kt)("li",{parentName:"ul"},"docs(logos): add thematic logos ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5a21a3076e506e6bd7f82fa97697f81825e87255"},(0,n.kt)("inlineCode",{parentName:"a"},"5a21a30"))),(0,n.kt)("li",{parentName:"ul"},"docs(logos): add zipped svgs for download ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5855bf83b471a9849ee71370d7eee4f6a1d12a44"},(0,n.kt)("inlineCode",{parentName:"a"},"5855bf8"))),(0,n.kt)("li",{parentName:"ul"},"docs(logos): wisef logo update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f90b59d03c1c4eaa760dd981e082f237c09e96f"},(0,n.kt)("inlineCode",{parentName:"a"},"8f90b59"))),(0,n.kt)("li",{parentName:"ul"},"docs(logos): move to static, add download ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8c1fd5f9a64bd8fb976687fe5ed96bc515b95393"},(0,n.kt)("inlineCode",{parentName:"a"},"8c1fd5f"))),(0,n.kt)("li",{parentName:"ul"},"docs(logos): improve eea logo visibility ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/82188abb99aa080d7bea15975497e03c653d311c"},(0,n.kt)("inlineCode",{parentName:"a"},"82188ab"))),(0,n.kt)("li",{parentName:"ul"},"docs(logos): change eea logo to svg ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f57b846ca9d635f5af4d1adeee280a5adcaf7b5f"},(0,n.kt)("inlineCode",{parentName:"a"},"f57b846")))),(0,n.kt)("h4",{id:"\ufe0f-others-36"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"logo update or docusaurus thematic logo listing #274 from eea/develop ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dde90beb68ac129e476ece22e7ced4640786f094"},(0,n.kt)("inlineCode",{parentName:"a"},"dde90be"))),(0,n.kt)("li",{parentName:"ul"},"(feat): Add ability to disable the language select from website top menu - refs #158616 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/411c8e4afaf0b2b9edfdeeecdca22aa4cc41f329"},(0,n.kt)("inlineCode",{parentName:"a"},"411c8e4"))),(0,n.kt)("li",{parentName:"ul"},"Proof reading page header section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/230239e1b22734fb8606656985bc5e513731e244"},(0,n.kt)("inlineCode",{parentName:"a"},"230239e"))),(0,n.kt)("li",{parentName:"ul"},"bump package version ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b4628bed134abc76e38a243d4e98143e19cef989"},(0,n.kt)("inlineCode",{parentName:"a"},"b4628be"))),(0,n.kt)("li",{parentName:"ul"},"feature(docusaurus, storybook): logos selection for sites plus inverted options #253 from eea/doc-logo-page ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dbfc90d035dc40e9d4054347f00fde4de486d63d"},(0,n.kt)("inlineCode",{parentName:"a"},"dbfc90d"))),(0,n.kt)("li",{parentName:"ul"},"Add Sonarqube tag using advisory-board-frontend addons list ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4769e987d525f5dcafac8e6cf8a89fd8111667d"},(0,n.kt)("inlineCode",{parentName:"a"},"c4769e9"))),(0,n.kt)("li",{parentName:"ul"},"test(Jenkins): Run tests and cypress with latest canary @plone/volto ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/92feea09796c9ef0530f65fa1d34139905133215"},(0,n.kt)("inlineCode",{parentName:"a"},"92feea0")))),(0,n.kt)("h3",{id:"100-alpha7---2022-12-16"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.6...1.0.0-alpha.7"},"1.0.0-alpha.7")," - 2022-12-16"),(0,n.kt)("h4",{id:"-new-features-22"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(item): normalized size for image or icon items #258 from eea/refactor-items ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/945170f1503be68aa3fc1bd950a97eeebfd81037"},(0,n.kt)("inlineCode",{parentName:"a"},"945170f")))),(0,n.kt)("h4",{id:"-bug-fixes-34"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(card): rounded after removal of has--rounded--true style class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4727afdecf3d25e3e5bc98d472b976d60154183"},(0,n.kt)("inlineCode",{parentName:"a"},"d4727af"))),(0,n.kt)("li",{parentName:"ul"},"fix(item): removed margin set for description which pushed the text from icon ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d9d40310fcfb1bd214bd901b79dcbac41e9a8518"},(0,n.kt)("inlineCode",{parentName:"a"},"d9d4031"))),(0,n.kt)("li",{parentName:"ul"},"fix(project): Proper paths if volto-eea-design-system package is not installed, but in development #270 from eea/correct_paths ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0f8ee8d770f1b26d4315be8f615d58a61acbafc8"},(0,n.kt)("inlineCode",{parentName:"a"},"0f8ee8d")))),(0,n.kt)("h4",{id:"-enhancements-31"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(item): update icon variations and paddings ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6a407b3e7f743eb7b73247bcc5d489685d567bc6"},(0,n.kt)("inlineCode",{parentName:"a"},"6a407b3"))),(0,n.kt)("li",{parentName:"ul"},"refactor(item): update spacing ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2fd91c4aa1a76dd2f7099d3f24f94067e95e06a1"},(0,n.kt)("inlineCode",{parentName:"a"},"2fd91c4"))),(0,n.kt)("li",{parentName:"ul"},"refactor(item): initial values for new sizes & add description class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3546296f0cacb96411c8c67b98e9763e2b843b05"},(0,n.kt)("inlineCode",{parentName:"a"},"3546296"))),(0,n.kt)("li",{parentName:"ul"},"refactor(item): add icon and more size options ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1120bb62d9ab908c5c97a4871a66e3c08c5c7ece"},(0,n.kt)("inlineCode",{parentName:"a"},"1120bb6"))),(0,n.kt)("li",{parentName:"ul"},"refactor(item): update image and icon sizes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8025735121aaa0024a5783afbde0f6be3715618"},(0,n.kt)("inlineCode",{parentName:"a"},"b802573"))),(0,n.kt)("li",{parentName:"ul"},"change(item): set same height as width on item images ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/69cbd23ca53dd68ae9f7c00a69ed2d8820746305"},(0,n.kt)("inlineCode",{parentName:"a"},"69cbd23"))),(0,n.kt)("li",{parentName:"ul"},"refactor(item): update item part 2 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9812ae2e41ac86cfd4c56e13af8af570b752966f"},(0,n.kt)("inlineCode",{parentName:"a"},"9812ae2"))),(0,n.kt)("li",{parentName:"ul"},"change(item): rename large to big class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/24ff1275b9a0556b85ab86757bc0c84f50357e7d"},(0,n.kt)("inlineCode",{parentName:"a"},"24ff127"))),(0,n.kt)("li",{parentName:"ul"},"change(item): added tiny size that outputs 24px icon sizes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ea96363a957f9033cb5bfe2d7fd311e92377493"},(0,n.kt)("inlineCode",{parentName:"a"},"2ea9636"))),(0,n.kt)("li",{parentName:"ul"},"change(image): added preview image size default to 400px ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a0aa867e932d1b3c0bf449553726d6feb645853e"},(0,n.kt)("inlineCode",{parentName:"a"},"a0aa867"))),(0,n.kt)("li",{parentName:"ul"},"refactor(item): update operator for condition controls ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/149ccb2f1e498c27e5550214cdee25eb808ab27e"},(0,n.kt)("inlineCode",{parentName:"a"},"149ccb2")))),(0,n.kt)("h4",{id:"\ufe0f-others-37"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Proper paths if the package is not installed, but in development ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a2655f7cf9d3c687f172eefcf2b4cff4b12f832"},(0,n.kt)("inlineCode",{parentName:"a"},"7a2655f"))),(0,n.kt)("li",{parentName:"ul"},"Update .project.eslintrc.js ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a2fd3f23473325976c2b146e066eeb538d140dce"},(0,n.kt)("inlineCode",{parentName:"a"},"a2fd3f2"))),(0,n.kt)("li",{parentName:"ul"},"added back descriptionDistance variable until package release ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3af811a8d86a132e16de118697ba5a4302a8a4da"},(0,n.kt)("inlineCode",{parentName:"a"},"3af811a"))),(0,n.kt)("li",{parentName:"ul"},"Release 1.0.0-alpha.7 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e66bcc296b389bc55073e7f99681534977dce3a"},(0,n.kt)("inlineCode",{parentName:"a"},"7e66bcc"))),(0,n.kt)("li",{parentName:"ul"},"Add Sonarqube tag using cca-frontend addons list ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce47e9b163bcb4eda988e3a87718b54ffbd3f99f"},(0,n.kt)("inlineCode",{parentName:"a"},"ce47e9b"))),(0,n.kt)("li",{parentName:"ul"},"Back to dev ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb531c933c907bdbb88c9de0f1df2eb7ce899a4c"},(0,n.kt)("inlineCode",{parentName:"a"},"cb531c9")))),(0,n.kt)("h3",{id:"100-alpha6---2022-12-07"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.5...1.0.0-alpha.6"},"1.0.0-alpha.6")," - 2022-12-07"),(0,n.kt)("h4",{id:"-new-features-23"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(copyright): create copyright component and import it in banner ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8fcde9df2915585e2336024436cef76642820d75"},(0,n.kt)("inlineCode",{parentName:"a"},"8fcde9d"))),(0,n.kt)("li",{parentName:"ul"},"feat(Header): add hideSearch prop ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/13ddfe59a6bd7fe2050b70ac4524a6f6c5c169ea"},(0,n.kt)("inlineCode",{parentName:"a"},"13ddfe5"))),(0,n.kt)("li",{parentName:"ul"},"feat(Docusaurus): Image copyright information #257 from eea/image-copyright-info ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/21195153240da052acb7171f7904449ed7854cb3"},(0,n.kt)("inlineCode",{parentName:"a"},"2119515")))),(0,n.kt)("h4",{id:"-bug-fixes-35"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(tags): content gap when using tags-content wrapper ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4eb9b89d4ea09f936b7fcdc22a84105fd8639af"},(0,n.kt)("inlineCode",{parentName:"a"},"c4eb9b8")))),(0,n.kt)("h4",{id:"-enhancements-32"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(hero): add copyright component to hero ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0fa88fad3e7b48789dc6d0462b9f78dd359b8949"},(0,n.kt)("inlineCode",{parentName:"a"},"0fa88fa"))),(0,n.kt)("li",{parentName:"ul"},"change(copyright): implementation to add classes on content sections ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e10bde674f2b1f722ec6c70734e4a72c018f4afe"},(0,n.kt)("inlineCode",{parentName:"a"},"e10bde6"))),(0,n.kt)("li",{parentName:"ul"},"change(copyright): removed color variant ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/747b8a27155569247d4975837587e3320327fce9"},(0,n.kt)("inlineCode",{parentName:"a"},"747b8a2"))),(0,n.kt)("li",{parentName:"ul"},"change(copyright): removed copyrightVariant from Banner and Hero stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac62e079d4eafb818f9cae25880a04d9e069d107"},(0,n.kt)("inlineCode",{parentName:"a"},"ac62e07"))),(0,n.kt)("li",{parentName:"ul"},"change(tagList): modified implementation to align to volto-tags-block ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a57a3d4bf7ede4b5ab5f3ef045d664aaaf67f2c"},(0,n.kt)("inlineCode",{parentName:"a"},"7a57a3d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(copyright): remove data section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/52cb09dc363bb0a2e363ec86dcefb4c57e07a14d"},(0,n.kt)("inlineCode",{parentName:"a"},"52cb09d"))),(0,n.kt)("li",{parentName:"ul"},"change(copyright): line height to match page header implementation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a56254e7588cfc6aca999f550084d79dca6e9a6c"},(0,n.kt)("inlineCode",{parentName:"a"},"a56254e"))),(0,n.kt)("li",{parentName:"ul"},"change(copyright): now uses text color css variable with fallback to white ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee7268ba359f079dfce45fd0fe91f75ae5c37e94"},(0,n.kt)("inlineCode",{parentName:"a"},"ee7268b")))),(0,n.kt)("h4",{id:"-documentation-changes-11"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(copyright): copyright documentation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a90ed766e60b5eb5b027beb36d2b1967d2c41fa3"},(0,n.kt)("inlineCode",{parentName:"a"},"a90ed76")))),(0,n.kt)("h4",{id:"\ufe0f-others-38"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Update usage_markdown.md ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f76d4a242f795451d64ef2d192d0006a0ed5eac1"},(0,n.kt)("inlineCode",{parentName:"a"},"f76d4a2"))),(0,n.kt)("li",{parentName:"ul"},"grammar fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb2a5a5fd9dfc01eccc179721b06988742f5b2e2"},(0,n.kt)("inlineCode",{parentName:"a"},"cb2a5a5"))),(0,n.kt)("li",{parentName:"ul"},"Release 1.0.0-alpha.6 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ca32f03c1860781d3c1c4ff9558713ad8acac95"},(0,n.kt)("inlineCode",{parentName:"a"},"6ca32f0"))),(0,n.kt)("li",{parentName:"ul"},"feature(copyright): image information #250 from eea/feature-copyright ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a8618c7f0230a19b6c973aa2c9646463de9eeffb"},(0,n.kt)("inlineCode",{parentName:"a"},"a8618c7"))),(0,n.kt)("li",{parentName:"ul"},"lint fix by introducing local variable tagsGap ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7b6c0ae2ebfed06221700faf9a0d0c2bdeb60d99"},(0,n.kt)("inlineCode",{parentName:"a"},"7b6c0ae"))),(0,n.kt)("li",{parentName:"ul"},"Update 3-images.md ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1b0ef033f9c8a36aaa739f268263f24a6d0fb473"},(0,n.kt)("inlineCode",{parentName:"a"},"1b0ef03")))),(0,n.kt)("h3",{id:"100-alpha5---2022-11-29"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.4...1.0.0-alpha.5"},"1.0.0-alpha.5")," - 2022-11-29"),(0,n.kt)("h4",{id:"-new-features-24"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(Iconography): import and showcase remix icons ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/777112f7e77ce8c74c3fd4384bff6ec9694aba04"},(0,n.kt)("inlineCode",{parentName:"a"},"777112f")))),(0,n.kt)("h4",{id:"-bug-fixes-36"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(docusaurus): right bar overflow fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/197c763624f70556c62379bc0751763725d0fed3"},(0,n.kt)("inlineCode",{parentName:"a"},"197c763"))),(0,n.kt)("li",{parentName:"ul"},"fix(lists): bullet position by using padding instead of margin ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0ecae2e7fe61b98d8795f876a525fbbc873bf799"},(0,n.kt)("inlineCode",{parentName:"a"},"0ecae2e"))),(0,n.kt)("li",{parentName:"ul"},"fix(label): color for yellow variant as white isn't accessible on yellow color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91d8880a829d2728c49a1953f6d2d8c2c812990c"},(0,n.kt)("inlineCode",{parentName:"a"},"91d8880"))),(0,n.kt)("li",{parentName:"ul"},"fix(contentBox): avoid text decoration for header-link added on cards ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ccb592db6f465cec59124b94fb6918b513bb761"},(0,n.kt)("inlineCode",{parentName:"a"},"3ccb592"))),(0,n.kt)("li",{parentName:"ul"},"fix(label): margin value for ribbon image left and right margin ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8e1129734709d6034539a6522105af9d43fef20"},(0,n.kt)("inlineCode",{parentName:"a"},"f8e1129")))),(0,n.kt)("h4",{id:"-enhancements-33"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(docusaurus): eea color palette in separate file ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6c855df9c2238f8d21860ade4578aa969b68448e"},(0,n.kt)("inlineCode",{parentName:"a"},"6c855df"))),(0,n.kt)("li",{parentName:"ul"},"refactor(docusaurus): classes for color boxes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/80219d52bc63842d8e6382dbbe7d43cdc8a29b9c"},(0,n.kt)("inlineCode",{parentName:"a"},"80219d5"))),(0,n.kt)("li",{parentName:"ul"},"refactor(docusaurus): move supplementary, state and link colors to partials ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2776be32615d7a6bdd8561a523fb9cfb1a85e38b"},(0,n.kt)("inlineCode",{parentName:"a"},"2776be3"))),(0,n.kt)("li",{parentName:"ul"},"refactor(docusaurus): fix side menu / moved more content in palette partial ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f5b70775471369ca8f3193784b9bc66caa8fb76f"},(0,n.kt)("inlineCode",{parentName:"a"},"f5b7077"))),(0,n.kt)("li",{parentName:"ul"},"change(tag): set gap on tags element for margin between tag elements ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/726bc6da821a366a5afa03659e614cc73ed02c0b"},(0,n.kt)("inlineCode",{parentName:"a"},"726bc6d")))),(0,n.kt)("h4",{id:"-internal-changes-15"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"chore(colours): fix wrong class name ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51ad0a8232f7f35cae05f5861d7822db852b3f8d"},(0,n.kt)("inlineCode",{parentName:"a"},"51ad0a8")))),(0,n.kt)("h4",{id:"-documentation-changes-12"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus): Iconography updates, thematic platforms ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2a0e596bd002290e0759d8c5e568da4d318f7d59"},(0,n.kt)("inlineCode",{parentName:"a"},"2a0e596"))),(0,n.kt)("li",{parentName:"ul"},"docs(colors): thematic pages integration ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea7a4220a93d3fd2f437b51462f7f19d99f52595"},(0,n.kt)("inlineCode",{parentName:"a"},"ea7a422"))),(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus): color updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc13b5499a9ae13bb45925a057f8ff4d6a2e4643"},(0,n.kt)("inlineCode",{parentName:"a"},"cc13b54"))),(0,n.kt)("li",{parentName:"ul"},"docs(colors): fix swatches accessibility ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/306cb74d3e06390a9c15da9b8b29c9d3c8f0f6c5"},(0,n.kt)("inlineCode",{parentName:"a"},"306cb74"))),(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus): typography and colors fixes according to comments on PR ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ae20a7258cc88465fa0937895c2999952736f456"},(0,n.kt)("inlineCode",{parentName:"a"},"ae20a72"))),(0,n.kt)("li",{parentName:"ul"},"docs(colours): adjust logos heights ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/854d4fb761be7307e83e5dd2eb0fe5a0117727c5"},(0,n.kt)("inlineCode",{parentName:"a"},"854d4fb"))),(0,n.kt)("li",{parentName:"ul"},"docs(typography): merge designer and dev units ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65c240eddbf20b3fc870d301b96837f49ad9caca"},(0,n.kt)("inlineCode",{parentName:"a"},"65c240e"))),(0,n.kt)("li",{parentName:"ul"},"docs(typography): readded extra font sizes, fixed fluid ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4a5d892538a9713d14ac718b1bf2c771be09810"},(0,n.kt)("inlineCode",{parentName:"a"},"a4a5d89"))),(0,n.kt)("li",{parentName:"ul"},"docs(typography): changed em to percentages ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4176007ff4b421bc988b618488e0ba6b550f9fe"},(0,n.kt)("inlineCode",{parentName:"a"},"d417600"))),(0,n.kt)("li",{parentName:"ul"},"docs(colors): minors updates and instructions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84ac8828e430b4af2b461534b4e2f81189080145"},(0,n.kt)("inlineCode",{parentName:"a"},"84ac882"))),(0,n.kt)("li",{parentName:"ul"},"docs(colors): blue-grey-6 adjustment ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e7ab2d15d3a617bc5b3713897f3e3521d9e2720a"},(0,n.kt)("inlineCode",{parentName:"a"},"e7ab2d1"))),(0,n.kt)("li",{parentName:"ul"},"docs(colours): added active colour ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/574f7a95ea8a9510d03a104ad72fafafcae5d738"},(0,n.kt)("inlineCode",{parentName:"a"},"574f7a9"))),(0,n.kt)("li",{parentName:"ul"},"docs(colors): switch FISE logo to png ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/335471fd95bbd78cd7bd80b960272baa0a32e1c5"},(0,n.kt)("inlineCode",{parentName:"a"},"335471f"))),(0,n.kt)("li",{parentName:"ul"},"docs(colors): updated visited ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0248fd164cbf85168945797244977c305c67608d"},(0,n.kt)("inlineCode",{parentName:"a"},"0248fd1"))),(0,n.kt)("li",{parentName:"ul"},"docs(FISE): replaced logo ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f7d833127f769d79f099618b98789c6929b4ba08"},(0,n.kt)("inlineCode",{parentName:"a"},"f7d8331")))),(0,n.kt)("h4",{id:"\ufe0f-others-39"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"perf(docusaurus): added remixicon and roboto locally ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b67b1a72bc9cdc7c62a25967e81b430f8b62d558"},(0,n.kt)("inlineCode",{parentName:"a"},"b67b1a7"))),(0,n.kt)("li",{parentName:"ul"},"feature(Docusaurus): Updates on color palette information including thematic websites #231 from eea/refactor-docusaurus ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec7843dea07f626dc1c71ae1baa8bb5b0caa52f3"},(0,n.kt)("inlineCode",{parentName:"a"},"ec7843d"))),(0,n.kt)("li",{parentName:"ul"},"Upgrade Jenkinsfile storybook to yarn 3 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d20de8d6e21a14660b7b5125a80218a8a6f19e62"},(0,n.kt)("inlineCode",{parentName:"a"},"d20de8d"))),(0,n.kt)("li",{parentName:"ul"},"Back to dev ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/563fbc5fac0d4b0295690d0a3a4e04271753f18a"},(0,n.kt)("inlineCode",{parentName:"a"},"563fbc5")))),(0,n.kt)("h3",{id:"100-alpha4---2022-11-22"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.3...1.0.0-alpha.4"},"1.0.0-alpha.4")," - 2022-11-22"),(0,n.kt)("h4",{id:"-bug-fixes-37"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(cards-storybook): load slick carousel css for arrow and pagination styles ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1159b1beea0d7f7e026f1f1181fea91b7ac38ffa"},(0,n.kt)("inlineCode",{parentName:"a"},"1159b1b")))),(0,n.kt)("h4",{id:"-enhancements-34"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(cards): refactor cards theming implementation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4e454238d540ef306f4c1a4f8e9a94c7aa10189"},(0,n.kt)("inlineCode",{parentName:"a"},"d4e4542"))),(0,n.kt)("li",{parentName:"ul"},"change(cards): allow rounded, inverted and theme parameter to be set by has classes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b4ad893fc5d39629b4e8d874327f31ea2e7d885"},(0,n.kt)("inlineCode",{parentName:"a"},"4b4ad89"))),(0,n.kt)("li",{parentName:"ul"},"change(card): expect has classes on the card directly ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6a9e38bcae0656685a99b47800d556813663d2ee"},(0,n.kt)("inlineCode",{parentName:"a"},"6a9e38b"))),(0,n.kt)("li",{parentName:"ul"},"change(utilities): added has text classes to the text alignment utilities ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e6974c634551fe0d19a9c9da269f5c6fbaefab7a"},(0,n.kt)("inlineCode",{parentName:"a"},"e6974c6"))),(0,n.kt)("li",{parentName:"ul"},"change(utilities): modified class name for text align using has naming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/579a0cbe0f704eb9305119fdd162f4f29c8086d5"},(0,n.kt)("inlineCode",{parentName:"a"},"579a0cb"))),(0,n.kt)("li",{parentName:"ul"},"change(theme): ensure that only direct children of container have a default top and bottom margin ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7f8b8dcc72827004d366e1c531311cf8734053fc"},(0,n.kt)("inlineCode",{parentName:"a"},"7f8b8dc"))),(0,n.kt)("li",{parentName:"ul"},"change(build): upgrade action to trigger workflow and wait to latest version ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c63ad3fdae7972bb2c722dea3d046861fa0ac086"},(0,n.kt)("inlineCode",{parentName:"a"},"c63ad3f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): theming implementation to allow has theming classes #265 from eea/card-refactoring ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/24edc99d85c0c619fc763a8774a96f7208f529a5"},(0,n.kt)("inlineCode",{parentName:"a"},"24edc99"))),(0,n.kt)("li",{parentName:"ul"},"change(theme): add slick-carousel dependency ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2eec7d7233adf86b9c4f61670eb87d9754ff94c"},(0,n.kt)("inlineCode",{parentName:"a"},"f2eec7d")))),(0,n.kt)("h4",{id:"\ufe0f-others-40"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Update eea.github.io on all commits in develop branch ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3d0b8d745138bd2e0219560c8c895ce2c56dbf04"},(0,n.kt)("inlineCode",{parentName:"a"},"3d0b8d7"))),(0,n.kt)("li",{parentName:"ul"},"Exclude mockups from npm package ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/634af8e3ddabec36a18597d8d7638888269875fc"},(0,n.kt)("inlineCode",{parentName:"a"},"634af8e"))),(0,n.kt)("li",{parentName:"ul"},"fix rounded selector ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1fa15442f03d3f3d9ef59afa14075b061483cf3a"},(0,n.kt)("inlineCode",{parentName:"a"},"1fa1544"))),(0,n.kt)("li",{parentName:"ul"},"Trigger re-build ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3566dd2b4d2cd12496e05b792c85a78de550dd50"},(0,n.kt)("inlineCode",{parentName:"a"},"3566dd2"))),(0,n.kt)("li",{parentName:"ul"},"Back to dev. ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea47f6f10097f23f635d98f0c5483bebf8378fc4"},(0,n.kt)("inlineCode",{parentName:"a"},"ea47f6f")))),(0,n.kt)("h3",{id:"100-alpha3---2022-11-16"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.2...1.0.0-alpha.3"},"1.0.0-alpha.3")," - 2022-11-16"),(0,n.kt)("h4",{id:"-new-features-25"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(Header): Add subsite section styling #263 from eea/subsite ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00398b8a6c5d83241c30d0ba85d95c115edf2480"},(0,n.kt)("inlineCode",{parentName:"a"},"00398b8")))),(0,n.kt)("h4",{id:"-bug-fixes-38"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(search): position now changed by default to absolute from relative ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51b08fc217e25c1391a2bac0b42a8c3f7ae091c7"},(0,n.kt)("inlineCode",{parentName:"a"},"51b08fc"))),(0,n.kt)("li",{parentName:"ul"},"fix(megaMenu): remove paddings for buttons added by active class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec33ebfe23a6064c88383ab465bd45edee2dba9b"},(0,n.kt)("inlineCode",{parentName:"a"},"ec33ebf")))),(0,n.kt)("h4",{id:"-enhancements-35"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(components): load overrides files for our defined semantic files ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/adde7a9519f38fa779d8d038f3b6817281f0b4a2"},(0,n.kt)("inlineCode",{parentName:"a"},"adde7a9"))),(0,n.kt)("li",{parentName:"ul"},"change(container): fullwidth now take into account devices without hover ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5a35a65ce4928972027325bd01265db3f046f0e8"},(0,n.kt)("inlineCode",{parentName:"a"},"5a35a65"))),(0,n.kt)("li",{parentName:"ul"},"change(container): ensure only the top level elements behave like containers ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/98b85d1fb285919a8851454fa3007131b2a0ffc3"},(0,n.kt)("inlineCode",{parentName:"a"},"98b85d1"))),(0,n.kt)("li",{parentName:"ul"},"change(container): modified column-block grid to remove margin and padding when using full width class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/35c1cee7b3b35e7c361562ab7a430240f0117cc3"},(0,n.kt)("inlineCode",{parentName:"a"},"35c1cee"))),(0,n.kt)("li",{parentName:"ul"},"change(mega-menu): hide home link and accordion content from mobile menu ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1a691729b6d61c0daf46c5de035c1c55b0fda0d9"},(0,n.kt)("inlineCode",{parentName:"a"},"1a69172"))),(0,n.kt)("li",{parentName:"ul"},"change(container): width from min width 1280px to 1365px max width ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/66e551e532da2cc5e9716e5179f943f172663be4"},(0,n.kt)("inlineCode",{parentName:"a"},"66e551e"))),(0,n.kt)("li",{parentName:"ul"},"change(container): removed app extras and view setting of layout sizes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6dc1ee602634df85140f6db75e41293b72eacf1"},(0,n.kt)("inlineCode",{parentName:"a"},"f6dc1ee"))),(0,n.kt)("li",{parentName:"ul"},"change(views): customized DefaultView to pass class into page-document area ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91123aad429f4bb086110b4997e43e9809a97581"},(0,n.kt)("inlineCode",{parentName:"a"},"91123aa"))),(0,n.kt)("li",{parentName:"ul"},"refactor(megaMenu): desktop - use buttons for menu section titles and readjust content ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb9315f2b999193b7b64cec27c49fc8dda306899"},(0,n.kt)("inlineCode",{parentName:"a"},"cb9315f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(megaMenu): add nav_title and nav_description attributes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0d7a5686daab2ecec87d78728437d8f994606448"},(0,n.kt)("inlineCode",{parentName:"a"},"0d7a568"))),(0,n.kt)("li",{parentName:"ul"},"refactor(megaMenu): style sub-title and nav-description ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2a48fd3588ffdc75f61f0b8d52284d13edf2d92"},(0,n.kt)("inlineCode",{parentName:"a"},"b2a48fd"))),(0,n.kt)("li",{parentName:"ul"},"refactor(sidemenu): add third level list and items & update active indication ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2d87da9fddca2b867f3d065a007c0b921587a61"},(0,n.kt)("inlineCode",{parentName:"a"},"e2d87da"))),(0,n.kt)("li",{parentName:"ul"},"change(columns): implement narrow, container and wide width classes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9696b5457e50ba3186406a584da16f5248c14439"},(0,n.kt)("inlineCode",{parentName:"a"},"9696b54"))),(0,n.kt)("li",{parentName:"ul"},"change(container): story to add classes that modify the max width of the containers ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37948f89ee797738bd8bbb0023bc5dca018d7331"},(0,n.kt)("inlineCode",{parentName:"a"},"37948f8"))),(0,n.kt)("li",{parentName:"ul"},"change(container): affect only left and right margin of containers ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/183265b7dd8d20359b6c3956ea05b62df6e70f75"},(0,n.kt)("inlineCode",{parentName:"a"},"183265b"))),(0,n.kt)("li",{parentName:"ul"},"change(containers): modified class names after layout checks ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1dc3689509001031f0afd30422f517de5316e47a"},(0,n.kt)("inlineCode",{parentName:"a"},"1dc3689"))),(0,n.kt)("li",{parentName:"ul"},"refactor(sidemenu): add is_in_path and is_current attributes for an active example ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a3fe7fd8da93db0a065d4408ce154c9d8c26b568"},(0,n.kt)("inlineCode",{parentName:"a"},"a3fe7fd"))),(0,n.kt)("li",{parentName:"ul"},"change(container): story to avoid adding containerwidth property to container div ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c13d83cdbc8741bf4075cdfcd884f39f3f71d73c"},(0,n.kt)("inlineCode",{parentName:"a"},"c13d83c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(megaMenu): mobile - use buttons for menu section titles ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7b632fd29a8ac815d2e590509baa51f1279e659"},(0,n.kt)("inlineCode",{parentName:"a"},"a7b632f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(megaMenu): update padding variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5f25838ba9ec367a58c98c929921ebf09cd8ad8"},(0,n.kt)("inlineCode",{parentName:"a"},"c5f2583"))),(0,n.kt)("li",{parentName:"ul"},"change(views): moved narrow style bellow the default container width styles ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/72fa58dce9ea03a1e4f409a9f9aab21b01efbfc8"},(0,n.kt)("inlineCode",{parentName:"a"},"72fa58d"))),(0,n.kt)("li",{parentName:"ul"},"change(listing): removed container from default view page-document area ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/69f3d8f422e3cb95e89937929aaef48b5569bcdf"},(0,n.kt)("inlineCode",{parentName:"a"},"69f3d8f"))),(0,n.kt)("li",{parentName:"ul"},"change(views): rename classes names to width_view and added app extras layout component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/745b7720839754d1e248795cb1263f8c02f5f3c2"},(0,n.kt)("inlineCode",{parentName:"a"},"745b772"))),(0,n.kt)("li",{parentName:"ul"},"change(container): use important flag for left and right margin ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a49c83abe9a045d28118a680558de5416a0516a3"},(0,n.kt)("inlineCode",{parentName:"a"},"a49c83a"))),(0,n.kt)("li",{parentName:"ul"},"change(container): add variables for edit and add section of containers ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2e2c335dc82c120d15d4c536c400ae742f68fe7"},(0,n.kt)("inlineCode",{parentName:"a"},"f2e2c33"))),(0,n.kt)("li",{parentName:"ul"},"refactor(megaMenu): update sub-title paddings ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/992f919bb5155c8e6fc169e43adf00dcae41f400"},(0,n.kt)("inlineCode",{parentName:"a"},"992f919"))),(0,n.kt)("li",{parentName:"ul"},"change(site): add a 1rem margin top and bottom on all styled classes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dabf6c1162fe23cef61a2053eefd7e687f649a56"},(0,n.kt)("inlineCode",{parentName:"a"},"dabf6c1"))),(0,n.kt)("li",{parentName:"ul"},"change(homepage): removed hiding of staging banner from homepage ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ba2cd7fc17cdf1bf58381aa58e05acad0ac77ba"},(0,n.kt)("inlineCode",{parentName:"a"},"4ba2cd7"))),(0,n.kt)("li",{parentName:"ul"},"change(container): unset values of page-document on 1200+ browser width ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dd5bea37d414e2a8689eaf6cc99c7b3a3d4b0e08"},(0,n.kt)("inlineCode",{parentName:"a"},"dd5bea3"))),(0,n.kt)("li",{parentName:"ul"},"change(megamenu): set children to be appended to the right of the menu title ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b69c23a20ef2ded1f0382650ff8e85d1bead6941"},(0,n.kt)("inlineCode",{parentName:"a"},"b69c23a"))),(0,n.kt)("li",{parentName:"ul"},"change(theme): modified wide width to point to 1320px as it's perfectly divisible by 4 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f825737d6dafd595024bb4537eab624a47a9ad0"},(0,n.kt)("inlineCode",{parentName:"a"},"8f82573"))),(0,n.kt)("li",{parentName:"ul"},"change(theme): modified wide width to point to 1368px as it's perfectly divisible by 4 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2349fee36ee72783665a0b101d684389f1fdf834"},(0,n.kt)("inlineCode",{parentName:"a"},"2349fee"))),(0,n.kt)("li",{parentName:"ul"},"change(container): renamed content-text-width to container-text-width ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6f788c282348292dd4b5deb47ffe83ca4573e5c8"},(0,n.kt)("inlineCode",{parentName:"a"},"6f788c2"))),(0,n.kt)("li",{parentName:"ul"},"change(listing): provide ui container fallback if no class is passed to default view ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af9e94ded1e301f4c811749badbcc1f59e6d0de5"},(0,n.kt)("inlineCode",{parentName:"a"},"af9e94d"))),(0,n.kt)("li",{parentName:"ul"},"change(narrow-view): re-added container class to page-document ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/56b44a6e09d45f96c106dc471bb2e1cde58ef10f"},(0,n.kt)("inlineCode",{parentName:"a"},"56b44a6"))),(0,n.kt)("li",{parentName:"ul"},"change(view): set container width for view-viewview class as well ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/29dc324319d6dc2450dd0e906c1b4c93fd65ed56"},(0,n.kt)("inlineCode",{parentName:"a"},"29dc324")))),(0,n.kt)("h4",{id:"-internal-changes-16"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"style: load header/footer overrides ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e5b5e0fc00c61d81f45c12f119bd2f06a91b1b5c"},(0,n.kt)("inlineCode",{parentName:"a"},"e5b5e0f"))),(0,n.kt)("li",{parentName:"ul"},"style(megaMenu): restore item description color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8a19bbb4866cdeb31d87b782587c499e621055b7"},(0,n.kt)("inlineCode",{parentName:"a"},"8a19bbb"))),(0,n.kt)("li",{parentName:"ul"},"style(megaMenu): restore accordion content bottom padding ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8e0c5a79f06247d353511b412b0122c6f614f5ec"},(0,n.kt)("inlineCode",{parentName:"a"},"8e0c5a7")))),(0,n.kt)("h4",{id:"\ufe0f-others-41"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Add subsite styling ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e79c0ed7931d6287dbeb3bab1e9155b8707481a3"},(0,n.kt)("inlineCode",{parentName:"a"},"e79c0ed"))),(0,n.kt)("li",{parentName:"ul"},"WIP settings column grid width when using full size class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/affc7ac99527aa92d5a192d90dc8c9ec46a66404"},(0,n.kt)("inlineCode",{parentName:"a"},"affc7ac"))),(0,n.kt)("li",{parentName:"ul"},"code cleanup ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2cdc3e590b6d36865f16890c45ce56d32963e1d0"},(0,n.kt)("inlineCode",{parentName:"a"},"2cdc3e5"))),(0,n.kt)("li",{parentName:"ul"},"fix eslint ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/30c52e4eb443555ca44c1b35df064e73d52c0a8b"},(0,n.kt)("inlineCode",{parentName:"a"},"30c52e4"))),(0,n.kt)("li",{parentName:"ul"},"test(estlint): Fix .project.eslintrc.js ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aaeaa07b27491551daba29bbfdd7cab4a54b6bec"},(0,n.kt)("inlineCode",{parentName:"a"},"aaeaa07"))),(0,n.kt)("li",{parentName:"ul"},"modified left value of full width classes with toolbars ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70d82d47fbc2c00a3a709de0d5c087c8443a1eae"},(0,n.kt)("inlineCode",{parentName:"a"},"70d82d4"))),(0,n.kt)("li",{parentName:"ul"},"Release 1.0.0-alpha.3 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8fc86a7d0bf4ad06ab339b3066ff56ea61d48878"},(0,n.kt)("inlineCode",{parentName:"a"},"8fc86a7"))),(0,n.kt)("li",{parentName:"ul"},"feature(content): added NarrowView useful for modifying the containers from content-area ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d937df7c262e8d8cc6e78eebec736e28263fc657"},(0,n.kt)("inlineCode",{parentName:"a"},"d937df7"))),(0,n.kt)("li",{parentName:"ul"},"jslint fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/98461593605344d0b6d8cba81f91d1cafc2653cd"},(0,n.kt)("inlineCode",{parentName:"a"},"9846159"))),(0,n.kt)("li",{parentName:"ul"},"Feature(container): flexible container size #260 from eea/feature-flexible-container ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f84c5b67afe9cbe01b2a44a8f92a9a554e1036a"},(0,n.kt)("inlineCode",{parentName:"a"},"8f84c5b"))),(0,n.kt)("li",{parentName:"ul"},"Add Sonarqube tag using circularity-frontend addons list ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/76a41c786995fd54afe4d1c345de939f683ffa70"},(0,n.kt)("inlineCode",{parentName:"a"},"76a41c7"))),(0,n.kt)("li",{parentName:"ul"},"fix broken variable call for contentBox.variables introduced in previous commit by mistake ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d249c1160d19bedb174a2fde3fdab48d9ce297d4"},(0,n.kt)("inlineCode",{parentName:"a"},"d249c11"))),(0,n.kt)("li",{parentName:"ul"},"clean up ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/89f3cb33d70a14806a953f0acd1807e94169ee5c"},(0,n.kt)("inlineCode",{parentName:"a"},"89f3cb3"))),(0,n.kt)("li",{parentName:"ul"},"removed console log from code ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fad86ae581dd81d0c29fc03d8528e57cadadd3fb"},(0,n.kt)("inlineCode",{parentName:"a"},"fad86ae")))),(0,n.kt)("h3",{id:"100-alpha2---2022-10-28"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.1...1.0.0-alpha.2"},"1.0.0-alpha.2")," - 2022-10-28"),(0,n.kt)("h4",{id:"-enhancements-36"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(documentation): grammarly proof-read suggestions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f609be3758673b0d479d99baee69e7238a5b7f9"},(0,n.kt)("inlineCode",{parentName:"a"},"9f609be"))),(0,n.kt)("li",{parentName:"ul"},"refactor(volto-slate): Upgrade to @plone/volto-slate - refs #153447 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/853d9d189dd17859e3999fbf53507df7083eefb4"},(0,n.kt)("inlineCode",{parentName:"a"},"853d9d1")))),(0,n.kt)("h4",{id:"-internal-changes-17"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"chore(docs): Back to dev ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e33113a0541d082d93f61c7494bcce2ac5f79a8c"},(0,n.kt)("inlineCode",{parentName:"a"},"e33113a")))),(0,n.kt)("h4",{id:"\ufe0f-others-42"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"test(cypress): Upgrade to Cypress 10 / Razzle 4 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c1c1f4b280945a9f0b77eb0b59de003c1360bac9"},(0,n.kt)("inlineCode",{parentName:"a"},"c1c1f4b"))),(0,n.kt)("li",{parentName:"ul"},"more explanations ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a8b22728659125ba6ea6fb41f29571a8f1b9953b"},(0,n.kt)("inlineCode",{parentName:"a"},"a8b2272"))),(0,n.kt)("li",{parentName:"ul"},"add announcement bar, showing that EEA DS is WIP ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e14aeac02cf922493aff4f83c8d80af95cc63eb9"},(0,n.kt)("inlineCode",{parentName:"a"},"e14aeac"))),(0,n.kt)("li",{parentName:"ul"},"Update dependencies ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee30a2bad3769163d3ab4d996c0a7be8fcb4bc6e"},(0,n.kt)("inlineCode",{parentName:"a"},"ee30a2b")))),(0,n.kt)("h3",{id:"100-alpha1---2022-10-20"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.9.6...1.0.0-alpha.1"},"1.0.0-alpha.1")," - 2022-10-20"),(0,n.kt)("h4",{id:"-enhancements-37"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(footer): update svg and tablet contact link sizes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6aba061a5d37e84da706e94a2ce1140ffca81d43"},(0,n.kt)("inlineCode",{parentName:"a"},"6aba061"))),(0,n.kt)("li",{parentName:"ul"},"change(blockquote): renamed to Callout reflecting the correct naming from Storybook ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/61a518c84f08b03d29b99aafce3d9108ae56b3a7"},(0,n.kt)("inlineCode",{parentName:"a"},"61a518c"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): Shadow removed from logo & tablet updates #252 from eea/fix-footer ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6df783d6571cb1b477202bf1d503763d98db66bf"},(0,n.kt)("inlineCode",{parentName:"a"},"6df783d"))),(0,n.kt)("li",{parentName:"ul"},"change(colors): updated theme classes for text to use css variable colors ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb089fd9a40b67430e0d4efaa2cb51902a46de4f"},(0,n.kt)("inlineCode",{parentName:"a"},"cb089fd")))),(0,n.kt)("h4",{id:"-internal-changes-18"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"style(footer): reduce social icons margin ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6a9cf7a6da4a46d9b85a63fbdfc8d421ae4c0d8"},(0,n.kt)("inlineCode",{parentName:"a"},"f6a9cf7")))),(0,n.kt)("h4",{id:"-documentation-changes-13"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(alpha): Update included components in 1.0 alpha version - refs #154387 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fcc5af9bb9163d158ccd6ce452d7f80ac26f7ac0"},(0,n.kt)("inlineCode",{parentName:"a"},"fcc5af9"))),(0,n.kt)("li",{parentName:"ul"},"docs(callout): Rename Blockqoute to Callout in docusaurus - refs #154387 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8d733ac7b00273581575ceddd1a4480ba67fa498"},(0,n.kt)("inlineCode",{parentName:"a"},"8d733ac")))),(0,n.kt)("h4",{id:"\ufe0f-others-43"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Release 1.0.0-alpha.1 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70e4d97c6a2b13f3b98efe1e2ba93174be2df476"},(0,n.kt)("inlineCode",{parentName:"a"},"70e4d97")))),(0,n.kt)("h3",{id:"096---2022-12-16"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.9.5...0.9.6"},"0.9.6")," - 2022-12-16"),(0,n.kt)("h4",{id:"\ufe0f-others-44"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Release 0.9.6 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ae19b837678ef5a6a26ebe7c69577e446b13ed50"},(0,n.kt)("inlineCode",{parentName:"a"},"ae19b83"))),(0,n.kt)("li",{parentName:"ul"},"feature(copyright): image information #250 from eea/feature-copyright ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7b323ed27e15f9b4265618099089526c97aa89a1"},(0,n.kt)("inlineCode",{parentName:"a"},"7b323ed"))),(0,n.kt)("li",{parentName:"ul"},"Release-it ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f5671de5a36a721f86a2f8ae4077fd2e0ffafb5"},(0,n.kt)("inlineCode",{parentName:"a"},"1f5671d")))),(0,n.kt)("h3",{id:"095---2022-10-20"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.9.4...0.9.5"},"0.9.5")," - 2022-10-20"),(0,n.kt)("h4",{id:"-bug-fixes-39"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(statistic): margin and slate colors when using the inverted options ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f263dea1940594ad00b3548c8640ca378fee5563"},(0,n.kt)("inlineCode",{parentName:"a"},"f263dea")))),(0,n.kt)("h3",{id:"094---2022-10-19"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.9.3...0.9.4"},"0.9.4")," - 2022-10-19"),(0,n.kt)("h4",{id:"-bug-fixes-40"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(edit-interface): block chooser and power user menu item colors when inside content-box ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7aee4f1619a0d798b5fd8d90844a780c25aca019"},(0,n.kt)("inlineCode",{parentName:"a"},"7aee4f1"))),(0,n.kt)("li",{parentName:"ul"},"fix(header): hero text going over the logo and menu on mobile resolutions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1434508f5995d4316dfb2fd18fdc7926a4ece6ee"},(0,n.kt)("inlineCode",{parentName:"a"},"1434508"))),(0,n.kt)("li",{parentName:"ul"},"fix(content-box): z-index of box-inner and added underline to slate links ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c8b7c7e41df39e1bf6377401a7aad4220287d454"},(0,n.kt)("inlineCode",{parentName:"a"},"c8b7c7e"))),(0,n.kt)("li",{parentName:"ul"},"fix(content-box): adding of underline to links ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c2f5f0f45963e48342edb0046d84b945ffe4b6a8"},(0,n.kt)("inlineCode",{parentName:"a"},"c2f5f0f")))),(0,n.kt)("h4",{id:"-enhancements-38"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(banner,colors): content box theme aware colors banner changes#254 from eea/develop ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bcb9a8cde0cb0f927a68c0872e590e5ab853f824"},(0,n.kt)("inlineCode",{parentName:"a"},"bcb9a8c"))),(0,n.kt)("li",{parentName:"ul"},"change(Banner): Add subtitle subcomponent ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb67f4c83a2ff0e17958116fc4a52a426ba64a70"},(0,n.kt)("inlineCode",{parentName:"a"},"bb67f4c"))),(0,n.kt)("li",{parentName:"ul"},"change(item): moved svg filter definitions to item.overrides ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de703661065648968903bb6b46efc13d19c51d2b"},(0,n.kt)("inlineCode",{parentName:"a"},"de70366"))),(0,n.kt)("li",{parentName:"ul"},"change(accordion): accordion titles with themes colors can now be modified by css variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2ac13ea56a74b2f7a22abc274bc94c770fbe3a2"},(0,n.kt)("inlineCode",{parentName:"a"},"e2ac13e"))),(0,n.kt)("li",{parentName:"ul"},"change(colors): in lists and callouts to allow color changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/940d1b8ed815b1a38f78d7602f0b221b48fe21f9"},(0,n.kt)("inlineCode",{parentName:"a"},"940d1b8"))),(0,n.kt)("li",{parentName:"ul"},"change(colors): added backgroundColorSupplementary color variable ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f5262af2b90d2ffd9dd5560232f3bf47bcc85e3"},(0,n.kt)("inlineCode",{parentName:"a"},"1f5262a"))),(0,n.kt)("li",{parentName:"ul"},"change(list,bullet): color is no longer primary instead it's text color css variant ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8c046704871c7202406ff71b280a8a34e195e54d"},(0,n.kt)("inlineCode",{parentName:"a"},"8c04670"))),(0,n.kt)("li",{parentName:"ul"},"change(statistics): use theme colors with css variable for easy color customization ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fb72a012e81eba73fbace58317a52b5cdda31ee5"},(0,n.kt)("inlineCode",{parentName:"a"},"fb72a01"))),(0,n.kt)("li",{parentName:"ul"},"change(Banner): Show label in metadata field ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1acda3c53739b610b501a53baf10226769929d2d"},(0,n.kt)("inlineCode",{parentName:"a"},"1acda3c"))),(0,n.kt)("li",{parentName:"ul"},"change(tags, items): use text color with css variable for content color for easy customization ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6660e2e49c6e732a13283ad7c922c5a5091bffc1"},(0,n.kt)("inlineCode",{parentName:"a"},"6660e2e"))),(0,n.kt)("li",{parentName:"ul"},"change(styling): modified naming of theme css variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a332961e1c4d55cdee3a8bcdf652f53cf03e251b"},(0,n.kt)("inlineCode",{parentName:"a"},"a332961"))),(0,n.kt)("li",{parentName:"ul"},"change(colors): added backgroundColor color variable ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7e68311f77a724c49a3cf858a76239ca5f6876c"},(0,n.kt)("inlineCode",{parentName:"a"},"b7e6831"))),(0,n.kt)("li",{parentName:"ul"},"change(quote): use secondary css var for easier color replacement ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a3231228c2eb9b420cc7b59a4a07fba96643e5e"},(0,n.kt)("inlineCode",{parentName:"a"},"7a32312"))),(0,n.kt)("li",{parentName:"ul"},"change(statistics): tweaked margin of statistics so that they don't overflow over context boxes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b4a8e33dfaa716f38ac9ce5448d400c74ef9ba62"},(0,n.kt)("inlineCode",{parentName:"a"},"b4a8e33"))),(0,n.kt)("li",{parentName:"ul"},"change(accordion): allow customization of accordion title background color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6590baf1716867eabe897e765ae1924122ba2333"},(0,n.kt)("inlineCode",{parentName:"a"},"6590baf"))),(0,n.kt)("li",{parentName:"ul"},"change(colors): introduced css variables for primary colors #247 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac8082590f978ab953ece70082e06b124c292ddf"},(0,n.kt)("inlineCode",{parentName:"a"},"ac80825"))),(0,n.kt)("li",{parentName:"ul"},"change(content-box): override primary text color to white as well ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/28b43c72b9fcfeb153ac7e734bbbca67f2e42111"},(0,n.kt)("inlineCode",{parentName:"a"},"28b43c7")))),(0,n.kt)("h4",{id:"\ufe0f-others-45"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Include changes in the storybook ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4d9fa4c631a6a1ec0d7d525721fd32c5ff01d9c"},(0,n.kt)("inlineCode",{parentName:"a"},"a4d9fa4")))),(0,n.kt)("h3",{id:"093---2022-10-04"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.9.2...0.9.3"},"0.9.3")," - 2022-10-04"),(0,n.kt)("h4",{id:"-bug-fixes-41"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(card, contentBox): meta font size, removed header override of cards ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7f94b9ca8c65a887ced5c4812563a2226fca869"},(0,n.kt)("inlineCode",{parentName:"a"},"a7f94b9"))),(0,n.kt)("li",{parentName:"ul"},"fix(List): Ordered list item story - refs #155248 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c70a2bceecf4ce9497cbe0e9cdb30944fff2287d"},(0,n.kt)("inlineCode",{parentName:"a"},"c70a2bc"))),(0,n.kt)("li",{parentName:"ul"},"fix(OrderedList): li third level margin left - refs #155248 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fba5cb9d3897d2827951cd218405b1ae7c8e818a"},(0,n.kt)("inlineCode",{parentName:"a"},"fba5cb9"))),(0,n.kt)("li",{parentName:"ul"},"fix(cards): inherit color of card description ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ceda79971663785c81292b85ae07b7f9f922213c"},(0,n.kt)("inlineCode",{parentName:"a"},"ceda799"))),(0,n.kt)("li",{parentName:"ul"},"fix(accordion): Fix content default padding - refs #153783 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/566adf7a53c48fb24044eeba1d159d5ce715ecc6"},(0,n.kt)("inlineCode",{parentName:"a"},"566adf7")))),(0,n.kt)("h4",{id:"-enhancements-39"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(site): committed fixed from custom into eea design package ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9b9a1fd3648796a502ca4eb3abd08b61b33bdff2"},(0,n.kt)("inlineCode",{parentName:"a"},"9b9a1fd"))),(0,n.kt)("li",{parentName:"ul"},"change(jenkins): added yarn policy for storybook building ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3d1b844efeea40b99c00c9aa97089e0a0be58a57"},(0,n.kt)("inlineCode",{parentName:"a"},"3d1b844"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): typography updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/60a93a4aece4e478ae13c2dfe697fd3703aa178a"},(0,n.kt)("inlineCode",{parentName:"a"},"60a93a4"))),(0,n.kt)("li",{parentName:"ul"},"change(item): added item image coloring when applying theming classes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0403fe4974f37a46ec7418d9b8492ad74d7c5688"},(0,n.kt)("inlineCode",{parentName:"a"},"0403fe4"))),(0,n.kt)("li",{parentName:"ul"},"change(accordion, site): change text color to tertiary instead of black ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/464105842508a62216aa0a3f28e9565af1b93232"},(0,n.kt)("inlineCode",{parentName:"a"},"4641058"))),(0,n.kt)("li",{parentName:"ul"},"change(accordion): allow customization of accordion title with css variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15e7d27f02c640df582f51a51ef36e645723f842"},(0,n.kt)("inlineCode",{parentName:"a"},"15e7d27"))),(0,n.kt)("li",{parentName:"ul"},"change(content-box): added css variables that will set text color and background for children ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/86cac531cc94386b6022e1be80dba826b39f2443"},(0,n.kt)("inlineCode",{parentName:"a"},"86cac53"))),(0,n.kt)("li",{parentName:"ul"},"change(tabs): allow customization of tab active and hover color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4370f4270dcaa29b1193fc2347567b748f6d5d82"},(0,n.kt)("inlineCode",{parentName:"a"},"4370f42"))),(0,n.kt)("li",{parentName:"ul"},"change(tabs): color for tabs-block section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6778c923618e725194120d7f35e2ee7d66e1be8e"},(0,n.kt)("inlineCode",{parentName:"a"},"6778c92"))),(0,n.kt)("li",{parentName:"ul"},"change(cards): by default date is set to appear on the right of the meta section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7b80e86b69a0179f1e48748bef909bbd2a98d58"},(0,n.kt)("inlineCode",{parentName:"a"},"b7b80e8"))),(0,n.kt)("li",{parentName:"ul"},"change(cards): carousel dots are now relative positioned ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/daa40a4ab6532497830d5f7536bf0a7f20d9cd00"},(0,n.kt)("inlineCode",{parentName:"a"},"daa40a4")))),(0,n.kt)("h4",{id:"-documentation-changes-14"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(typography): update, local fonts ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/39a32d9aa4dec21c0e7df32aa5798432fc6bd403"},(0,n.kt)("inlineCode",{parentName:"a"},"39a32d9"))),(0,n.kt)("li",{parentName:"ul"},"docs(typography): token fix to match used values for heightheight and letterspacing ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91693ecd2dd367cd83fa2752756557d463e214a7"},(0,n.kt)("inlineCode",{parentName:"a"},"91693ec"))),(0,n.kt)("li",{parentName:"ul"},"docs(typography): token fix to match used values for lineheight ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff41b56b4365a3e70ac20e548c7c74671e7c584c"},(0,n.kt)("inlineCode",{parentName:"a"},"ff41b56"))),(0,n.kt)("li",{parentName:"ul"},"docs(typography): remove semibold ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6eb3e0856f01aacf6d294f68e7d845f74f752685"},(0,n.kt)("inlineCode",{parentName:"a"},"6eb3e08")))),(0,n.kt)("h4",{id:"\ufe0f-others-46"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"test(cypress): Fix md5 dependency ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/17f618e7c5eef01759494e787a8c9cb96449fbca"},(0,n.kt)("inlineCode",{parentName:"a"},"17f618e")))),(0,n.kt)("h3",{id:"092---2022-09-27"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.9.1...0.9.2"},"0.9.2")," - 2022-09-27"),(0,n.kt)("h3",{id:"091---2022-09-27"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.9.0...0.9.1"},"0.9.1")," - 2022-09-27"),(0,n.kt)("h4",{id:"-enhancements-40"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(cards): added ability to change the text alignment using css variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ed532ac20c82a6933c4f12613c80ce92eec78405"},(0,n.kt)("inlineCode",{parentName:"a"},"ed532ac"))),(0,n.kt)("li",{parentName:"ul"},"change(styles): use flex-end values only instead of end to avoid babel warning ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/24244b22ea69b9f4dc3006597c7836f814b74cf2"},(0,n.kt)("inlineCode",{parentName:"a"},"24244b2"))),(0,n.kt)("li",{parentName:"ul"},"change(rounded): image size, border radius to ensure more image are turned into rounded options ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51e23c1bb38f277b2bfbad5d814925eb61d17668"},(0,n.kt)("inlineCode",{parentName:"a"},"51e23c1")))),(0,n.kt)("h4",{id:"\ufe0f-others-47"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Merge pull request #243 from eea/develop ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/576564ce395ee6ac9e74bcb19d5c4f0b4cd3c33b"},(0,n.kt)("inlineCode",{parentName:"a"},"576564c"))),(0,n.kt)("li",{parentName:"ul"},"Add Sonarqube tag using eea-website-frontend addons list ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a5be6eec78dae230626e61ea2c77e7f3c62510d"},(0,n.kt)("inlineCode",{parentName:"a"},"4a5be6e"))),(0,n.kt)("li",{parentName:"ul"},"Back to dev ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b251255a7ed14d8290717726d86eaf54b87aa2d4"},(0,n.kt)("inlineCode",{parentName:"a"},"b251255")))),(0,n.kt)("h3",{id:"090---2022-09-19"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.8.1...0.9.0"},"0.9.0")," - 2022-09-19"),(0,n.kt)("h4",{id:"-new-features-26"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(countUp): intall countup package and import it in statistics ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/10ba7cf2975ffc33cc8e6965998b7ab7ec58b1ab"},(0,n.kt)("inlineCode",{parentName:"a"},"10ba7cf"))),(0,n.kt)("li",{parentName:"ul"},"feat(docusaurus): custom editUrl function for the components usage pages - taskman refs #154076 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93c4240f269d72e4e353665dacd57d079a31afac"},(0,n.kt)("inlineCode",{parentName:"a"},"93c4240"))),(0,n.kt)("li",{parentName:"ul"},"feat(site): Styling scroll-to-text fragments #238 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1883fcf4e80055f68bdff4d66fc6db3ccad4614a"},(0,n.kt)("inlineCode",{parentName:"a"},"1883fcf"))),(0,n.kt)("li",{parentName:"ul"},"feat(docusaurus): added Edit this page link in footer of each page - taskman refs #154076 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2cf8746e42631ea2e214223e208bdbfb76ffafa7"},(0,n.kt)("inlineCode",{parentName:"a"},"2cf8746")))),(0,n.kt)("h4",{id:"-bug-fixes-42"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(header): Prevent dropdown closing when clicking inside content ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/838f34006260ce7c331fd933a595e95d78e1a927"},(0,n.kt)("inlineCode",{parentName:"a"},"838f340"))),(0,n.kt)("li",{parentName:"ul"},"fix(cards): position of bullets and arrow clicking on events page 148723 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/22ef8282247401b0f8cf5a44f2e65f0b469cc6fa"},(0,n.kt)("inlineCode",{parentName:"a"},"22ef828"))),(0,n.kt)("li",{parentName:"ul"},"fix(cards): rounded images show up now even when card parent is cards ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48f5e81a5b76168435537d92aec35ab3a184b4d2"},(0,n.kt)("inlineCode",{parentName:"a"},"48f5e81"))),(0,n.kt)("li",{parentName:"ul"},"fix(statistic): add a min-width to content so unwrapped statistics don't break ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7c5d511c35d50f3afabf77f14b27e5760c49051f"},(0,n.kt)("inlineCode",{parentName:"a"},"7c5d511"))),(0,n.kt)("li",{parentName:"ul"},"fix(sideNavigation): add role list to list item ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/58f322b732c995349ba588db3bac6a1ffea40f89"},(0,n.kt)("inlineCode",{parentName:"a"},"58f322b"))),(0,n.kt)("li",{parentName:"ul"},"fix(sideNavigation): remove unused useState import ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f9ea6779d2c584203b77f11b3127f39aba7799f3"},(0,n.kt)("inlineCode",{parentName:"a"},"f9ea677")))),(0,n.kt)("h4",{id:"-enhancements-41"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(sideNavigation): implement the design to the initial navigation & make component dynamic ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b673d63a45e56e1d05354d8675c01b15ec9543f5"},(0,n.kt)("inlineCode",{parentName:"a"},"b673d63"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): update top bar ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/626bdd5805bde1e97b91d83dae7adc1d39c62234"},(0,n.kt)("inlineCode",{parentName:"a"},"626bdd5"))),(0,n.kt)("li",{parentName:"ul"},"refactor(statistic): create custom export and add links ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f9ed560a68d261e9e6a9b6fa3c44944a252e596"},(0,n.kt)("inlineCode",{parentName:"a"},"9f9ed56"))),(0,n.kt)("li",{parentName:"ul"},"refactor(statistic): update inverted style and add background variations ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7578dc6a408094fbc215218b3ffe21a878841568"},(0,n.kt)("inlineCode",{parentName:"a"},"7578dc6"))),(0,n.kt)("li",{parentName:"ul"},"refactor(statistic): remove horizontal display on mobiles & update columns control ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/58f00e12851c4a1af1bb200d0577d76f6222df3c"},(0,n.kt)("inlineCode",{parentName:"a"},"58f00e1"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): minor fixes spotted in testing ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0f0f3aba7ea282c4ecc4f602f9ff3144c04e2146"},(0,n.kt)("inlineCode",{parentName:"a"},"0f0f3ab"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): update main section heights ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d669f012f1b831952dbb73b7d40134b1243ba7e4"},(0,n.kt)("inlineCode",{parentName:"a"},"d669f01"))),(0,n.kt)("li",{parentName:"ul"},"refactor(sideNavigation): remove green border and divider ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/939cd9bf2a9a7338fd770550a8396586c5f610b3"},(0,n.kt)("inlineCode",{parentName:"a"},"939cd9b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(link): update colors for link states ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e9f59950838f9119131797550945963c2965dcf"},(0,n.kt)("inlineCode",{parentName:"a"},"3e9f599"))),(0,n.kt)("li",{parentName:"ul"},"change(cards): styles img tag outside of .image ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee892745a4748da12007ba5cedab16c1810c1dd9"},(0,n.kt)("inlineCode",{parentName:"a"},"ee89274"))),(0,n.kt)("li",{parentName:"ul"},"refactor(sideNavigation): update controls ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a3e8430d88ee52fd92f4f8c2d6f5e01ea82dd9eb"},(0,n.kt)("inlineCode",{parentName:"a"},"a3e8430"))),(0,n.kt)("li",{parentName:"ul"},"refactor(statistic): fix firefox issue for fit content ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87aa113667ea53d83d479cd52347e7298e60e9b0"},(0,n.kt)("inlineCode",{parentName:"a"},"87aa113"))),(0,n.kt)("li",{parentName:"ul"},"change(statistics): rearrange controls order ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b19ae70568f18873732ff62ee82251c9256a214d"},(0,n.kt)("inlineCode",{parentName:"a"},"b19ae70"))),(0,n.kt)("li",{parentName:"ul"},"refactor(statistic): add max width to wrap text for all content ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/758f8ce09f78a6343ac0226e5d332c0216dea95b"},(0,n.kt)("inlineCode",{parentName:"a"},"758f8ce"))),(0,n.kt)("li",{parentName:"ul"},"refactor(statistic): add max width to label so it wraps the text ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/824a12702f133485a1c254e267d9e75c1b22048c"},(0,n.kt)("inlineCode",{parentName:"a"},"824a127"))),(0,n.kt)("li",{parentName:"ul"},"change(Side menu & in page navigation): styling according to figma design #221 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2df858a2dc88f61d686ad0991e711dc763f4cc6"},(0,n.kt)("inlineCode",{parentName:"a"},"b2df858"))),(0,n.kt)("li",{parentName:"ul"},"change(header): align header with latest figma changes #232 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/135cd68307c6ebdc5d48b361d1696457c6f99b4c"},(0,n.kt)("inlineCode",{parentName:"a"},"135cd68"))),(0,n.kt)("li",{parentName:"ul"},"change(cards): integration when cards also contain call to action buttons ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f0d876616b211c79dde5b18c1fe862ff019073a1"},(0,n.kt)("inlineCode",{parentName:"a"},"f0d8766"))),(0,n.kt)("li",{parentName:"ul"},"refactor(iconography): icon group headings ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9ccd8031049d6b91c5676930ea3e44d9587435d"},(0,n.kt)("inlineCode",{parentName:"a"},"b9ccd80"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): add variables for some sizes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8eae84ef665d7b3331090a8a8ac6b714ecdacbb3"},(0,n.kt)("inlineCode",{parentName:"a"},"8eae84e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Statisctic): Rename slateVariation to extraVariation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a07c5896c8c4b8f3179622f335e3f02e68dadfbd"},(0,n.kt)("inlineCode",{parentName:"a"},"a07c589"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): started example on how to add headings for iconography ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/53cf8431446954eee6c5d27be31e15c075ffe16d"},(0,n.kt)("inlineCode",{parentName:"a"},"53cf843"))),(0,n.kt)("li",{parentName:"ul"},"change(cards): remove center alignment of rounded cards body area, only the image is now centered ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fdfac4876903272b437c7dcf0e65f7cfe66bbf66"},(0,n.kt)("inlineCode",{parentName:"a"},"fdfac48"))),(0,n.kt)("li",{parentName:"ul"},"change(color): updated link colors #234 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/feabfe7a3b6d6b89bfd4065a32bae8148ddc5a4c"},(0,n.kt)("inlineCode",{parentName:"a"},"feabfe7"))),(0,n.kt)("li",{parentName:"ul"},"change(mockup): Access to figma style tokens ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0bb25bec495f9046a15924ee92f4f17152148ba8"},(0,n.kt)("inlineCode",{parentName:"a"},"0bb25be"))),(0,n.kt)("li",{parentName:"ul"},"refactor(statistic): update margin ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5190f56e134d672ccb9d5d1a8efacac4d41530d3"},(0,n.kt)("inlineCode",{parentName:"a"},"5190f56"))),(0,n.kt)("li",{parentName:"ul"},"refactor(button): adjust vertical margin ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/db6d44102171738907b4b03fcc5f526463f59389"},(0,n.kt)("inlineCode",{parentName:"a"},"db6d441")))),(0,n.kt)("h4",{id:"-internal-changes-19"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"style(statistic): update decimal point ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7976aa4cac4c56e70e196eb62791a2b3f2aba749"},(0,n.kt)("inlineCode",{parentName:"a"},"7976aa4"))),(0,n.kt)("li",{parentName:"ul"},"style(link): update visited link color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d3b18b305bb2bd2f20bb2509584a6bc86b0e252c"},(0,n.kt)("inlineCode",{parentName:"a"},"d3b18b3")))),(0,n.kt)("h4",{id:"-documentation-changes-15"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(iconography): added icons, guidelines ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0073f1d42600be1d14bff406083b112014a2061f"},(0,n.kt)("inlineCode",{parentName:"a"},"0073f1d")))),(0,n.kt)("h4",{id:"\ufe0f-others-48"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Delete 2-test-new-page.md ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/749eff9b81e1c08068650cff1aba6cd574ea403b"},(0,n.kt)("inlineCode",{parentName:"a"},"749eff9"))),(0,n.kt)("li",{parentName:"ul"},"Create 2-test-new-page ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab623ffc27f65e3e5fdcfe627009df1799582325"},(0,n.kt)("inlineCode",{parentName:"a"},"ab623ff"))),(0,n.kt)("li",{parentName:"ul"},"Release 0.9.0 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eb7e2e57b5f2778e709b67deee3624f6e9f9e716"},(0,n.kt)("inlineCode",{parentName:"a"},"eb7e2e5"))),(0,n.kt)("li",{parentName:"ul"},"stylelint fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/114e3f97c6209f100aae2d6e24c595b7ba0a6500"},(0,n.kt)("inlineCode",{parentName:"a"},"114e3f9"))),(0,n.kt)("li",{parentName:"ul"},"Move text fragments style to site.overrides ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8368cbe2cecfc296a2fc81dd0bb49cb9e9a9314c"},(0,n.kt)("inlineCode",{parentName:"a"},"8368cbe"))),(0,n.kt)("li",{parentName:"ul"},"Styling scroll-to-text fragments ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1bb39148717cdac922c403a0cdbfa3681a65dd9f"},(0,n.kt)("inlineCode",{parentName:"a"},"1bb3914"))),(0,n.kt)("li",{parentName:"ul"},"Update Header.stories.js ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9036c74d54640df2ccfcfdea9ddcdb29787d8ae2"},(0,n.kt)("inlineCode",{parentName:"a"},"9036c74"))),(0,n.kt)("li",{parentName:"ul"},"feature(Docusaurus): Reflect usage of remixicon in iconography page #239 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0802b32c13d978e380960befb78647dadb2d7e53"},(0,n.kt)("inlineCode",{parentName:"a"},"0802b32"))),(0,n.kt)("li",{parentName:"ul"},"Update 1-design.md ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/146115a13ac7a1943b6878df42f0b8e7f1fcd3f1"},(0,n.kt)("inlineCode",{parentName:"a"},"146115a"))),(0,n.kt)("li",{parentName:"ul"},"Test workflow for contribution - taskman refs #154076 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dcb924f79306ba26bb5168ac0a12d82c0c354caa"},(0,n.kt)("inlineCode",{parentName:"a"},"dcb924f"))),(0,n.kt)("li",{parentName:"ul"},"perf(figma): access to style tokens ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/27d8dbe3c282e187f93bc4d93a0c9aa5c8162b00"},(0,n.kt)("inlineCode",{parentName:"a"},"27d8dbe"))),(0,n.kt)("li",{parentName:"ul"},"Rename 2-test-new-page to 2-test-new-page.md ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e3be106cc4739e60ee5038901dbb626cf17f2e7"},(0,n.kt)("inlineCode",{parentName:"a"},"4e3be10")))),(0,n.kt)("h3",{id:"081---2022-08-26"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.8.0...0.8.1"},"0.8.1")," - 2022-08-26"),(0,n.kt)("h4",{id:"-bug-fixes-43"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(message): fix size controls ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee51e1dca4f84aeb9e39be525016f751acc147de"},(0,n.kt)("inlineCode",{parentName:"a"},"ee51e1d"))),(0,n.kt)("li",{parentName:"ul"},"fix(docusaurus): intro page hero title color now that headers are using tertiary color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/618e3cb7ac5533b1c087aea10452947c8676ab4e"},(0,n.kt)("inlineCode",{parentName:"a"},"618e3cb")))),(0,n.kt)("h4",{id:"-enhancements-42"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(message): restore semantic variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1c16621b4862efc64d82d475798ed40938c65f5e"},(0,n.kt)("inlineCode",{parentName:"a"},"1c16621"))),(0,n.kt)("li",{parentName:"ul"},"refactor(messages): mix semantc and token colors for messages ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/12efa75c30956df9958058242be4b8732819a5a1"},(0,n.kt)("inlineCode",{parentName:"a"},"12efa75"))),(0,n.kt)("li",{parentName:"ul"},"refactor(emotiveColors): temp update for tests ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/61a720c1ddbbad2c5bab17c8b2f890618f2a747c"},(0,n.kt)("inlineCode",{parentName:"a"},"61a720c"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): removed line between sections and moved actions back to the bottom of footer ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d9f33e4cf5a517acfbae497d6cb2fdccb048c281"},(0,n.kt)("inlineCode",{parentName:"a"},"d9f33e4"))),(0,n.kt)("li",{parentName:"ul"},"change(storybook): headings storybook now uses tertiary color by default reflecting site options ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1061e7749de2d4fe1233ccdc7f6f835ad491504a"},(0,n.kt)("inlineCode",{parentName:"a"},"1061e77"))),(0,n.kt)("li",{parentName:"ul"},"refactor(message): add container to story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1259ecead7162d2a46f5e802ba07e7e0dcb72e42"},(0,n.kt)("inlineCode",{parentName:"a"},"1259ece"))),(0,n.kt)("li",{parentName:"ul"},"refactor(message): remove override with custom background color on error ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9b40cd7ef2cca901e65a812585943c2e2d867b5f"},(0,n.kt)("inlineCode",{parentName:"a"},"9b40cd7"))),(0,n.kt)("li",{parentName:"ul"},"refactor(message): add header controls ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/960c2f7b524b1f049bb2f666e3e8278feca506da"},(0,n.kt)("inlineCode",{parentName:"a"},"960c2f7"))),(0,n.kt)("li",{parentName:"ul"},"change(message): use semantic colors for messages #204 from eea/refactor-message ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/22d2c43cd55a82621f2da3103652677b4b45db1a"},(0,n.kt)("inlineCode",{parentName:"a"},"22d2c43")))),(0,n.kt)("h4",{id:"-documentation-changes-16"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(figma): added figma files to repo ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6bd4144ffc9c563ce224a07fe942fc4f2615c53f"},(0,n.kt)("inlineCode",{parentName:"a"},"6bd4144")))),(0,n.kt)("h3",{id:"080---2022-08-20"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.7.6...0.8.0"},"0.8.0")," - 2022-08-20"),(0,n.kt)("h4",{id:"-new-features-27"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(IconCard): card with icon instead of image ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a85a1791e3a1245474dcafc4fd833350156dccb4"},(0,n.kt)("inlineCode",{parentName:"a"},"a85a179")))),(0,n.kt)("h4",{id:"-bug-fixes-44"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(docusaurus): typography guideline now has real font values for headings, body, caption and small text ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9508db918687b524c4d464539b9a4667399abb43"},(0,n.kt)("inlineCode",{parentName:"a"},"9508db9"))),(0,n.kt)("li",{parentName:"ul"},"fix(card): fix content gaps, adjust new meta section and update text color for default ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f1a78e14fc9a4b809572bd5d4d45bd10711c6eaa"},(0,n.kt)("inlineCode",{parentName:"a"},"f1a78e1"))),(0,n.kt)("li",{parentName:"ul"},"fix(item): remove duplicate argType ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dde0be5f7fe362143e248f7e53aa1d2e5df1fda0"},(0,n.kt)("inlineCode",{parentName:"a"},"dde0be5"))),(0,n.kt)("li",{parentName:"ul"},"fix(iconCard): add aria-label at links ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/44f64c7127c0ccabbbf81eb5a838ee0f63284cea"},(0,n.kt)("inlineCode",{parentName:"a"},"44f64c7"))),(0,n.kt)("li",{parentName:"ul"},"fix(card): merge fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df440ecd89eeb228f6f28df9109b84460cdfd523"},(0,n.kt)("inlineCode",{parentName:"a"},"df440ec"))),(0,n.kt)("li",{parentName:"ul"},"fix(heroblock): color even on edit page by inheriting color instead of using the tertiary color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac53fb74dedafcce231d1ca72843eff8a589c530"},(0,n.kt)("inlineCode",{parentName:"a"},"ac53fb7"))),(0,n.kt)("li",{parentName:"ul"},"fix(tab): add tabindex for accessibility error ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab512be71b86a3b696a228840e34d297928485ab"},(0,n.kt)("inlineCode",{parentName:"a"},"ab512be"))),(0,n.kt)("li",{parentName:"ul"},"fix(carousel): restore missing variable ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1728312162d102aa2812eb3c7a55dac83bca8a04"},(0,n.kt)("inlineCode",{parentName:"a"},"1728312"))),(0,n.kt)("li",{parentName:"ul"},"fix(carousel): restore flex grow for cards and opacity for arrows ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce71305ab3fed5ff5c09b577e970050d3b29a2cb"},(0,n.kt)("inlineCode",{parentName:"a"},"ce71305")))),(0,n.kt)("h4",{id:"-enhancements-43"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(carousel) add links in carousel cards & update structure and variables of less files ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f99cb219f3a95f5aab49a180434a4f5e0db14462"},(0,n.kt)("inlineCode",{parentName:"a"},"f99cb21"))),(0,n.kt)("li",{parentName:"ul"},"refactor(iconCard): add control for variations and link ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5e1b6a1c7ab9fdce138c5643bc01763a02bed287"},(0,n.kt)("inlineCode",{parentName:"a"},"5e1b6a1"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus, fonts): documented font letter spacing modification ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/522712aeddb55f4ff96fdf4e8bea26f4575504ec"},(0,n.kt)("inlineCode",{parentName:"a"},"522712a"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): css updates for card variations and styling updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c8b4a43dd25c50e77e8c71fa8fbc45cd70bde94e"},(0,n.kt)("inlineCode",{parentName:"a"},"c8b4a43"))),(0,n.kt)("li",{parentName:"ul"},"refactor(publicationCard): add links and fix accessibily issue ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/80adf6ce0f01e577c34ddba8b345a1fc562f6711"},(0,n.kt)("inlineCode",{parentName:"a"},"80adf6c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): add new section in meta and remove links ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bfb82ae9635d26ef478db3d63b39f67b25d11fd5"},(0,n.kt)("inlineCode",{parentName:"a"},"bfb82ae"))),(0,n.kt)("li",{parentName:"ul"},"refactor(item): add stackable functionality ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8d714fad0465cc71650dcb41236d5667ccc3e789"},(0,n.kt)("inlineCode",{parentName:"a"},"8d714fa"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): update meta section and controls ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5e28e12bacec6a226659553b8244aeb0165378c9"},(0,n.kt)("inlineCode",{parentName:"a"},"5e28e12"))),(0,n.kt)("li",{parentName:"ul"},"refactor(roundedCard): remove unnecessary code and controls and add all variations ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6305c54df14faada4058c602af2e33dbc4fad39d"},(0,n.kt)("inlineCode",{parentName:"a"},"6305c54"))),(0,n.kt)("li",{parentName:"ul"},"refactor(roundedCard): add optional link for image and header ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a6d3bf27031d189c403c4a099b09a9066a1620a2"},(0,n.kt)("inlineCode",{parentName:"a"},"a6d3bf2"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): add tertiary hover and update css selectors ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca069484da914520c92f7d67ac92c476ff2ee4a2"},(0,n.kt)("inlineCode",{parentName:"a"},"ca06948"))),(0,n.kt)("li",{parentName:"ul"},"change(fonts): updated font sizes with values given in figma ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b0ae48ab140d8bbbf6ccbf46eda8d957195ca50"},(0,n.kt)("inlineCode",{parentName:"a"},"4b0ae48"))),(0,n.kt)("li",{parentName:"ul"},"change(style): color, space and adjust line-height as described in docusaurus ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3366da262ba2dc1c34f57964accf4d6ef6ed37e1"},(0,n.kt)("inlineCode",{parentName:"a"},"3366da2"))),(0,n.kt)("li",{parentName:"ul"},"change(headings): only h2-h6 get tertiary color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d81308c4c0d52d5610a922146f5b426d9eaf323"},(0,n.kt)("inlineCode",{parentName:"a"},"7d81308"))),(0,n.kt)("li",{parentName:"ul"},"change(site): removed Archivo import as we should only use Roboto font ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a6af0564667075d2012c114acb2ad8e1f39b926f"},(0,n.kt)("inlineCode",{parentName:"a"},"a6af056"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): use tertiary color for headings and body color mirroring the design system styles ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/145fe7348a19b51784a2879225d1b71a642eed45"},(0,n.kt)("inlineCode",{parentName:"a"},"145fe73"))),(0,n.kt)("li",{parentName:"ul"},"change(fonts): modified headings font size as well as line height ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f0771ea1942b6ef436a03c256491a690a52d7413"},(0,n.kt)("inlineCode",{parentName:"a"},"f0771ea"))),(0,n.kt)("li",{parentName:"ul"},"change(fonts): updated font sizes with values given in figma ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f16eef7128ed4f2e7fe97b1ec77f651dc062b771"},(0,n.kt)("inlineCode",{parentName:"a"},"f16eef7"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): use Roboto font from google fonts also for docusaurus ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/adca8e911faac2d541eb2b9fecf1d9db5b8f9b4c"},(0,n.kt)("inlineCode",{parentName:"a"},"adca8e9"))),(0,n.kt)("li",{parentName:"ul"},"change(headers): added headerColor variable so that thematic sites can easily choose another heading color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f09d2c5e95e82077cc7dfef43a5c56fc73d435c3"},(0,n.kt)("inlineCode",{parentName:"a"},"f09d2c5"))),(0,n.kt)("li",{parentName:"ul"},"change(fonts): typo fixes for typography section of docusaurus ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cae4b02b20ff578f5cad7c4238c36baa3cae545a"},(0,n.kt)("inlineCode",{parentName:"a"},"cae4b02"))),(0,n.kt)("li",{parentName:"ul"},"change(fonts): modified footer and header values afer global font size changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f160d354b36dc2bee0707b6d63097d5f08408abe"},(0,n.kt)("inlineCode",{parentName:"a"},"f160d35"))),(0,n.kt)("li",{parentName:"ul"},"refactor(iconCards): run prettier ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fe84e46adbc385098385120d14e7583b890db027"},(0,n.kt)("inlineCode",{parentName:"a"},"fe84e46"))),(0,n.kt)("li",{parentName:"ul"},"change(typography): inherit header colors with @headerColor variable ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91d93577772534f67bb74df0c9ed260bbaccdd4c"},(0,n.kt)("inlineCode",{parentName:"a"},"91d9357"))),(0,n.kt)("li",{parentName:"ul"},"change(breadcrumb): use tertiary color also for breadcrumb ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5cbd44bcabae36bcb99a1e987d701e2ea75434b"},(0,n.kt)("inlineCode",{parentName:"a"},"c5cbd44"))),(0,n.kt)("li",{parentName:"ul"},"change(heading): on homepage on the first hero set font size to h1 and inherit color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5711096e45c57b0c3c871f8dcf870c05405d217d"},(0,n.kt)("inlineCode",{parentName:"a"},"5711096"))),(0,n.kt)("li",{parentName:"ul"},"refactor(carousel): update card titles to display styling fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/edd966b5648be51f2d4056c68489648574506656"},(0,n.kt)("inlineCode",{parentName:"a"},"edd966b"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): use the tertiary color for body and heading colors ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/11c4ed4683df4527ce79155bc65424789e3864af"},(0,n.kt)("inlineCode",{parentName:"a"},"11c4ed4"))),(0,n.kt)("li",{parentName:"ul"},"change(typography): modified lineheight-0 after headers now use 1.2 instead of 1.25 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/04d78a8b0094d9187548e1e3b16d6fbf2248821c"},(0,n.kt)("inlineCode",{parentName:"a"},"04d78a8"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): add links to cards and replace description with title in carousel ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0258737d26bbb3015ee6222ec878e0477001f615"},(0,n.kt)("inlineCode",{parentName:"a"},"0258737")))),(0,n.kt)("h4",{id:"\ufe0f-others-49"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feature(heading): and cards refactoring #227 from eea/develop ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/334fbda2d5b751858d4cc8cae832ca7f5c1ad6c2"},(0,n.kt)("inlineCode",{parentName:"a"},"334fbda"))),(0,n.kt)("li",{parentName:"ul"},"Update package.json ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3870cf3265f0dab4e181c94a6657b9fa408bf186"},(0,n.kt)("inlineCode",{parentName:"a"},"3870cf3"))),(0,n.kt)("li",{parentName:"ul"},"Header refactor 153536 #226 from eea/header-refactor-153536 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87a6fe73211eb028861e099a67e90d365c5111ea"},(0,n.kt)("inlineCode",{parentName:"a"},"87a6fe7"))),(0,n.kt)("li",{parentName:"ul"},"feature(item): icon is now stackable moving the icon on top #220 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b716acfc850345d666d99840445798cdae201a63"},(0,n.kt)("inlineCode",{parentName:"a"},"b716acf")))),(0,n.kt)("h3",{id:"076---2022-08-15"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.7.5...0.7.6"},"0.7.6")," - 2022-08-15"),(0,n.kt)("h4",{id:"-enhancements-44"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(footer): Footer updates 147837 #225 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fa9ae580c7fd45fb4983672167cb5b0b33cc6279"},(0,n.kt)("inlineCode",{parentName:"a"},"fa9ae58"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer): initial redesign of main section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8e85617157cdc31a7470acfcd72b85d8fadd1bce"},(0,n.kt)("inlineCode",{parentName:"a"},"8e85617"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer): restructure theme sites logo columns ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dcba45a0bfd832c7d5d1e092db8ea4040eceda57"},(0,n.kt)("inlineCode",{parentName:"a"},"dcba45a"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): set actions before thematic section on mobile ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/db25f966a214c94677192215181453e9d59ca957"},(0,n.kt)("inlineCode",{parentName:"a"},"db25f96"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): fix missing key warning from react dev ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/77f72d5bdc719805a6314058c741387ee7155d28"},(0,n.kt)("inlineCode",{parentName:"a"},"77f72d5"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): Footer updates 147837 #222 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32fed231f1209caeddb18e0bb75d670f20bafb88"},(0,n.kt)("inlineCode",{parentName:"a"},"32fed23")))),(0,n.kt)("h3",{id:"075---2022-08-11"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.7.3...0.7.5"},"0.7.5")," - 2022-08-11"),(0,n.kt)("h4",{id:"-enhancements-45"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(megamenu): mobile improvements with See all links, active elements and non accordion children #224 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6767b99fea3925b35e9dede0a67ea90242e5e730"},(0,n.kt)("inlineCode",{parentName:"a"},"6767b99"))),(0,n.kt)("li",{parentName:"ul"},"change(megamenu): render accordion only if children have children ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/be63ce2a8e240eac26eedeff0ca104813afbc6b3"},(0,n.kt)("inlineCode",{parentName:"a"},"be63ce2"))),(0,n.kt)("li",{parentName:"ul"},"change(megamenu): mobile menu design tweaks as seen in latest figma ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/26d74dc063f0b3f8d541c714a10038d79145047e"},(0,n.kt)("inlineCode",{parentName:"a"},"26d74dc"))),(0,n.kt)("li",{parentName:"ul"},"change(megamenu): removed icon from at a change menu items and they are no longer bold as requested ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/043e77219979711d2f25845c6811b546e791fbf7"},(0,n.kt)("inlineCode",{parentName:"a"},"043e772"))),(0,n.kt)("li",{parentName:"ul"},"change(megamenu): reset first level panels after each item pass ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/175351bdc9bab5c2d02b2717c24071ba62d4b924"},(0,n.kt)("inlineCode",{parentName:"a"},"175351b"))),(0,n.kt)("li",{parentName:"ul"},"change(megamenu): mobile menu improvements #223 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b3cabfe3ddc42c2ea39ae20d01bb6fd0db478ecc"},(0,n.kt)("inlineCode",{parentName:"a"},"b3cabfe"))),(0,n.kt)("li",{parentName:"ul"},"change(megamenu): fixed key error warnings ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/075bf0167554869e9fc2f4938c972112e4afa2f7"},(0,n.kt)("inlineCode",{parentName:"a"},"075bf01"))),(0,n.kt)("li",{parentName:"ul"},"change(megamenu): handle default active sub accordion ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6192a9938b53522682953cb73d7ccfc6ef9c1aec"},(0,n.kt)("inlineCode",{parentName:"a"},"6192a99"))),(0,n.kt)("li",{parentName:"ul"},"change(megamenu): enable active border only for items not titles ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fb0b8696dd73cbf3083c3006a7cff5a1901a6bac"},(0,n.kt)("inlineCode",{parentName:"a"},"fb0b869")))),(0,n.kt)("h4",{id:"\ufe0f-others-50"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Update package.json ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e21e00dc1e0b54daef2c71311a9da709bc1f7e6d"},(0,n.kt)("inlineCode",{parentName:"a"},"e21e00d")))),(0,n.kt)("h3",{id:"073---2022-08-04"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.7.2...0.7.3"},"0.7.3")," - 2022-08-04"),(0,n.kt)("h4",{id:"-enhancements-46"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(megamenu): added icon on mega menu header section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d0ad4d80fc4941e0cdbd8a2d81415387f86efc1c"},(0,n.kt)("inlineCode",{parentName:"a"},"d0ad4d8")))),(0,n.kt)("h3",{id:"072---2022-08-03"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.7.1...0.7.2"},"0.7.2")," - 2022-08-03"),(0,n.kt)("h4",{id:"-bug-fixes-45"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(contentBox): z-index of content hidden by bg when using content-box-inner ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5a7dac923d648d8fe9c9a9cbb8001969d32aea2"},(0,n.kt)("inlineCode",{parentName:"a"},"c5a7dac")))),(0,n.kt)("h4",{id:"\ufe0f-others-51"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Set focus on search input field in the popup on click ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d12c05106d9b95df1885ffa12cb284a0e50e0dfd"},(0,n.kt)("inlineCode",{parentName:"a"},"d12c051"))),(0,n.kt)("li",{parentName:"ul"},"Make cypress tests work with both slate and draft selectors ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4d8e5b1d7719637a46eac8232891fc5ed1f51b6f"},(0,n.kt)("inlineCode",{parentName:"a"},"4d8e5b1")))),(0,n.kt)("h3",{id:"071---2022-08-01"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.7.0...0.7.1"},"0.7.1")," - 2022-08-01"),(0,n.kt)("h3",{id:"070---2022-08-01"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.6.5...0.7.0"},"0.7.0")," - 2022-08-01"),(0,n.kt)("h4",{id:"-new-features-28"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(accordion,buttons): primary, secondary and tertiary variations #209 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c34617f7a7d7b6b7568c3127f4ae0f52bd57cf8a"},(0,n.kt)("inlineCode",{parentName:"a"},"c34617f")))),(0,n.kt)("h4",{id:"-bug-fixes-46"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(megamenu): key warning errors ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ecd27921546204dfa4aa23d25188876e52cda7a"},(0,n.kt)("inlineCode",{parentName:"a"},"4ecd279"))),(0,n.kt)("li",{parentName:"ul"},"fix(container): add padding also for block editors when we are on the add page not just edit ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b857aad7855c30c5059b0f0f7c0f720826a71aa7"},(0,n.kt)("inlineCode",{parentName:"a"},"b857aad"))),(0,n.kt)("li",{parentName:"ul"},"fix(header): bump opacity of gradient class to get rid of green hue of header text ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2011b40d384ae5b54a0525e6d9afc88c02f6ca90"},(0,n.kt)("inlineCode",{parentName:"a"},"2011b40"))),(0,n.kt)("li",{parentName:"ul"},"fix(header): remove console log ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3a200233609bbcea39d8e519dc292a132a98aaa3"},(0,n.kt)("inlineCode",{parentName:"a"},"3a20023")))),(0,n.kt)("h4",{id:"-enhancements-47"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(callToAction): add tertiary variant and restructure exports ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac6695ab3066c41739ec4852f0ec3c3bb6cea346"},(0,n.kt)("inlineCode",{parentName:"a"},"ac6695a"))),(0,n.kt)("li",{parentName:"ul"},"refactor(accordion): add color variations ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3504c15cc861803dc263fb2ad3b6a478043ced33"},(0,n.kt)("inlineCode",{parentName:"a"},"3504c15"))),(0,n.kt)("li",{parentName:"ul"},"change(megamenu): WIP bringing back rendering of item with callback and path modification ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e43d4340ea82afde950e5fee44a76119060fc28"},(0,n.kt)("inlineCode",{parentName:"a"},"6e43d43"))),(0,n.kt)("li",{parentName:"ul"},"refactor(megaMenu): add slide down transition and update targetRefs on close ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/96671574f5f7dd992269c42e509598f62bba516d"},(0,n.kt)("inlineCode",{parentName:"a"},"9667157"))),(0,n.kt)("li",{parentName:"ul"},"change(megamenu): use renderMenuItem in order to render menu items ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9ed5cbdf120ee2c92e5f14c09e5289a5abe3f8b0"},(0,n.kt)("inlineCode",{parentName:"a"},"9ed5cbd"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): replaced eionet logo with an svg variant and tweaked size of eionet to match size of eea logo ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32ce4623ad454edec864ad6c8b45cbf99465bede"},(0,n.kt)("inlineCode",{parentName:"a"},"32ce462"))),(0,n.kt)("li",{parentName:"ul"},"refactor(callToAction): update tertiary state colors ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/159668ac526a98032392bcbd2c115dc448193152"},(0,n.kt)("inlineCode",{parentName:"a"},"159668a"))),(0,n.kt)("li",{parentName:"ul"},"change(accordion): style default accordion using the grey from semantic ui ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e24907df397457bd9704905aa29ea5d7e1d396cd"},(0,n.kt)("inlineCode",{parentName:"a"},"e24907d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(accordion): add variations and create a default export ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a9c68ffe933c9d700e46db3e0cbbd9e3820c7c7"},(0,n.kt)("inlineCode",{parentName:"a"},"4a9c68f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(colors): add tertiary shades for element states ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1e24a7e13b50f1ee7bd9bd44f3b2eb8e4460c691"},(0,n.kt)("inlineCode",{parentName:"a"},"1e24a7e"))),(0,n.kt)("li",{parentName:"ul"},"change(tests): try to modify tests to use slate instead of draft ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a2e248593433a7a8bf612008c12a3a20a0049d86"},(0,n.kt)("inlineCode",{parentName:"a"},"a2e2485"))),(0,n.kt)("li",{parentName:"ul"},"change(megamenu): set active class on storybook list items ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/112bff195cd07e789b352ae239a148a168b4d877"},(0,n.kt)("inlineCode",{parentName:"a"},"112bff1"))),(0,n.kt)("li",{parentName:"ul"},"change(megamenu): add border for active element of menu ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5e7dfa539dc0d126dfb057ac2d293c94b31561bb"},(0,n.kt)("inlineCode",{parentName:"a"},"5e7dfa5"))),(0,n.kt)("li",{parentName:"ul"},"change(package): condition modification of navDepth settings ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dd21dadf34f87f08223be3b98c06e7a2f0714326"},(0,n.kt)("inlineCode",{parentName:"a"},"dd21dad"))),(0,n.kt)("li",{parentName:"ul"},"change(mega menu): use non variable to fix build of volto-kitkat-frontend ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ecd652405ba616c9defc86fd793f8c066c0af1e"},(0,n.kt)("inlineCode",{parentName:"a"},"3ecd652"))),(0,n.kt)("li",{parentName:"ul"},"change(header): prefix mega-menu active class for adding border ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32898cb19c20ee7696c51b99cd9df25a333ae6e9"},(0,n.kt)("inlineCode",{parentName:"a"},"32898cb"))),(0,n.kt)("li",{parentName:"ul"},"change(tests): use data-slate-editor instead of contents that was found in draft js instead of slate ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1e0413cf117c098b188e00249c323f2f718b9299"},(0,n.kt)("inlineCode",{parentName:"a"},"1e0413c"))),(0,n.kt)("li",{parentName:"ul"},"change(stories): hide variant control from button link story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/43f8c412f6762edbed9c60e613736d5b60677cd1"},(0,n.kt)("inlineCode",{parentName:"a"},"43f8c41"))),(0,n.kt)("li",{parentName:"ul"},"change(stories): hide variant control from button link story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aea712668331f5681028d961b42a05655f1113d3"},(0,n.kt)("inlineCode",{parentName:"a"},"aea7126")))),(0,n.kt)("h4",{id:"\ufe0f-others-52"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feature(theme): added context navigation component story and default style ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5a6955fe935cf6a07f6593164014ed4c9e77d88f"},(0,n.kt)("inlineCode",{parentName:"a"},"5a6955f"))),(0,n.kt)("li",{parentName:"ul"},"feature(megamenu): open default accordions on mobile navigation based on pathname ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc299c1047f96aa5f85cdc4bb8bb9b3b4fb9ca5e"},(0,n.kt)("inlineCode",{parentName:"a"},"cc299c1"))),(0,n.kt)("li",{parentName:"ul"},"fix eslint warnings ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b30282ea4df59f2d05644cae5c1d703b4dc48b3"},(0,n.kt)("inlineCode",{parentName:"a"},"3b30282"))),(0,n.kt)("li",{parentName:"ul"},"bump release version to 0.7.0 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fa82cbd7d50765c322bc5c7c58abb5675e0aadad"},(0,n.kt)("inlineCode",{parentName:"a"},"fa82cbd"))),(0,n.kt)("li",{parentName:"ul"},"Theme fixes, mega menu selected element both in desktop and mobile #211 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b4827292a9badb02f178b7431cc63e11070784ea"},(0,n.kt)("inlineCode",{parentName:"a"},"b482729"))),(0,n.kt)("li",{parentName:"ul"},"feature(mega-menu): added menu slide down animation #208 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4360d0ef570fbfcc9989170219f7826e5ed780cf"},(0,n.kt)("inlineCode",{parentName:"a"},"4360d0e")))),(0,n.kt)("h3",{id:"065---2022-07-06"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.6.1...0.6.5"},"0.6.5")," - 2022-07-06"),(0,n.kt)("h4",{id:"-bug-fixes-47"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(header): double click to close dropdown is no longer required ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8a2ed0d1e671d12239ecaf250e68b3187c12a53"},(0,n.kt)("inlineCode",{parentName:"a"},"b8a2ed0"))),(0,n.kt)("li",{parentName:"ul"},"fix(header): menu generation when atAGlance isn't found ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d68b03c05f7671e7ea154efe0199c29a3734fbcf"},(0,n.kt)("inlineCode",{parentName:"a"},"d68b03c"))),(0,n.kt)("li",{parentName:"ul"},"fix(menu): removed minHeight that enlarged the global menu ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/133be1e43d9b7778fd94388629400c5f2b707ff4"},(0,n.kt)("inlineCode",{parentName:"a"},"133be1e"))),(0,n.kt)("li",{parentName:"ul"},"fix(hero): image dimensions when full width and height isn't enabled ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4114f731cce63dc520bfd00cd487943181cec2ee"},(0,n.kt)("inlineCode",{parentName:"a"},"4114f73"))),(0,n.kt)("li",{parentName:"ul"},"fix(contentBox): removed negative z-index that hid fullwidth bg color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bd60faff53205da95d94930517f2ac830ec523d1"},(0,n.kt)("inlineCode",{parentName:"a"},"bd60faf")))),(0,n.kt)("h4",{id:"-enhancements-48"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(hero): tweaked hero block height and padding ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/994b6f8943c061657792df8adcbdee5da487ce43"},(0,n.kt)("inlineCode",{parentName:"a"},"994b6f8"))),(0,n.kt)("li",{parentName:"ul"},"change(item): tweak size and padding of icon when used inside item ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dbdef191e70bf59dcfddf63c8f9f9a1343266a59"},(0,n.kt)("inlineCode",{parentName:"a"},"dbdef19"))),(0,n.kt)("li",{parentName:"ul"},"change(typography): updated letterspacing values and clarified values used for certain type tokens ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8a13bf8b3691d288209532842fb2c80962d652c0"},(0,n.kt)("inlineCode",{parentName:"a"},"8a13bf8"))),(0,n.kt)("li",{parentName:"ul"},"change(item): enable theming for icon and text color and added tertiary option ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d4444feedd1cd7e6e8f8da630b4b53a19050d1b"},(0,n.kt)("inlineCode",{parentName:"a"},"6d4444f"))),(0,n.kt)("li",{parentName:"ul"},"change(header): top section chevron sizes and margin as requested in enhancements document ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b307c74a671c10a5a6703dcb2126c3c36679c6f5"},(0,n.kt)("inlineCode",{parentName:"a"},"b307c74"))),(0,n.kt)("li",{parentName:"ul"},"change(cards): add underline to links when applied to headers and use tertiary color by default ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/874f956c61e65ddbb6a240865f3946bb84247712"},(0,n.kt)("inlineCode",{parentName:"a"},"874f956"))),(0,n.kt)("li",{parentName:"ul"},"change(utilities): wrap in quotes h2 and h3 of quoted-wrapper ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8aa471604fb127cfa535373bb90a44b4204dd0f4"},(0,n.kt)("inlineCode",{parentName:"a"},"8aa4716"))),(0,n.kt)("li",{parentName:"ul"},"change(package): bump package version to 0.6.5 denoting bug fixes release ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0585aebaeb9e3483ba230110d99a1a875590ad66"},(0,n.kt)("inlineCode",{parentName:"a"},"0585aeb")))),(0,n.kt)("h3",{id:"061---2022-07-01"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.6.0...0.6.1"},"0.6.1")," - 2022-07-01"),(0,n.kt)("h4",{id:"-new-features-29"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(UnderlinedTitle): create story and necessary utilities ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8beb56b64ca76fb9f0f6df0f3554e64449a64868"},(0,n.kt)("inlineCode",{parentName:"a"},"8beb56b"))),(0,n.kt)("li",{parentName:"ul"},"feat(headers): added underlined titles with theming support ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af675616f9e002458501cf8b90742514153a298f"},(0,n.kt)("inlineCode",{parentName:"a"},"af67561")))),(0,n.kt)("h4",{id:"-enhancements-49"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(heading): move underline story and update controls ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2c9bfd279eafc44435d223be326f9496856c2154"},(0,n.kt)("inlineCode",{parentName:"a"},"2c9bfd2"))),(0,n.kt)("li",{parentName:"ul"},"refactor(underlineTitle): add content box for different variations ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/087891535059d6c2d7d2c2accded20f6ba601bb5"},(0,n.kt)("inlineCode",{parentName:"a"},"0878915"))),(0,n.kt)("li",{parentName:"ul"},"refactor(underlinedTitle): add control for changing heading size ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/211f5158bff2b437aac60f26ba63f9adb6be540a"},(0,n.kt)("inlineCode",{parentName:"a"},"211f515"))),(0,n.kt)("li",{parentName:"ul"},"refactor(underlinedTitle): Restore text variation dropdown control ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bd8c61129d2c80475af8d0e9310412d5c3a82169"},(0,n.kt)("inlineCode",{parentName:"a"},"bd8c611"))),(0,n.kt)("li",{parentName:"ul"},"refactor(utilities): add color variation for headings and text ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e3a779ec4fa3b712fcd32124f6f83ab784d2223"},(0,n.kt)("inlineCode",{parentName:"a"},"7e3a779"))),(0,n.kt)("li",{parentName:"ul"},"refactor(utilities): update border bottom utility and restore line height for headings ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7fe4a7b9fee579d213fe3945a4e548ff089784bd"},(0,n.kt)("inlineCode",{parentName:"a"},"7fe4a7b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(headings): update the line height of headers according to docusaurus instructions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9da19b3e1ea1fd93431e00edf3dc9a443e94f27a"},(0,n.kt)("inlineCode",{parentName:"a"},"9da19b3")))),(0,n.kt)("h4",{id:"-internal-changes-20"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"chore(countup): package for statistics ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/26fcd09bbd8d44119d5ca957542863be8c64836b"},(0,n.kt)("inlineCode",{parentName:"a"},"26fcd09")))),(0,n.kt)("h3",{id:"060---2022-07-01"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.5.5...0.6.0"},"0.6.0")," - 2022-07-01"),(0,n.kt)("h4",{id:"-bug-fixes-48"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(item): adjust the container in stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a848c46b5bf3153ec993a21a530e120bae872407"},(0,n.kt)("inlineCode",{parentName:"a"},"a848c46"))),(0,n.kt)("li",{parentName:"ul"},"fix(tag): align start for tags on mobile, update path for Tag List and add containers ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9de8452c42ed6d16028ce147f2d7a062b895d67"},(0,n.kt)("inlineCode",{parentName:"a"},"b9de845"))),(0,n.kt)("li",{parentName:"ul"},"fix(item): update image width & height on mobiles and add 3 line clamp for description ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0cd2c46c945ff85b55183994990fae9cf450f3d1"},(0,n.kt)("inlineCode",{parentName:"a"},"0cd2c46"))),(0,n.kt)("li",{parentName:"ul"},"fix(pageheader): metadata font size on mobile to be readable ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0a9b1fa7db6f0b11265f9eb4d28f25b23bedc79a"},(0,n.kt)("inlineCode",{parentName:"a"},"0a9b1fa"))),(0,n.kt)("li",{parentName:"ul"},"fix(breadcrumb): fixed variable name for breadcrumb item ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b547eb43e0db4aa9bb63b4e4ba7f541f357fbd0"},(0,n.kt)("inlineCode",{parentName:"a"},"2b547eb")))),(0,n.kt)("h4",{id:"-enhancements-50"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(Item):create item story with custom default class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/069ae02a7cc2b15b7e6732e46f52d07eaa4502b1"},(0,n.kt)("inlineCode",{parentName:"a"},"069ae02"))),(0,n.kt)("li",{parentName:"ul"},"refactor(pagination): add pastanage menu overrides and remove any eea theme css from default story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/508081090baaeb455130c760c6c0e7e23972d84a"},(0,n.kt)("inlineCode",{parentName:"a"},"5080810"))),(0,n.kt)("li",{parentName:"ul"},"refactor(item): update variables from px to rem ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/30eed78c170e5719ba4fb85c3a171db3f97d63c8"},(0,n.kt)("inlineCode",{parentName:"a"},"30eed78"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Item):add default item mobile padding ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/35184655e3225b8ad63626c8e521b5dcf59eaa3b"},(0,n.kt)("inlineCode",{parentName:"a"},"3518465"))),(0,n.kt)("li",{parentName:"ul"},"change(site): added fixes from custom ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0fe4d80586c8877d58905ec40aa7df19c2f4e32f"},(0,n.kt)("inlineCode",{parentName:"a"},"0fe4d80"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Pagination): add default pagination stopry and rename previous as Secondary ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5e3e13b40d4d1d0c96f1efaa3a0c326d60c6d93"},(0,n.kt)("inlineCode",{parentName:"a"},"a5e3e13"))),(0,n.kt)("li",{parentName:"ul"},"refactor(pagination): comment out secondary pagination and its styling ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bcf4cff1cff490718751475354b8fb32da174383"},(0,n.kt)("inlineCode",{parentName:"a"},"bcf4cff"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tags): remove content class and add flex wrap ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d6333ca7e61a588d8ffe4d0d2e02005c0aa12379"},(0,n.kt)("inlineCode",{parentName:"a"},"d6333ca"))),(0,n.kt)("li",{parentName:"ul"},"change(logo): use a real svg logo for white eea logo ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b80dc7698c3dbab5d3834cc62f5102c2ace0166"},(0,n.kt)("inlineCode",{parentName:"a"},"3b80dc7"))),(0,n.kt)("li",{parentName:"ul"},"change(header): show eea information systems on tablet as well ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce82cebb554eb11a35ea2b3ee0c62bc645716476"},(0,n.kt)("inlineCode",{parentName:"a"},"ce82ceb"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tokens): update letter spacing tokens ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f8753b7527b1bf7271102666a8662a74b2b1775"},(0,n.kt)("inlineCode",{parentName:"a"},"5f8753b"))),(0,n.kt)("li",{parentName:"ul"},"change(letterspacing): updated letter spacing positive values ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b31818f292ce7ce8711084116a7b4df78cca33f0"},(0,n.kt)("inlineCode",{parentName:"a"},"b31818f"))),(0,n.kt)("li",{parentName:"ul"},"change(pageheader): add bottom margin on mobile for sharing dropdown actions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d3cda4732ec94dac91b36ef10014fbbe08a0a470"},(0,n.kt)("inlineCode",{parentName:"a"},"d3cda47"))),(0,n.kt)("li",{parentName:"ul"},"change(pageheader): removed blogger, reddit and stumbleupon sharing links ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4acc4e83c120cda59d94f04867a53e21bf322ab"},(0,n.kt)("inlineCode",{parentName:"a"},"e4acc4e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Item): add default item background color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c978c8d05355065466a8a661844237a9df103b94"},(0,n.kt)("inlineCode",{parentName:"a"},"c978c8d"))),(0,n.kt)("li",{parentName:"ul"},"change(package): bump package version ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f01f72ba6b09b6aae00c54e446bafddb48c4cd1"},(0,n.kt)("inlineCode",{parentName:"a"},"1f01f72")))),(0,n.kt)("h4",{id:"-internal-changes-21"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"style(item): update item image ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e585e9d8c85a3627696b55c0505e29e8a8c33f7f"},(0,n.kt)("inlineCode",{parentName:"a"},"e585e9d")))),(0,n.kt)("h4",{id:"-documentation-changes-17"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(colors): token usage ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c433ec6fcf190f85ab1dd81ea3e63eeb381d0c28"},(0,n.kt)("inlineCode",{parentName:"a"},"c433ec6"))),(0,n.kt)("li",{parentName:"ul"},"docs(Docusaurus): typography and spacing updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48d1269dce396aec26db1d1e2f777851a26eaa81"},(0,n.kt)("inlineCode",{parentName:"a"},"48d1269"))),(0,n.kt)("li",{parentName:"ul"},"docs(Docusaurus): various fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a972a31f7932d29d61a46da251c0c98994516365"},(0,n.kt)("inlineCode",{parentName:"a"},"a972a31"))),(0,n.kt)("li",{parentName:"ul"},"docs(typography): updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/66d95e4fee695a20de47f5476712034f9f07f4a8"},(0,n.kt)("inlineCode",{parentName:"a"},"66d95e4")))),(0,n.kt)("h4",{id:"\ufe0f-others-53"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Tabs block custom border left/top ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca4cce05ddb603a26d729dfe31f0f11fda7563fb"},(0,n.kt)("inlineCode",{parentName:"a"},"ca4cce0"))),(0,n.kt)("li",{parentName:"ul"},"Fix sidebar tabs in Volto CSS ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c287db5abbfe068d4b255c41fd58d0433d2640c4"},(0,n.kt)("inlineCode",{parentName:"a"},"c287db5")))),(0,n.kt)("h3",{id:"055---2022-06-23"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.5.4...0.5.5"},"0.5.5")," - 2022-06-23"),(0,n.kt)("h4",{id:"-bug-fixes-49"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(contentBox): color of cards when inside content-boxes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/76a452031473f43928dee1d3ee705d06101e6a21"},(0,n.kt)("inlineCode",{parentName:"a"},"76a4520")))),(0,n.kt)("h4",{id:"-enhancements-51"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(homepage): moved fixes of homepage to custom and colored carousel arrow ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0a226ef3f5d328d45513764bec02d58241417db0"},(0,n.kt)("inlineCode",{parentName:"a"},"0a226ef")))),(0,n.kt)("h3",{id:"054---2022-06-16"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.5.3...0.5.4"},"0.5.4")," - 2022-06-16"),(0,n.kt)("h4",{id:"-bug-fixes-50"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(block-style): Content box preview in sidebar ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6362766f5e8dabf778e3864d2bb08966a55fc078"},(0,n.kt)("inlineCode",{parentName:"a"},"6362766"))),(0,n.kt)("li",{parentName:"ul"},"fix(header): ensure transparency goes as high as the search icon ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4470e132e1e70fba3fdfb33fc63a1cc9d62700e8"},(0,n.kt)("inlineCode",{parentName:"a"},"4470e13")))),(0,n.kt)("h4",{id:"-enhancements-52"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(contentBox): add background as before element instead of using full-width ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e0a5962c1b9cb0d3ef9a8d7b7208eded34eb3ce"},(0,n.kt)("inlineCode",{parentName:"a"},"7e0a596"))),(0,n.kt)("li",{parentName:"ul"},"change(content-box): content box links are now underlined ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f7976f50f5807a884522d6dba871a2757a1c5a98"},(0,n.kt)("inlineCode",{parentName:"a"},"f7976f5"))),(0,n.kt)("li",{parentName:"ul"},"change(homepage): added fixes from custom ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c3e03331d328f4fd7c6689f93bc1f1156013b8a9"},(0,n.kt)("inlineCode",{parentName:"a"},"c3e0333"))),(0,n.kt)("li",{parentName:"ul"},"change(hero): add margin top with the height of the top section on edit ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fefa6bb0f513e221ddb587f081c0e7d0c3067dfd"},(0,n.kt)("inlineCode",{parentName:"a"},"fefa6bb"))),(0,n.kt)("li",{parentName:"ul"},"change(cards): fix default card color when inside content-boxes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fdf3aabf9515289b36a5822e21edc5d282c4536"},(0,n.kt)("inlineCode",{parentName:"a"},"6fdf3aa"))),(0,n.kt)("li",{parentName:"ul"},"change(container): removed override of content-box-inner container ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/66fe7d45adc631c3ebf0e8dd11de19d7ff60b894"},(0,n.kt)("inlineCode",{parentName:"a"},"66fe7d4")))),(0,n.kt)("h3",{id:"053---2022-06-16"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.5.2...0.5.3"},"0.5.3")," - 2022-06-16"),(0,n.kt)("h4",{id:"-bug-fixes-51"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(homepage): hero and homepage fixes for #151156 #198 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/43d4efc508750e0e9cbb93b9bffc3721be452c5a"},(0,n.kt)("inlineCode",{parentName:"a"},"43d4efc"))),(0,n.kt)("li",{parentName:"ul"},"fix(header): fixed top section width on edit page ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce5898b5ee41ea6959a2c454b3fb98216d71feb3"},(0,n.kt)("inlineCode",{parentName:"a"},"ce5898b")))),(0,n.kt)("h4",{id:"-enhancements-53"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(hero): added min height to hero-block-image-wrapper ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3cc37c027597573281710c9db98c687057d261dd"},(0,n.kt)("inlineCode",{parentName:"a"},"3cc37c0"))),(0,n.kt)("li",{parentName:"ul"},"change(hero): spaced hero block has a 3rem margin top and bottom ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c463b033dda601bfd475b282bc0003200a053d45"},(0,n.kt)("inlineCode",{parentName:"a"},"c463b03"))),(0,n.kt)("li",{parentName:"ul"},"change(hero): added extra top margin on hero-block-body from tablet and up within homepage ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/64142c3c45f6a8ea6502842055a2341dcf16088c"},(0,n.kt)("inlineCode",{parentName:"a"},"64142c3"))),(0,n.kt)("li",{parentName:"ul"},"change(hero): tweak min height of hero block ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e1271b4b5fdcd8205f0bec8b88ab9ae31f62251f"},(0,n.kt)("inlineCode",{parentName:"a"},"e1271b4"))),(0,n.kt)("li",{parentName:"ul"},"change(card,contentBox): use inherit for text color to inherit black from body ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c1ba3b6ddc16ddc7394aba8d78cad73b5a8c34cb"},(0,n.kt)("inlineCode",{parentName:"a"},"c1ba3b6"))),(0,n.kt)("li",{parentName:"ul"},"change(container): on section-edit modify only left and right padding values ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fe6e3ec764643ec01e20ae9dbdde921774ef04cd"},(0,n.kt)("inlineCode",{parentName:"a"},"fe6e3ec"))),(0,n.kt)("li",{parentName:"ul"},"change(utilities): bump z-index of overlay class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ede3209556b620d2252bb03d4c994a92b6708fd2"},(0,n.kt)("inlineCode",{parentName:"a"},"ede3209"))),(0,n.kt)("li",{parentName:"ul"},"change(hero): fixed variable reference for margin of body from homepage ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/092b90b2a902b71cc96132ca3c96108edda56342"},(0,n.kt)("inlineCode",{parentName:"a"},"092b90b")))),(0,n.kt)("h3",{id:"052---2022-06-14"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.5.1...0.5.2"},"0.5.2")," - 2022-06-14"),(0,n.kt)("h4",{id:"-new-features-30"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(contentBox) : add new Content Box component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ebbb47fe685f9809aa3572263be376d9688371e"},(0,n.kt)("inlineCode",{parentName:"a"},"2ebbb47"))),(0,n.kt)("li",{parentName:"ul"},"feat(ContentBox): Add primary, secondary, tertiary themes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87cb2fe7e4cd5c2872299756f493e371abcbb05f"},(0,n.kt)("inlineCode",{parentName:"a"},"87cb2fe"))),(0,n.kt)("li",{parentName:"ul"},"feat(ContentBox): Update storybook with available themes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93b26b2f5f1d627aa8049df61257499e4798dd79"},(0,n.kt)("inlineCode",{parentName:"a"},"93b26b2")))),(0,n.kt)("h4",{id:"-enhancements-54"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(contentBox): restructure the component to be more flexible ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f0d2de67e43fafa10052871f99ac841c83cf8157"},(0,n.kt)("inlineCode",{parentName:"a"},"f0d2de6")))),(0,n.kt)("h4",{id:"-internal-changes-22"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"chore(contentBox) : add lint changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5aaf740594f0001b1672bb6dc18d973f55c881f0"},(0,n.kt)("inlineCode",{parentName:"a"},"5aaf740")))),(0,n.kt)("h4",{id:"\ufe0f-others-54"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"perf(eol): change to lf ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/78b2955ff73d9436134d1a6399040b2d7c7f5714"},(0,n.kt)("inlineCode",{parentName:"a"},"78b2955"))),(0,n.kt)("li",{parentName:"ul"},"Cleanup ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b128dface95b560588a343f1ddf7bbaf3efb320"},(0,n.kt)("inlineCode",{parentName:"a"},"2b128df")))),(0,n.kt)("h3",{id:"051---2022-06-13"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.5.0...0.5.1"},"0.5.1")," - 2022-06-13"),(0,n.kt)("h4",{id:"-enhancements-55"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(header): changed homepage text color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/64ce8b61f8f2150513e09bf2926b48aa2ae1071c"},(0,n.kt)("inlineCode",{parentName:"a"},"64ce8b6"))),(0,n.kt)("li",{parentName:"ul"},"change(hero): added styles for adding dark overlay to hero ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bf1d292fecfa8a6b222558f0d93f48e19bf6b8ea"},(0,n.kt)("inlineCode",{parentName:"a"},"bf1d292"))),(0,n.kt)("li",{parentName:"ul"},"change(homepage): hide stagingBanner on homepage ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fb6e319dd10f4d148cc8f3b33dafc43280a0254f"},(0,n.kt)("inlineCode",{parentName:"a"},"fb6e319"))),(0,n.kt)("li",{parentName:"ul"},"change(header): use variable for homepage hero-block padding ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/89ff3441f269281ffb3da32cd3e5c64715b3204b"},(0,n.kt)("inlineCode",{parentName:"a"},"89ff344"))),(0,n.kt)("li",{parentName:"ul"},"change(tokens): modified grey-4 color to point to a 10% shade from original color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b406283e61c7356bec9d453567cd1ccde496880d"},(0,n.kt)("inlineCode",{parentName:"a"},"b406283"))),(0,n.kt)("li",{parentName:"ul"},"change(header): added min-height for mega menu needed for 1 items menus ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/18814f48fb743c88d05554e9a1773f8d85dec86c"},(0,n.kt)("inlineCode",{parentName:"a"},"18814f4"))),(0,n.kt)("li",{parentName:"ul"},"change(hero): hero section block integration #192 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ea2f40583951016c164c9abdf22d8e809d207fe"},(0,n.kt)("inlineCode",{parentName:"a"},"4ea2f40")))),(0,n.kt)("h4",{id:"\ufe0f-others-55"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Add hero block style ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fa39656fd661d8af95f483a6f33a08e4c93c42f1"},(0,n.kt)("inlineCode",{parentName:"a"},"fa39656"))),(0,n.kt)("li",{parentName:"ul"},"Add padding if hero block is not full-width ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/808b83957d6a866cc31c928f414fa8fa5da517a1"},(0,n.kt)("inlineCode",{parentName:"a"},"808b839"))),(0,n.kt)("li",{parentName:"ul"},"Cleanup available languages ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0c490512a6a6524efe9a37b4b61ab0061a240abb"},(0,n.kt)("inlineCode",{parentName:"a"},"0c49051"))),(0,n.kt)("li",{parentName:"ul"},"Use 1.5 rem ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1125cd7c65332fc5961ffbbbd2d2ab6bcc8b1b5b"},(0,n.kt)("inlineCode",{parentName:"a"},"1125cd7")))),(0,n.kt)("h3",{id:"050---2022-06-11"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.4.5...0.5.0"},"0.5.0")," - 2022-06-11"),(0,n.kt)("h4",{id:"-new-features-31"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(hero): added storybook implementation of hero component #172 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/17b9d1693e31bf7b3b41ca84be7bd21f07065674"},(0,n.kt)("inlineCode",{parentName:"a"},"17b9d16"))),(0,n.kt)("li",{parentName:"ul"},"feat(hero): add hero block component and stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6019fc843ec14a8afc7558e92c2d4b4bb14ee199"},(0,n.kt)("inlineCode",{parentName:"a"},"6019fc8")))),(0,n.kt)("h4",{id:"-bug-fixes-52"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(header): Internal links in mega menu ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d8ca13558c3e8c336800791f2fea8a8d33a2b602"},(0,n.kt)("inlineCode",{parentName:"a"},"d8ca135"))),(0,n.kt)("li",{parentName:"ul"},"fix(header): show active menu when clicking on children ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a54fa67a1a92e2ab4216e6d149f66e1ee53aab89"},(0,n.kt)("inlineCode",{parentName:"a"},"a54fa67"))),(0,n.kt)("li",{parentName:"ul"},"fix(header): accessibility and dropdown possition fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/505ac36a27d86e620fb5af515a0b8b5979610f0a"},(0,n.kt)("inlineCode",{parentName:"a"},"505ac36"))),(0,n.kt)("li",{parentName:"ul"},"fix(header): fix accessibility issue by David ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/783dcec0d140e6e6e568d0f82833dcbf8a5c7d3d"},(0,n.kt)("inlineCode",{parentName:"a"},"783dcec"))),(0,n.kt)("li",{parentName:"ul"},"fix(header): dropdowns disappear on resize ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/52338fd3e711f4918612e052dc2034a8d9bd40bd"},(0,n.kt)("inlineCode",{parentName:"a"},"52338fd"))),(0,n.kt)("li",{parentName:"ul"},"fix(header-topdropdown): dedupe html elements for topdropdowns ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cd8a2a7ea091e81b736438f7c2a87c254af1b092"},(0,n.kt)("inlineCode",{parentName:"a"},"cd8a2a7"))),(0,n.kt)("li",{parentName:"ul"},"fix(header): transparency class should apply on the current bg color or image ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f9a0033c5538cb19f08f26cf28d47954cc52607d"},(0,n.kt)("inlineCode",{parentName:"a"},"f9a0033"))),(0,n.kt)("li",{parentName:"ul"},"fix(header): mobile dropdown now visible ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/34371b436f2ec100f3920f78de49983ba16679b0"},(0,n.kt)("inlineCode",{parentName:"a"},"34371b4"))),(0,n.kt)("li",{parentName:"ul"},"fix(header): dropdown disappears after window resize #116 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc7dd8bd7911421fb734a696a2dd5d3ad3b652b0"},(0,n.kt)("inlineCode",{parentName:"a"},"fc7dd8b"))),(0,n.kt)("li",{parentName:"ul"},"fix(header-topdropdown): dedupe html dropdown elements for topdropdowns #115 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f10a7a8743a5fb2cecd0c3374ec9d894e914143f"},(0,n.kt)("inlineCode",{parentName:"a"},"f10a7a8")))),(0,n.kt)("h4",{id:"-enhancements-56"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(megaMenu): update mega menu in header component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2d1ce454553d116efa96288079b8b77649e10abb"},(0,n.kt)("inlineCode",{parentName:"a"},"2d1ce45"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): update structure and variables of top bar ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af709094f94f0cc2e2309b1aedb376e45dc7f136"},(0,n.kt)("inlineCode",{parentName:"a"},"af70909"))),(0,n.kt)("li",{parentName:"ul"},"change(header): renamed mega menu items href attribute to url ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ed8144589f87a9ad219c97193863c999a72cb6d"},(0,n.kt)("inlineCode",{parentName:"a"},"3ed8144"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): update main section and and add color variations ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2f0fd1de7c04eff4b2a9b62d03dd13a1b0d69bc"},(0,n.kt)("inlineCode",{parentName:"a"},"f2f0fd1"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): minor updates on colors and widths ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a70129fd929fedb344a47e049cca94274e84a3b1"},(0,n.kt)("inlineCode",{parentName:"a"},"a70129f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(hero): add full-heigh control to adjust height ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a45cb7c599cdc11426207001e67d8f7d727233fe"},(0,n.kt)("inlineCode",{parentName:"a"},"a45cb7c"))),(0,n.kt)("li",{parentName:"ul"},"change(header): disable sticky setting until feature is more stable ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d7af954c85cb6a8a657c1625e4ae863e562346a"},(0,n.kt)("inlineCode",{parentName:"a"},"1d7af95"))),(0,n.kt)("li",{parentName:"ul"},"refactor(hero):make button variant and inverted different button controls ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e182ca9ecdb76507205d84f83cad6a79dd74a03"},(0,n.kt)("inlineCode",{parentName:"a"},"7e182ca"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header):main bar sticky on scroll up ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9c9e7c6f9651c0663a1eab1856d7324a73afb2de"},(0,n.kt)("inlineCode",{parentName:"a"},"9c9e7c6"))),(0,n.kt)("li",{parentName:"ul"},"refactor(headings): update heading sizes for mobile ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19f3ccacaf2c744b5f5c2ec8635773de7ef0016b"},(0,n.kt)("inlineCode",{parentName:"a"},"19f3cca"))),(0,n.kt)("li",{parentName:"ul"},"change(header): hide first link(home) from header menu on site ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ae7f3b9385620eb3d840dd90f512e37cd8556a6d"},(0,n.kt)("inlineCode",{parentName:"a"},"ae7f3b9"))),(0,n.kt)("li",{parentName:"ul"},"change(megamenu): typo correction and key setting on list.items ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/96d2c4fbfa722d22a215e8d27f1400e65fe9476e"},(0,n.kt)("inlineCode",{parentName:"a"},"96d2c4f"))),(0,n.kt)("li",{parentName:"ul"},"change(header): use Link instead of a tag for menu items ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9812b3fba7b8305399d6972daf135b8a2d88e876"},(0,n.kt)("inlineCode",{parentName:"a"},"9812b3f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): add control for inverted logo ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/023ca45e6f263166211cbea0d63b1938d11221da"},(0,n.kt)("inlineCode",{parentName:"a"},"023ca45"))),(0,n.kt)("li",{parentName:"ul"},"refactor(hero): move quoted utility to h2 tag ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7376676b4875494f16c49945f6b5dac19c6b8009"},(0,n.kt)("inlineCode",{parentName:"a"},"7376676"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): add link for menu title inside desktop mega menu ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/24355d000b2bd808b2031cd2b78e60cafb9ad5b1"},(0,n.kt)("inlineCode",{parentName:"a"},"24355d0"))),(0,n.kt)("li",{parentName:"ul"},"refactor(utilities): update hex with color token ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8dc65ef55a62dcb32b6eb8a684524a8dc1fa6ba6"},(0,n.kt)("inlineCode",{parentName:"a"},"8dc65ef"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): and mega menu to latest spec #114 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/44fcf68be242f97ced852b28ac3ab820dc0e1045"},(0,n.kt)("inlineCode",{parentName:"a"},"44fcf68"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): update search input and file endings ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/afab36f96f245e197eff528cb1d9e6fea45bc7ba"},(0,n.kt)("inlineCode",{parentName:"a"},"afab36f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): add control that toggles transparency class on main section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8d4bdb9c527f102ffd3718f32bf1a43309a9bb4"},(0,n.kt)("inlineCode",{parentName:"a"},"b8d4bdb"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): restore union dropdown after implementation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e98bab497ee10ad89d2dfed76c7117b633206fe"},(0,n.kt)("inlineCode",{parentName:"a"},"7e98bab"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): minor responsive fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/16a000634505c9e8f8b310860a30b62798a0fb87"},(0,n.kt)("inlineCode",{parentName:"a"},"16a0006"))),(0,n.kt)("li",{parentName:"ul"},"refactor(hero): align hero's text and meta seperately ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4fa958f7c7cc6d331a8eb7aaf25dc44d6cd3632a"},(0,n.kt)("inlineCode",{parentName:"a"},"4fa958f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(hero):add button variant controls ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f362a7b2ec273131fa0876f23b74c740c7217b3a"},(0,n.kt)("inlineCode",{parentName:"a"},"f362a7b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): update search input ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/368962eabb668e2ec1bdcd18ae81658e7b1d911b"},(0,n.kt)("inlineCode",{parentName:"a"},"368962e"))),(0,n.kt)("li",{parentName:"ul"},"change(header): mark top level active menu item ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/665c449bc2667cc1471a4b97923c897ad3506792"},(0,n.kt)("inlineCode",{parentName:"a"},"665c449"))),(0,n.kt)("li",{parentName:"ul"},"refactor(hero):prettier & style changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d84688440417a430afd9fd24f4c8cfeef0121203"},(0,n.kt)("inlineCode",{parentName:"a"},"d846884"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): add control for main section stickiness ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2f07572f78074137e7e6a49585273210ed5cedcb"},(0,n.kt)("inlineCode",{parentName:"a"},"2f07572"))),(0,n.kt)("li",{parentName:"ul"},"change(header): use viewport width for changing mobile text in header dropdowns ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b50fa585c0abeedc04a46395f08e50a9e112c430"},(0,n.kt)("inlineCode",{parentName:"a"},"b50fa58"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): add fluid font sizes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f2743e39107fd1bd00a54e03bf92963eb9853f2"},(0,n.kt)("inlineCode",{parentName:"a"},"5f2743e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header) add position sticky & transparent for main section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/29df772edfe23b1752aa3d184659eea90c3c9221"},(0,n.kt)("inlineCode",{parentName:"a"},"29df772"))),(0,n.kt)("li",{parentName:"ul"},"refactor(hero): update variables with new design tokens ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d9792231c50f12fd68364e201054f6ab0926665"},(0,n.kt)("inlineCode",{parentName:"a"},"1d97922"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Language List): render language dropdown as ul and li elements ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3617442da78af07d3f473d0c43c47dd48c9b2ac3"},(0,n.kt)("inlineCode",{parentName:"a"},"3617442"))),(0,n.kt)("li",{parentName:"ul"},"change(header): introduced item class to the mega menu link content ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00ca376ea4cf1de4851e84567b97c374ee7f66e3"},(0,n.kt)("inlineCode",{parentName:"a"},"00ca376"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Language List): add less variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7ccc1ccf57419b6eecbf71d479db72b84428d43a"},(0,n.kt)("inlineCode",{parentName:"a"},"7ccc1cc"))),(0,n.kt)("li",{parentName:"ul"},"change(header): disabled active menu when clicking on globalnav links ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3f7b5eedb038b51fbae8a14a683dc6adc919549b"},(0,n.kt)("inlineCode",{parentName:"a"},"3f7b5ee"))),(0,n.kt)("li",{parentName:"ul"},"change(header): target link instead of span directly ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9e865fbb5b256196756c3d84de397296ac0b447a"},(0,n.kt)("inlineCode",{parentName:"a"},"9e865fb"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): remove unused imports ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e232db6ce0b2553be79d98d8497fa06f548b772"},(0,n.kt)("inlineCode",{parentName:"a"},"7e232db")))),(0,n.kt)("h4",{id:"\ufe0f-others-56"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Add item themes; override .block .ui.image width based on size ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/06010db21398638d46d2e007317d72a7aff7e7d9"},(0,n.kt)("inlineCode",{parentName:"a"},"06010db"))),(0,n.kt)("li",{parentName:"ul"},"Move item icon themes to item.overrides ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/31e8921f4ee4d92ba3a9c58275b41dd3101cffd2"},(0,n.kt)("inlineCode",{parentName:"a"},"31e8921"))),(0,n.kt)("li",{parentName:"ul"},"Override only the width ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8d4927084e5daedcb69e6f3a57cab73a9016a55f"},(0,n.kt)("inlineCode",{parentName:"a"},"8d49270"))),(0,n.kt)("li",{parentName:"ul"},"Override tile image in .block parrent ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/005655ddff6f45e211f1ff8156b0b7efa1e47a2e"},(0,n.kt)("inlineCode",{parentName:"a"},"005655d"))),(0,n.kt)("li",{parentName:"ul"},"Update package.json ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9dc38165a95deca1faf2dfccdc03fd6cab3d8c54"},(0,n.kt)("inlineCode",{parentName:"a"},"9dc3816"))),(0,n.kt)("li",{parentName:"ul"},"feature(item): added themes to item icons #190 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a6a2907df09575a18fb6e81dc52e8d6651eff118"},(0,n.kt)("inlineCode",{parentName:"a"},"a6a2907"))),(0,n.kt)("li",{parentName:"ul"},"update storybook header.topdropdown ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e58ac0821af56c06272e3373383647cbbff20978"},(0,n.kt)("inlineCode",{parentName:"a"},"e58ac08"))),(0,n.kt)("li",{parentName:"ul"},"use volto-screen-helper width ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea156aad1100166ba78635163cfacdcfb913c1d4"},(0,n.kt)("inlineCode",{parentName:"a"},"ea156aa"))),(0,n.kt)("li",{parentName:"ul"},"Add divider content for metadata field in Banner ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/327ad1c5fdca0d376d04fd36084b940e5dd016ab"},(0,n.kt)("inlineCode",{parentName:"a"},"327ad1c"))),(0,n.kt)("li",{parentName:"ul"},"rename to viewportWidth ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32162e7c695774bbb68ac63a0008e8b148f1e9f5"},(0,n.kt)("inlineCode",{parentName:"a"},"32162e7"))),(0,n.kt)("li",{parentName:"ul"},"don't connect component to store ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/470b8bade5e8f2eaabb20a7bb02c8e82ca42f8a0"},(0,n.kt)("inlineCode",{parentName:"a"},"470b8ba"))),(0,n.kt)("li",{parentName:"ul"},"Add end of line ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51639d804a2b84f66373fb77c569bcc43b22e303"},(0,n.kt)("inlineCode",{parentName:"a"},"51639d8"))),(0,n.kt)("li",{parentName:"ul"},"behave as mobile under 480 only ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/11b99e15cb83245a32bb04f3937f5b95a60b1e95"},(0,n.kt)("inlineCode",{parentName:"a"},"11b99e1"))),(0,n.kt)("li",{parentName:"ul"},"make it account for all mobile-s,m,l ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/69e23ae8d12042f241dc53c9e296c340d5b17089"},(0,n.kt)("inlineCode",{parentName:"a"},"69e23ae")))),(0,n.kt)("h3",{id:"045---2022-06-08"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.4.4...0.4.5"},"0.4.5")," - 2022-06-08"),(0,n.kt)("h4",{id:"-enhancements-57"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(tabs): Add style for tabs accordion template #187 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fb8adbf84ac564a14d45bb6e8f4e1661811672d5"},(0,n.kt)("inlineCode",{parentName:"a"},"fb8adbf"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): avoid react error by providing key prop to grid column ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef0b1937d614a889a0c2117e483a834ed1aec1e3"},(0,n.kt)("inlineCode",{parentName:"a"},"ef0b193")))),(0,n.kt)("h4",{id:"\ufe0f-others-57"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Cleanup ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4b9637ebd2d6c015f8d4323551c6cbc4b7506df"},(0,n.kt)("inlineCode",{parentName:"a"},"d4b9637"))),(0,n.kt)("li",{parentName:"ul"},"Add style for tabs accordion template ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a10998372a268b99991f7dda55103149f29d00cb"},(0,n.kt)("inlineCode",{parentName:"a"},"a109983")))),(0,n.kt)("h3",{id:"044---2022-06-08"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.4.3...0.4.4"},"0.4.4")," - 2022-06-08"),(0,n.kt)("h4",{id:"-new-features-32"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(divider): create story for divider ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b10a2e08b14962bed9f13317754f4124ee60d313"},(0,n.kt)("inlineCode",{parentName:"a"},"b10a2e0")))),(0,n.kt)("h4",{id:"-bug-fixes-53"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(divider): restore space between classes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c595c152c144463f33757157ed7d6797ae31ceed"},(0,n.kt)("inlineCode",{parentName:"a"},"c595c15"))),(0,n.kt)("li",{parentName:"ul"},"fix(divider): Text colors and transform ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e524e1002bb0700ea69782cf5a95c6073ab383d2"},(0,n.kt)("inlineCode",{parentName:"a"},"e524e10"))),(0,n.kt)("li",{parentName:"ul"},"fix(footer): story aria labels for social media links ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/254bdc7ba944943f5d08a71f9d0a3a31bdc06044"},(0,n.kt)("inlineCode",{parentName:"a"},"254bdc7")))),(0,n.kt)("h4",{id:"-enhancements-58"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(footer): update logos and less structure ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/66b8e0f12825968d94f7d572f2823d9a8a3a239b"},(0,n.kt)("inlineCode",{parentName:"a"},"66b8e0f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer): first footer updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d18a2ee59d0deb143075d8dfeb949898ad1f6399"},(0,n.kt)("inlineCode",{parentName:"a"},"d18a2ee"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer): logo updates and adjustments ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/101bc9dfe4136240457f335de867a83c28d59339"},(0,n.kt)("inlineCode",{parentName:"a"},"101bc9d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer): use tokens and adjust spacing ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2cb166949913f725271050e863b38e7630748135"},(0,n.kt)("inlineCode",{parentName:"a"},"2cb1669"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): moved SubFooter logic to SubFooter.jsx from Footer story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/902383a0bb3446dc69237099bd429ead5e30a6c1"},(0,n.kt)("inlineCode",{parentName:"a"},"902383a"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Divider):add divider with content inside story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2d66dca901fa189d69b65239dc34b1969097be8"},(0,n.kt)("inlineCode",{parentName:"a"},"e2d66dc"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): added managed by section as properties ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9328fc3084baf22439e1892d256d9a167b911849"},(0,n.kt)("inlineCode",{parentName:"a"},"9328fc3"))),(0,n.kt)("li",{parentName:"ul"},"refactor(divider): remove custom divider ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4870d2252ad216e82213fa1f94cc39609ae676d"},(0,n.kt)("inlineCode",{parentName:"a"},"d4870d2"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Divider_:remove green color class & add tertiary ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95f30186bc1768e08f00ad7d5ffa2a70402ac553"},(0,n.kt)("inlineCode",{parentName:"a"},"95f3018"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer): use remix icons for social links ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5ef9aa2cebb6f96857a1920cefbf7e367b4d7c28"},(0,n.kt)("inlineCode",{parentName:"a"},"5ef9aa2"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Divider):remove clean class and use fitted prop ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8d2be350dcc44fd56b5fbfb791fb6b2a45bd8a52"},(0,n.kt)("inlineCode",{parentName:"a"},"8d2be35"))),(0,n.kt)("li",{parentName:"ul"},"change(Divider): Rename color property to theme ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0deffc823609d23131a85bc180e4a3f5a67a64aa"},(0,n.kt)("inlineCode",{parentName:"a"},"0deffc8"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer): update links and logo align ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7afbab9b37982a557ac8bfa4430205ce912c3b8b"},(0,n.kt)("inlineCode",{parentName:"a"},"7afbab9"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): tweaked column sizes to the values before my changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fdf271868e44bce2904cc28c6fa924ee4c9ba759"},(0,n.kt)("inlineCode",{parentName:"a"},"fdf2718"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer): to latest figma design #182 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e0ba2b659db9dc1b140d853840a06bd3ce31cab"},(0,n.kt)("inlineCode",{parentName:"a"},"3e0ba2b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer): move subfooter logic to the proper component #185 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/303457719128c9699dd34939bd8db2b647977667"},(0,n.kt)("inlineCode",{parentName:"a"},"3034577"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer): update controls ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b0b872b1415c9792a5886f619195f9c0471ea564"},(0,n.kt)("inlineCode",{parentName:"a"},"b0b872b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(testimonial): update divider ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/784450abdf395318fe89d8d3d0a1e398393cc93c"},(0,n.kt)("inlineCode",{parentName:"a"},"784450a"))),(0,n.kt)("li",{parentName:"ul"},"refactor(testimonial): changed divider color to secondary ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84282f960ab22ccb8403e975c055c61d1023193a"},(0,n.kt)("inlineCode",{parentName:"a"},"84282f9"))),(0,n.kt)("li",{parentName:"ul"},"refactor(divider): remove custom divider from theme config ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a0409e8df3c9ba043717140455369a3630f0da85"},(0,n.kt)("inlineCode",{parentName:"a"},"a0409e8")))),(0,n.kt)("h4",{id:"-documentation-changes-18"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(divider): switch to secondary color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/239844be374a2f6bc4667e7ab3d2f52bfdc181ad"},(0,n.kt)("inlineCode",{parentName:"a"},"239844b"))),(0,n.kt)("li",{parentName:"ul"},"docs(divider): showcase path fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5ea03f60034edc918054aa273e44b84b2537716"},(0,n.kt)("inlineCode",{parentName:"a"},"d5ea03f")))),(0,n.kt)("h4",{id:"\ufe0f-others-58"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Remove unnecessary spaces ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d137981430809345bfb3ad494e7ab981c93c3e51"},(0,n.kt)("inlineCode",{parentName:"a"},"d137981"))),(0,n.kt)("li",{parentName:"ul"},"lint fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/657cf4ed917c4ff992aa033c3d9f4884a949d86d"},(0,n.kt)("inlineCode",{parentName:"a"},"657cf4e"))),(0,n.kt)("li",{parentName:"ul"},"perf(storybook): added storybook favicon ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/38eabc3124c85dd56bf5c68c0fb1e967c39055ec"},(0,n.kt)("inlineCode",{parentName:"a"},"38eabc3")))),(0,n.kt)("h3",{id:"043---2022-06-03"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.4.2...0.4.3"},"0.4.3")," - 2022-06-03"),(0,n.kt)("h4",{id:"-bug-fixes-54"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(edit): Fix columns/accordion inner toolbar padding ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fafbb525baa60c339906dc6a33d2f9418d050be6"},(0,n.kt)("inlineCode",{parentName:"a"},"fafbb52")))),(0,n.kt)("h4",{id:"-enhancements-59"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): completed removal of description from guides ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/42424b9213ece8d8df84d40f1b73e142cb0ffc6b"},(0,n.kt)("inlineCode",{parentName:"a"},"42424b9")))),(0,n.kt)("h3",{id:"042---2022-06-02"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.4.1...0.4.2"},"0.4.2")," - 2022-06-02"),(0,n.kt)("h4",{id:"-enhancements-60"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): moved color swatches around in the color guide ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8a395fce52a32cf92449a24d3d4cce5abf25a284"},(0,n.kt)("inlineCode",{parentName:"a"},"8a395fc"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): removed description from components and introduced category listing ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f220bf0785f5aaede8c25c4164120b09de67b018"},(0,n.kt)("inlineCode",{parentName:"a"},"f220bf0"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): rename gap to space and added em spaces ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f5b042d311518ec3fb32c7f259c39ff62d4547f8"},(0,n.kt)("inlineCode",{parentName:"a"},"f5b042d"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): moved extra docs to webdev section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1ce0797b91418272e4e405467cd1468292620005"},(0,n.kt)("inlineCode",{parentName:"a"},"1ce0797"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): moved md_components files into webdev/md_components ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/73c1c08a270d504fa6f2ba2579bcb3e6e25fb112"},(0,n.kt)("inlineCode",{parentName:"a"},"73c1c08"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): added category yml for all sections ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/17405728e3f44828da50890b9fc0f4e8a07f8bf2"},(0,n.kt)("inlineCode",{parentName:"a"},"1740572"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): color guideline updates and spacing tokens documentation #148 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c1154ba172c3b3b40b565c2bcb590f1a5e6b25a4"},(0,n.kt)("inlineCode",{parentName:"a"},"c1154ba"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): modified story links to avoid broken usage tabs ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/78dc8d8f4e7cade3ab0e911e6dc002eefc1e7986"},(0,n.kt)("inlineCode",{parentName:"a"},"78dc8d8"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): renamed several file id's so that they match the incremental naming sequence ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/11299c9a4c41ca901926f852227dbca0bc1aee17"},(0,n.kt)("inlineCode",{parentName:"a"},"11299c9")))),(0,n.kt)("h4",{id:"-documentation-changes-19"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(Docusaurus): timeline, testimonial, quote and tags ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aaa54ecbe182872ffc7fff275d5065ebe790d348"},(0,n.kt)("inlineCode",{parentName:"a"},"aaa54ec"))),(0,n.kt)("li",{parentName:"ul"},"docs(spacing): add relative gap tokens ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/92abc8fff2c7006e2c64684048e7783216a230bb"},(0,n.kt)("inlineCode",{parentName:"a"},"92abc8f"))),(0,n.kt)("li",{parentName:"ul"},"docs(colors): updated colors ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a28c99e60867c1eaa1b7b68d4154ccaa8c9ef958"},(0,n.kt)("inlineCode",{parentName:"a"},"a28c99e"))),(0,n.kt)("li",{parentName:"ul"},"docs(tags/content): new page about tags and content ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/60be40268a77606c53fc45641bc22166b50b75e7"},(0,n.kt)("inlineCode",{parentName:"a"},"60be402"))),(0,n.kt)("li",{parentName:"ul"},"docs(Docusaurus): labeled icons ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6a0f61ede3a36c7d66d9b3091b93b0b5ff9a445"},(0,n.kt)("inlineCode",{parentName:"a"},"f6a0f61"))),(0,n.kt)("li",{parentName:"ul"},"docs(typography): add font size and line height tokens ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ff65e47cfe56eb3efe976300b764ba13f8685ce"},(0,n.kt)("inlineCode",{parentName:"a"},"2ff65e4"))),(0,n.kt)("li",{parentName:"ul"},"docs(spacing): add spacing gap tokens ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2d53727f8e817588421efea464e849c9f9e16dce"},(0,n.kt)("inlineCode",{parentName:"a"},"2d53727"))),(0,n.kt)("li",{parentName:"ul"},"docs(spacing): add missing gaps ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/442db468830150c8e4ad5f91775fc5b3c47dd655"},(0,n.kt)("inlineCode",{parentName:"a"},"442db46"))),(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus): minor fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e66513f08cff598881ce1051b482ddadf8e0593"},(0,n.kt)("inlineCode",{parentName:"a"},"6e66513"))),(0,n.kt)("li",{parentName:"ul"},"docs(spacing): aligned images ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e946fe59457b861a31939e99adf4b380777e01e0"},(0,n.kt)("inlineCode",{parentName:"a"},"e946fe5"))),(0,n.kt)("li",{parentName:"ul"},"docs(spacing): new image ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fcd3294d53db76580b8bffc9678a09fd65b33113"},(0,n.kt)("inlineCode",{parentName:"a"},"fcd3294")))),(0,n.kt)("h4",{id:"\ufe0f-others-59"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"merge changes from develop into docusaurus token documentation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a9401384ddf5fcfbf29e50d34f3d7851be85f19a"},(0,n.kt)("inlineCode",{parentName:"a"},"a940138"))),(0,n.kt)("li",{parentName:"ul"},"perf(docs): restructuring order ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f4134d81d1cc59b8ba0d8669415b5eb31c0513d"},(0,n.kt)("inlineCode",{parentName:"a"},"8f4134d")))),(0,n.kt)("h3",{id:"041---2022-06-02"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.4.0...0.4.1"},"0.4.1")," - 2022-06-02"),(0,n.kt)("h4",{id:"-new-features-33"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(languageLabeledIcon) : add new component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/110558eeec37d5b5f616a95298a313ba230dd6f4"},(0,n.kt)("inlineCode",{parentName:"a"},"110558e"))),(0,n.kt)("li",{parentName:"ul"},"feat(LanguageLabeledIcon):add new component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d00200c278e1dab02b449b460a325e0f2e7b8ccd"},(0,n.kt)("inlineCode",{parentName:"a"},"d00200c"))),(0,n.kt)("li",{parentName:"ul"},"feat(newTabLabeledIcon) : add new component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f5cd31257a306a58c1d9cdbf7cb428701412369"},(0,n.kt)("inlineCode",{parentName:"a"},"8f5cd31"))),(0,n.kt)("li",{parentName:"ul"},"feat(labeledIconGroup) : add new component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/787d648342d78c4f9d28fde9d08e83089ef7b08f"},(0,n.kt)("inlineCode",{parentName:"a"},"787d648"))),(0,n.kt)("li",{parentName:"ul"},"feat(DownLoadLabeledIcon) : add new component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ea2fa1ec17ce235401a8ac741afa8fede920d26"},(0,n.kt)("inlineCode",{parentName:"a"},"6ea2fa1")))),(0,n.kt)("h4",{id:"-bug-fixes-55"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(LabeledIcon) : fix lint errors ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91b042f8c16bd3e99659c1c24a5f2a946c72b03f"},(0,n.kt)("inlineCode",{parentName:"a"},"91b042f"))),(0,n.kt)("li",{parentName:"ul"},"fix(LabeledIconGroup) : fix links for tests ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/daa10653ca37f3e83302e2ebcc566b5f5ec4c4d9"},(0,n.kt)("inlineCode",{parentName:"a"},"daa1065"))),(0,n.kt)("li",{parentName:"ul"},"fix(LanguageLabeledIcon):bug fix & languages change ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1436e2bc270f8f079f07b7909254bd2e6e087084"},(0,n.kt)("inlineCode",{parentName:"a"},"1436e2b"))),(0,n.kt)("li",{parentName:"ul"},"fix(LabeledIconGroup):fix based on Langauge & Download Labeled icon components changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3015864ce740f534aa204402f85a9f392e342513"},(0,n.kt)("inlineCode",{parentName:"a"},"3015864"))),(0,n.kt)("li",{parentName:"ul"},"fix(newTabLabeledIcon) : add link item ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b1a9ada3dd7dae9e1841cfde5319a6ab37b15de2"},(0,n.kt)("inlineCode",{parentName:"a"},"b1a9ada"))),(0,n.kt)("li",{parentName:"ul"},"fix(Labeled Icons):minor bug fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00f3022cdc2bfad634707f0d6d05768868f599be"},(0,n.kt)("inlineCode",{parentName:"a"},"00f3022")))),(0,n.kt)("h4",{id:"-enhancements-61"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(labeledIcons): adjust new tab labeled icon to figma and replace px with rems ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/904615d789ea711678f43ce9f9d02a450289031f"},(0,n.kt)("inlineCode",{parentName:"a"},"904615d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(LanguageLabeledIcon):implement with pop up ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0f3dd8f0388484f94351a0ab0798ab53e84c9229"},(0,n.kt)("inlineCode",{parentName:"a"},"0f3dd8f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(labeledIcon): add group wrapper in labeled icon stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b7dd314230145b6239fd800d41f546ab5d9eebb"},(0,n.kt)("inlineCode",{parentName:"a"},"4b7dd31"))),(0,n.kt)("li",{parentName:"ul"},"refactor(DownloadLabeledIcon):implement with pop up ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aa61f9b7d449c08c08bc4c004da6a0458598c828"},(0,n.kt)("inlineCode",{parentName:"a"},"aa61f9b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(labeledIcons): adjust language labeled icon to figma ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5741e3d2e95665ef12670335b12d29cfbf998fdc"},(0,n.kt)("inlineCode",{parentName:"a"},"5741e3d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(labeledIcons): adjust download icon to figma and replace px with rems ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ae85307a62526fed75ef0b1d37ad59076370b5a"},(0,n.kt)("inlineCode",{parentName:"a"},"4ae8530"))),(0,n.kt)("li",{parentName:"ul"},"refactor(LanguageLabeledIcons):minor storybook change ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/78f55442a80cbc2f716ba81274ed08204e3c502a"},(0,n.kt)("inlineCode",{parentName:"a"},"78f5544"))),(0,n.kt)("li",{parentName:"ul"},"refactor(LanguageLabeledIcon): set language code to uppercase and minor storybook change ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac286931282c0a69bc6d7803e96cbe302db8994f"},(0,n.kt)("inlineCode",{parentName:"a"},"ac28693"))),(0,n.kt)("li",{parentName:"ul"},"refactor(labeledIcon): adjust paddings ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9c1ecddc52c81be1d952d0af67862a284eba9eec"},(0,n.kt)("inlineCode",{parentName:"a"},"9c1ecdd"))),(0,n.kt)("li",{parentName:"ul"},"refactor(labeledIcons): update margins for group labeled icons ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5fa5ca9103a5d8ad1510c90cc8c46d0c82abcc63"},(0,n.kt)("inlineCode",{parentName:"a"},"5fa5ca9"))),(0,n.kt)("li",{parentName:"ul"},"refactor(labeledIcons): add variable for icon color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f9d3cba5115c5c91aaaca49c1f834950400673a"},(0,n.kt)("inlineCode",{parentName:"a"},"9f9d3cb"))),(0,n.kt)("li",{parentName:"ul"},"refactor(labeledIcons): update colors on download links ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c04264229c91bfdea927fd22f4ee1e8ddbcebd5c"},(0,n.kt)("inlineCode",{parentName:"a"},"c042642")))),(0,n.kt)("h4",{id:"-internal-changes-23"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"chore(labeledIconGroup) : lint changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/535cee4795dff75b35856cb4406a9bd33ee07ca4"},(0,n.kt)("inlineCode",{parentName:"a"},"535cee4"))),(0,n.kt)("li",{parentName:"ul"},"style(downloadLabeledIcon) : fix styling ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d8e3acb3bac1a4174d4bb526d6188cb5e5f8faa"},(0,n.kt)("inlineCode",{parentName:"a"},"6d8e3ac"))),(0,n.kt)("li",{parentName:"ul"},"style(downloadLabeledIcon) : fix alignment ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/455801701d2958515885ba2c398312f0c56057b0"},(0,n.kt)("inlineCode",{parentName:"a"},"4558017"))),(0,n.kt)("li",{parentName:"ul"},"chore(LabeledIconGroup) : lint changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab364763bb2526adbbb7fc3c656a16b497568940"},(0,n.kt)("inlineCode",{parentName:"a"},"ab36476")))),(0,n.kt)("h3",{id:"040---2022-06-01"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.3.1...0.4.0"},"0.4.0")," - 2022-06-01"),(0,n.kt)("h4",{id:"-new-features-34"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(Carousel): create carousel for cards ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b0d73798b4fcbf2897d7a8167d9b4d3b3374fb2"},(0,n.kt)("inlineCode",{parentName:"a"},"2b0d737"))),(0,n.kt)("li",{parentName:"ul"},"feat(ItemwithIcons): Initial Item group with icons, new item variation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7f4ea476264856845a07cd24be6ec86ccd21ed8d"},(0,n.kt)("inlineCode",{parentName:"a"},"7f4ea47"))),(0,n.kt)("li",{parentName:"ul"},"feat(utilities): add file and basic utilities ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/05c88b294a49590e3fb355fb6e113f5020442915"},(0,n.kt)("inlineCode",{parentName:"a"},"05c88b2"))),(0,n.kt)("li",{parentName:"ul"},"feat(utilities): add file with basic utilities classes #173 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/855185ff22c77efb75cc5c7850d181254b4c4927"},(0,n.kt)("inlineCode",{parentName:"a"},"855185f")))),(0,n.kt)("h4",{id:"-bug-fixes-56"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(tokens): hsla function for shadows ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8e5d37a6e88321b1e2daf995b407c4ddd6e866e"},(0,n.kt)("inlineCode",{parentName:"a"},"b8e5d37"))),(0,n.kt)("li",{parentName:"ul"},"fix(tokens): remove css var from less file ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a9c422476b412287713a6b475406615c3aed2aca"},(0,n.kt)("inlineCode",{parentName:"a"},"a9c4224"))),(0,n.kt)("li",{parentName:"ul"},"fix(carousel):add storybook controls descriptions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/269a60383ed1e54fc57e26d4eed6b37d1da32236"},(0,n.kt)("inlineCode",{parentName:"a"},"269a603"))),(0,n.kt)("li",{parentName:"ul"},"fix(item): remove image width css from item.less ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7b21cb2d5ddf6a6f72646f47fd268a0bd7af757d"},(0,n.kt)("inlineCode",{parentName:"a"},"7b21cb2"))),(0,n.kt)("li",{parentName:"ul"},"fix(table): Set responsive breakpoint to @tabletBreakpoint ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/067e01842030bfa5639e2a55cb8af5047bb2996f"},(0,n.kt)("inlineCode",{parentName:"a"},"067e018")))),(0,n.kt)("h4",{id:"-enhancements-62"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(item): import item.less in theme definitions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c51637480192dbece828616010174648ac865e2e"},(0,n.kt)("inlineCode",{parentName:"a"},"c516374"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Label):add corner,ribbon & basic label stories and styles ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2bbbb947113a59127f91b86917ef0edbf36ab16"},(0,n.kt)("inlineCode",{parentName:"a"},"e2bbbb9"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Label):style changes based on label importance class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce4d5d1a5bf1b1183242a253e37c509d61f82b8c"},(0,n.kt)("inlineCode",{parentName:"a"},"ce4d5d1"))),(0,n.kt)("li",{parentName:"ul"},"change(tokens): rename gap to space and added em spaces ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/719efc44070ef87f049a92e4da96bb111e9fc8ff"},(0,n.kt)("inlineCode",{parentName:"a"},"719efc4"))),(0,n.kt)("li",{parentName:"ul"},"refactor(item): add classes for size, set default to tile and add controls for grouped items ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5a0405abba4e5f5d36f899dc9e47f43a96d5e49"},(0,n.kt)("inlineCode",{parentName:"a"},"d5a0405"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tokens): add borders, shadows, shapes and z-index tokens ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7069106c2b0ada9cdbad63249b4ada7fde72e05f"},(0,n.kt)("inlineCode",{parentName:"a"},"7069106"))),(0,n.kt)("li",{parentName:"ul"},"change(tokens): name spacing tokens gaps and added missing values up to 80px as documented ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9fbd912a6f027150149d82678f88885a939120b0"},(0,n.kt)("inlineCode",{parentName:"a"},"9fbd912"))),(0,n.kt)("li",{parentName:"ul"},"refactor(quote): Rename sourceInfo to extra info ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/76c2b400de4814fe79f303bfd2a82842c848231c"},(0,n.kt)("inlineCode",{parentName:"a"},"76c2b40"))),(0,n.kt)("li",{parentName:"ul"},"refactor(item): WIP replacing unstackable with row ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e3a44de4b2dd26667e80e0d131c55b08f3c527d9"},(0,n.kt)("inlineCode",{parentName:"a"},"e3a44de"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tocens): add color design tokens ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/13bb165e103a25aadb9da6414773dc0d35081d88"},(0,n.kt)("inlineCode",{parentName:"a"},"13bb165"))),(0,n.kt)("li",{parentName:"ul"},"refactor(item): adjust margins to match figma designs ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6334581b336a2f486e85199f371126beea47b92f"},(0,n.kt)("inlineCode",{parentName:"a"},"6334581"))),(0,n.kt)("li",{parentName:"ul"},"refactor(carousel): remove title from story and color on card hover ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/12a1d7c3bd5e7ba6edf4eb20a2d7a6f8f22955f9"},(0,n.kt)("inlineCode",{parentName:"a"},"12a1d7c"))),(0,n.kt)("li",{parentName:"ul"},"change(tokens): updated sizes with 4-8-16px increments ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f53d655df2b24053a5d331c56dfd14bd3602dfd"},(0,n.kt)("inlineCode",{parentName:"a"},"1f53d65"))),(0,n.kt)("li",{parentName:"ul"},"change(tokens): added size tokens to be used for width of elements ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cda5dea1f6ad1ae980c89999d323d7b385894025"},(0,n.kt)("inlineCode",{parentName:"a"},"cda5dea"))),(0,n.kt)("li",{parentName:"ul"},"change(utilities): values need important rule ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/96150d9a22cb6be6f338f1e9d052cbd65e3602fc"},(0,n.kt)("inlineCode",{parentName:"a"},"96150d9"))),(0,n.kt)("li",{parentName:"ul"},"change(tokens): added also rem space values ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aedbbddaf7f8be88ed2f8a2b8c21b60752896c53"},(0,n.kt)("inlineCode",{parentName:"a"},"aedbbdd"))),(0,n.kt)("li",{parentName:"ul"},"change(tokens): updated z-index tokens with negative values ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/404efe4244d67276b435e60a1d7a69aaa90e3d8a"},(0,n.kt)("inlineCode",{parentName:"a"},"404efe4"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tokens): add 14px font size token ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8d8695dce62e7f29af01447308460e4fe3f72b21"},(0,n.kt)("inlineCode",{parentName:"a"},"8d8695d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(docusaurus): restructured and improved sections navigation #174 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b47b0266ffd6baeaf1a5aea1a7ab22c909976de1"},(0,n.kt)("inlineCode",{parentName:"a"},"b47b026"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tokens): add 12 and 14px font size token #176 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/368114729536f03dd85c2d3565b984c3bdfe3a72"},(0,n.kt)("inlineCode",{parentName:"a"},"3681147"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tokens): remove conditional border radius ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f0fe5ada7b74e9c87623dd2b2774283dd89b9a58"},(0,n.kt)("inlineCode",{parentName:"a"},"f0fe5ad")))),(0,n.kt)("h4",{id:"-documentation-changes-20"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(website): created new sections, improved website navigation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/243f0be4d7fa6e988da0ca0f586f5ea478573eef"},(0,n.kt)("inlineCode",{parentName:"a"},"243f0be"))),(0,n.kt)("li",{parentName:"ul"},"docs(homepage): adding design system homepage with links for upcoming sections ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c9a968508acff74d1182e68cf049046dafd564c5"},(0,n.kt)("inlineCode",{parentName:"a"},"c9a9685"))),(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus): copyedit, improved navigation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/998762a5bd40d08f619c00743b66d82b43aed653"},(0,n.kt)("inlineCode",{parentName:"a"},"998762a"))),(0,n.kt)("li",{parentName:"ul"},"docs(website): restructuring, moved current DS docs to new folder ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8bb612f1313dfc739d7912aa2e3252f468e1122f"},(0,n.kt)("inlineCode",{parentName:"a"},"8bb612f"))),(0,n.kt)("li",{parentName:"ul"},"docs(homepage): copy editing ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee37d6f1d282b973af744f4305c0eb94c0993113"},(0,n.kt)("inlineCode",{parentName:"a"},"ee37d6f")))),(0,n.kt)("h4",{id:"\ufe0f-others-60"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Release 0.4.0 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f4bc50928ab877f3670b181dbe6e8cfff7fa2daa"},(0,n.kt)("inlineCode",{parentName:"a"},"f4bc509"))),(0,n.kt)("li",{parentName:"ul"},"feature(homepage): added Item group with icons #167 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ec99f53aeb183b24073be4014a9c2ec30d5235c"},(0,n.kt)("inlineCode",{parentName:"a"},"2ec99f5"))),(0,n.kt)("li",{parentName:"ul"},"feature(tokens): added borders, z-index, shadows tokens #171 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/74c178837cedc7ee9fc55effde1096dc03245574"},(0,n.kt)("inlineCode",{parentName:"a"},"74c1788"))),(0,n.kt)("li",{parentName:"ul"},"feature(tokens): added initial color design tokens #169 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/da3eae05d07783aa5eadaed5d508ee3be8acc47d"},(0,n.kt)("inlineCode",{parentName:"a"},"da3eae0"))),(0,n.kt)("li",{parentName:"ul"},"perf(carousel): added slick library ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca9be5125efa864bc30a0178274d744c5b2bc500"},(0,n.kt)("inlineCode",{parentName:"a"},"ca9be51")))),(0,n.kt)("h3",{id:"031---2022-05-19"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.3.0...0.3.1"},"0.3.1")," - 2022-05-19"),(0,n.kt)("h4",{id:"-bug-fixes-57"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(input,segment): toggle inputs and padding fixes within Volto sidebar forms ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de030d617325a8f9d028a5c1615faa160fcdd763"},(0,n.kt)("inlineCode",{parentName:"a"},"de030d6")))),(0,n.kt)("h4",{id:"-enhancements-63"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(login): restored width of login container to 376px ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0564293346b2402c3c86009b61066da4200662b8"},(0,n.kt)("inlineCode",{parentName:"a"},"0564293")))),(0,n.kt)("h3",{id:"030---2022-05-17"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.2.4...0.3.0"},"0.3.0")," - 2022-05-17"),(0,n.kt)("h4",{id:"-new-features-35"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(Callout):create Callout component with Blockquote style ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3d486b1c2c7f74ee8bc4b3a5e1bf3993ac98f6dd"},(0,n.kt)("inlineCode",{parentName:"a"},"3d486b1"))),(0,n.kt)("li",{parentName:"ul"},"feat(callout): Align the Callout component with Volto slate component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e9343ff7008cd3d60700929e8861c7bdd06df4d3"},(0,n.kt)("inlineCode",{parentName:"a"},"e9343ff")))),(0,n.kt)("h4",{id:"-bug-fixes-58"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(testimonial): fix storybook arg names ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9df52f7151ef759fd672d365b2d74f6db535ad0"},(0,n.kt)("inlineCode",{parentName:"a"},"b9df52f"))),(0,n.kt)("li",{parentName:"ul"},"fix(table): tweak responsive table for extra long headers ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7f9f9e25f7c57d4bf7edd2546a7579b892867b5c"},(0,n.kt)("inlineCode",{parentName:"a"},"7f9f9e2"))),(0,n.kt)("li",{parentName:"ul"},"fix(quote): fix color and padding issue ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/310d6b37bdf5df3da2d2103eab8f4fa5020c95ab"},(0,n.kt)("inlineCode",{parentName:"a"},"310d6b3"))),(0,n.kt)("li",{parentName:"ul"},"fix(accordion): Fix accordion active title color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57af1650a0b830e01c79e21b130784190defbcc0"},(0,n.kt)("inlineCode",{parentName:"a"},"57af165"))),(0,n.kt)("li",{parentName:"ul"},"fix(testimonial): remove info arguement ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9593d95f6352fb5aea48c3611b27b4bc6a9ae7e4"},(0,n.kt)("inlineCode",{parentName:"a"},"9593d95")))),(0,n.kt)("h4",{id:"-enhancements-64"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(Table):add responsive mobile table story and styles ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aed69e698e5b89e33a4c331570755934267492af"},(0,n.kt)("inlineCode",{parentName:"a"},"aed69e6"))),(0,n.kt)("li",{parentName:"ul"},"refactor(testimonial): adjust to volto design | fix avatar image size ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/546070e494ad187c50913b5742dab49ce5475a84"},(0,n.kt)("inlineCode",{parentName:"a"},"546070e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Quote):rename Pullquote component to Quote ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9384a0c129b8e4eed637e51a9669c41d8ade69d4"},(0,n.kt)("inlineCode",{parentName:"a"},"9384a0c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Quote):rename Quote.Metadata to Quote.SourceInfo ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dfae8b1c147659d24dfd1a13fb4c3098e5865a12"},(0,n.kt)("inlineCode",{parentName:"a"},"dfae8b1"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Quote): rename Author to Source ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d400f6a0ec0062f58782b4e170f4a1a9a31c56c"},(0,n.kt)("inlineCode",{parentName:"a"},"6d400f6"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Quote):move Testimonial component under Quote folder ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2467c2089577d67ef5689a2507cb860a837f6a0"},(0,n.kt)("inlineCode",{parentName:"a"},"e2467c2"))),(0,n.kt)("li",{parentName:"ul"},"refactor(testimonial): readjust rounded card ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b41933417a44dabcf829a3346d91c142dd6472d3"},(0,n.kt)("inlineCode",{parentName:"a"},"b419334"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Table):wrap table with semantic ui container ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/24ac2bb4813df33547f684220e1e12af5ca6df7e"},(0,n.kt)("inlineCode",{parentName:"a"},"24ac2bb"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Testimonial):minor storybook bug fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7b6d128c6be3b2481d4765cebca82af6cafbea05"},(0,n.kt)("inlineCode",{parentName:"a"},"7b6d128"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Callout): wrap story with semantic ui container ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ead362d88f43fa1380e8be5481cbc38c055060f8"},(0,n.kt)("inlineCode",{parentName:"a"},"ead362d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(quote): update action name to match the functionality ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/caf2e359cada8056f280d2cd137776d64f82a2af"},(0,n.kt)("inlineCode",{parentName:"a"},"caf2e35"))),(0,n.kt)("li",{parentName:"ul"},"refactor(table): add borders to responsive table with celled attribute ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8a71a670fb34a11fbe4cef7365b91c6be84b5b54"},(0,n.kt)("inlineCode",{parentName:"a"},"8a71a67"))),(0,n.kt)("li",{parentName:"ul"},"change(table): make use of headerSortableWhiteSpace variable ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fd836fbe82e92864a628bf4d9d3093674890f722"},(0,n.kt)("inlineCode",{parentName:"a"},"fd836fb"))),(0,n.kt)("li",{parentName:"ul"},"change(table): use the @mobileLandscapeBreakpoint for max 480px media query ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/90880ab324b6a66c7741819dd0d913504751454f"},(0,n.kt)("inlineCode",{parentName:"a"},"90880ab"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Quote):rename pullquote to Quote in Testimonial ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f54da192ab3b0823b0d6c77254f8954ab94506c8"},(0,n.kt)("inlineCode",{parentName:"a"},"f54da19"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Testimonial): change card class name ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e995c32bc70780e4315c4dc02d6b6fa9a0c5b29d"},(0,n.kt)("inlineCode",{parentName:"a"},"e995c32"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Testimonial): prettier changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/904594b9814c3d8900656f0e4c8d3a99481efe94"},(0,n.kt)("inlineCode",{parentName:"a"},"904594b")))),(0,n.kt)("h4",{id:"\ufe0f-others-61"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feature(tokens): added tokens folder for design tokens we can use in the system ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a542172cfd84dde0286b4332e66a617a1f3d13bf"},(0,n.kt)("inlineCode",{parentName:"a"},"a542172"))),(0,n.kt)("li",{parentName:"ul"},"perf(lint): fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2ef3abb9daa8fee3dd103adc14246c412951427"},(0,n.kt)("inlineCode",{parentName:"a"},"f2ef3ab"))),(0,n.kt)("li",{parentName:"ul"},"Release 0.3.0 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8724b2809027b2e359dcd64e418a33cade4ad487"},(0,n.kt)("inlineCode",{parentName:"a"},"8724b28")))),(0,n.kt)("h3",{id:"024---2022-05-13"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.2.3...0.2.4"},"0.2.4")," - 2022-05-13"),(0,n.kt)("h4",{id:"-enhancements-65"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(segment): brought back overrides from pastanaga into our theme ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/14efd021f81898bb0f2d3f1a2e8677445420591a"},(0,n.kt)("inlineCode",{parentName:"a"},"14efd02"))),(0,n.kt)("li",{parentName:"ul"},"change(container): removed padding from containers restoring thus the defaults ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c2ed813cf2f7ce284e33f2e94e02ff16678c2d05"},(0,n.kt)("inlineCode",{parentName:"a"},"c2ed813"))),(0,n.kt)("li",{parentName:"ul"},"change(grid-story): added container as grid width is influenced by container width ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/459f4813ee3c5325a3db22d417ac5f23063bd4d2"},(0,n.kt)("inlineCode",{parentName:"a"},"459f481"))),(0,n.kt)("li",{parentName:"ul"},"change(breadcrumb): removed padding from breadcrumb added by container ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5df5675a519085badc030416e5bb784a9f73321"},(0,n.kt)("inlineCode",{parentName:"a"},"c5df567"))),(0,n.kt)("li",{parentName:"ul"},"change(container): modified all outputted widths to align to grid ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f29cefa4bfee1fe50844c8450de39ef4b0915d4"},(0,n.kt)("inlineCode",{parentName:"a"},"9f29cef"))),(0,n.kt)("li",{parentName:"ul"},"change(breakpoints): restore Semantic UI breakpoints, adding extra needed values ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e7f5b1e4fac6453458078bb02cdc66c328843b59"},(0,n.kt)("inlineCode",{parentName:"a"},"e7f5b1e"))),(0,n.kt)("li",{parentName:"ul"},"change(container): restore maxWidth to 100% now that the last value is 1120px ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b55c58d3bbc8967b20de19a828aedd2f1473ee5"},(0,n.kt)("inlineCode",{parentName:"a"},"8b55c58"))),(0,n.kt)("li",{parentName:"ul"},"change(header): wrap header globalnav links useful for editing section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/10d4f56624510eb63155ab330dcf0475b0728ed4"},(0,n.kt)("inlineCode",{parentName:"a"},"10d4f56"))),(0,n.kt)("li",{parentName:"ul"},"change(breadcrumb): added vertical variant to the breadcrumbs like we do in Volto ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f405f8437be6be221b055a41c5d391f4cc94385d"},(0,n.kt)("inlineCode",{parentName:"a"},"f405f84"))),(0,n.kt)("li",{parentName:"ul"},"change(breakpoints): added also contentBreakpoint for backward compatibility ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b6c9212378a37639e6154d8d8e837169bcbac8b5"},(0,n.kt)("inlineCode",{parentName:"a"},"b6c9212")))),(0,n.kt)("h4",{id:"\ufe0f-others-62"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"[JENKINSFILE]"," Add failure comment, no jenkins fail ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c325bf14f3fb0da150f2a56cda0a9f03d8d8a628"},(0,n.kt)("inlineCode",{parentName:"a"},"c325bf1"))),(0,n.kt)("li",{parentName:"ul"},"prettier changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/134da52549b9d5eac5a12b7ad3005073500ac2c4"},(0,n.kt)("inlineCode",{parentName:"a"},"134da52"))),(0,n.kt)("li",{parentName:"ul"},"[JENKINSFILE]"," format PR comments ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/739438c64950c745d630d1998314a2bed595b23a"},(0,n.kt)("inlineCode",{parentName:"a"},"739438c"))),(0,n.kt)("li",{parentName:"ul"},"[JENKINSFILE]"," mention comment author in comment ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/39a26aa1ff0f35e93e8df9f442c29c5ab79ff493"},(0,n.kt)("inlineCode",{parentName:"a"},"39a26aa"))),(0,n.kt)("li",{parentName:"ul"},"[JENKINSFILE]"," remove debug, add error per stage ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/903eecdb6bcbb8d73cff5e447d80c85e2a2c906d"},(0,n.kt)("inlineCode",{parentName:"a"},"903eecd")))),(0,n.kt)("h3",{id:"023---2022-04-29"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.2.2...0.2.3"},"0.2.3")," - 2022-04-29"),(0,n.kt)("h4",{id:"-new-features-36"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(CallToAction):add feat call to action ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab53642f27c996f929ff871d0794add39bab6c23"},(0,n.kt)("inlineCode",{parentName:"a"},"ab53642")))),(0,n.kt)("h4",{id:"-enhancements-66"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(button): add container to stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6c02c1953e102f2d90ab23023d6b4dfc738ced2e"},(0,n.kt)("inlineCode",{parentName:"a"},"6c02c19"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tab): update vertical tab columns and content ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b473fabee196a3ec420e29160448d2be3d1685cc"},(0,n.kt)("inlineCode",{parentName:"a"},"b473fab"))),(0,n.kt)("li",{parentName:"ul"},'refactor(call to action):render call to action with Button as="a" ',(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e7dfabfc2f006505b0f1c802dc6fb48611518bcb"},(0,n.kt)("inlineCode",{parentName:"a"},"e7dfabf"))),(0,n.kt)("li",{parentName:"ul"},"refactor(button): update inverted button colors ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c822021ab37939632416ce74c0cc88a64b98a3c1"},(0,n.kt)("inlineCode",{parentName:"a"},"c822021"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Tab):scrollbar change in mobile & vertical tab fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0e34cbf459e67b6910217f30a44a1e81f33df622"},(0,n.kt)("inlineCode",{parentName:"a"},"0e34cbf"))),(0,n.kt)("li",{parentName:"ul"},"change(banner): added icon class to share icons ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48e866e4251dd517c0477cd5a42cec1a98e2f16d"},(0,n.kt)("inlineCode",{parentName:"a"},"48e866e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Button): move button to forms folder ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/94996fcdf1ea7e55c63dd44e10edf1b44b9bdef5"},(0,n.kt)("inlineCode",{parentName:"a"},"94996fc"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Tab):minor change in secondary pointing menu variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/280b6c41a2107bccb38500f54eb5663ef62c7ae3"},(0,n.kt)("inlineCode",{parentName:"a"},"280b6c4")))),(0,n.kt)("h4",{id:"-documentation-changes-21"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(button): import call to action stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4eed44e3519ae3dba7d16e252271a964fcb7a4b"},(0,n.kt)("inlineCode",{parentName:"a"},"e4eed44")))),(0,n.kt)("h3",{id:"022---2022-04-22"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.2.1...0.2.2"},"0.2.2")," - 2022-04-22"),(0,n.kt)("h4",{id:"-bug-fixes-59"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(publicationCard): restore line endings ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/582859e0ab4fa969662d4cf3e60fe75b160f052a"},(0,n.kt)("inlineCode",{parentName:"a"},"582859e"))),(0,n.kt)("li",{parentName:"ul"},"fix(form): added back overrides from Pastanaga theme ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a3f7ff810cdeb55b009c2dadc6753d01bbd10d8c"},(0,n.kt)("inlineCode",{parentName:"a"},"a3f7ff8"))),(0,n.kt)("li",{parentName:"ul"},"fix(OrderedList) : add list only if sub list exists ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8acbc8d5a492b411b169b106ab64bb78563f891f"},(0,n.kt)("inlineCode",{parentName:"a"},"8acbc8d"))),(0,n.kt)("li",{parentName:"ul"},"fix(label): update highlight label color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d55bbb03a5d28b2f269c1a1ca447c67dcdc7a748"},(0,n.kt)("inlineCode",{parentName:"a"},"d55bbb0"))),(0,n.kt)("li",{parentName:"ul"},"fix(publication card): run prettier ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/81a5bfc123ce69c44562a5585e41a630fe0bbf5a"},(0,n.kt)("inlineCode",{parentName:"a"},"81a5bfc"))),(0,n.kt)("li",{parentName:"ul"},"fix(avatar) : fix naming convention for arg ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84fc5fa8faa7887f45cd52e58aa6fa6f8b951d26"},(0,n.kt)("inlineCode",{parentName:"a"},"84fc5fa"))),(0,n.kt)("li",{parentName:"ul"},"fix(tab): restore mobile font sizes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/58f39be02a45ade92873b86597c33763379e0f44"},(0,n.kt)("inlineCode",{parentName:"a"},"58f39be"))),(0,n.kt)("li",{parentName:"ul"},"fix(addForm): add min height to add form and fixed block chooser overflow ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca4415d49b973378894ec9270501beafbefff776"},(0,n.kt)("inlineCode",{parentName:"a"},"ca4415d"))),(0,n.kt)("li",{parentName:"ul"},"fix(OrderedList): adjust margins to fourth sublists ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/663d384790920f164d51edb304c411275972fbb7"},(0,n.kt)("inlineCode",{parentName:"a"},"663d384"))),(0,n.kt)("li",{parentName:"ul"},"fix(dropdown): being hidden because of third party css ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d353dfd65e93d08a3c8584adeeebea50bf7efe8"},(0,n.kt)("inlineCode",{parentName:"a"},"7d353df"))),(0,n.kt)("li",{parentName:"ul"},"fix(modal): overflow hidden as clearfix of last child from modal ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b4923f5165a0a7e8d2dd33ea4c35f9f951372909"},(0,n.kt)("inlineCode",{parentName:"a"},"b4923f5"))),(0,n.kt)("li",{parentName:"ul"},"fix(RelatedContent):fix merge conflict ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/adc34bfdac7d668aa27578eb2a4844c136e0360f"},(0,n.kt)("inlineCode",{parentName:"a"},"adc34bf"))),(0,n.kt)("li",{parentName:"ul"},"fix(button): labeled class needs to be placed after left or right keyword ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/53d1204fe52665fe1023747da359d3100d45e58f"},(0,n.kt)("inlineCode",{parentName:"a"},"53d1204")))),(0,n.kt)("h4",{id:"-enhancements-67"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(card): prettier fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e10e3d610a313c4e1995676130e2677f0ebab070"},(0,n.kt)("inlineCode",{parentName:"a"},"e10e3d6"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): add card variations ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e16d05b4afa678b9089987b42a8257323a78093f"},(0,n.kt)("inlineCode",{parentName:"a"},"e16d05b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): remove stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0deb0cab6d7fd73957b149325960c266c33cdc6f"},(0,n.kt)("inlineCode",{parentName:"a"},"0deb0ca"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card):delete primary and secondary card stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f95d227a026ecc34b29cc3e4938c3d13906cfd8"},(0,n.kt)("inlineCode",{parentName:"a"},"1f95d22"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Avatar) : remake avatar as card variant ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea77cdd1acafd2ea288f11074423705e5d6b7412"},(0,n.kt)("inlineCode",{parentName:"a"},"ea77cdd"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): add styles for card variations ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7407bd30e722f2d7b1a9d75a8c7cf155bf1c4996"},(0,n.kt)("inlineCode",{parentName:"a"},"7407bd3"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): add story with related content inside of a tab ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dca008a35b27e4a75c13ef965ab8764df0d3b357"},(0,n.kt)("inlineCode",{parentName:"a"},"dca008a"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): Rename variables from avatar to rounded ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/be0131631cf8e303f4077fe93b6685fd6b34bf46"},(0,n.kt)("inlineCode",{parentName:"a"},"be01316"))),(0,n.kt)("li",{parentName:"ul"},"refactor(avatar): update less variables and layer structure ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f965db1dd17d90e7165f66d39fdda9016c2eae91"},(0,n.kt)("inlineCode",{parentName:"a"},"f965db1"))),(0,n.kt)("li",{parentName:"ul"},"refactor(PublicationCard):remake publication card to be a semantic card variation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5a0c6ab21c22a53aa6e34fafecfae15a3d435391"},(0,n.kt)("inlineCode",{parentName:"a"},"5a0c6ab"))),(0,n.kt)("li",{parentName:"ul"},"change(button): simplified button styling ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fe892d6f2f59aecf3f9e8b04f18b55fb0d384021"},(0,n.kt)("inlineCode",{parentName:"a"},"fe892d6"))),(0,n.kt)("li",{parentName:"ul"},"change(button): simplified storybook naming and examples ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9a7df4f46c24a234dd8bb290336ac8e7d5c7422b"},(0,n.kt)("inlineCode",{parentName:"a"},"9a7df4f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Avatar) : convert avatar component to card variation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2004a941c18f8fe21f96f88d3288446fd5e283e8"},(0,n.kt)("inlineCode",{parentName:"a"},"2004a94"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Related Content): change in grid and add see all button ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/955450e974c89aa2297eaa28d278e5098fea7705"},(0,n.kt)("inlineCode",{parentName:"a"},"955450e"))),(0,n.kt)("li",{parentName:"ul"},"change(button): added back button.overrides from pastanaga theme ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b55acbf8b8df0e3daa475ab12e4db44693a4053"},(0,n.kt)("inlineCode",{parentName:"a"},"3b55acb"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): add card class control ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/68c91a9bf7e78874e12e868a0c466f12715a0698"},(0,n.kt)("inlineCode",{parentName:"a"},"68c91a9"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card):delete publication card variables & overrides files ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6be8a037118762cf2280fbe44ba097a0cb7a79e0"},(0,n.kt)("inlineCode",{parentName:"a"},"6be8a03"))),(0,n.kt)("li",{parentName:"ul"},"refactor(OrderedList): rename TOC to Ordered List and add container to the story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e00c4db8e623651eb2ec9ad45de6e3d8c2693b2b"},(0,n.kt)("inlineCode",{parentName:"a"},"e00c4db"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): add card grid fluid story with no columns ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f38251ca3fa04a9b586468ead44bbfe8ae110fbb"},(0,n.kt)("inlineCode",{parentName:"a"},"f38251c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(list): remove horizontal control ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f5e576a37452ed368d6f9cf4d55960e737d48ad"},(0,n.kt)("inlineCode",{parentName:"a"},"1f5e576"))),(0,n.kt)("li",{parentName:"ul"},"refactor(avatarGrid): update less variables and layer structure ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/db554a894ca10ba50ff425883000177854ea2455"},(0,n.kt)("inlineCode",{parentName:"a"},"db554a8"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Related Content):show button when there are more hidden cards ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57ff1c8d485d16c34002da22bd765069e6eb3df0"},(0,n.kt)("inlineCode",{parentName:"a"},"57ff1c8"))),(0,n.kt)("li",{parentName:"ul"},"refactor(RelatedContent):change to use new card variant instead of publication card component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7cf424ae885d9b657a7635fc67a74a8af4c4e905"},(0,n.kt)("inlineCode",{parentName:"a"},"7cf424a"))),(0,n.kt)("li",{parentName:"ul"},"change(breadcrumb): brought back pastanaga overrides to breadcrumbs ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bca1c939c1d49dab1d4b8e72c0999d78383fd643"},(0,n.kt)("inlineCode",{parentName:"a"},"bca1c93"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card):delete publication card folder & story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/68bf77306d710651bb2177d429f42b8efc127db2"},(0,n.kt)("inlineCode",{parentName:"a"},"68bf773"))),(0,n.kt)("li",{parentName:"ul"},"change(buttons): modified basic and circular variant behavior ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c06fed9fa74216cf76971b7789dad231a5125ce8"},(0,n.kt)("inlineCode",{parentName:"a"},"c06fed9"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card):tertiary variation minor story update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87b8dca0b8ef6c6f0fbf1ea6bc71b7b8b6ee9205"},(0,n.kt)("inlineCode",{parentName:"a"},"87b8dca"))),(0,n.kt)("li",{parentName:"ul"},"refactor(DescriptionList): add container to story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d647c1a17097eae9bdfaf8eb8068f6d1d0b13972"},(0,n.kt)("inlineCode",{parentName:"a"},"d647c1a"))),(0,n.kt)("li",{parentName:"ul"},"refactor(List):render ordered list with ol,li tags ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87813c1a942ce498f89b51fe79a59b117afd28b0"},(0,n.kt)("inlineCode",{parentName:"a"},"87813c1"))),(0,n.kt)("li",{parentName:"ul"},"refactor(OrderedList) : change table of contents story to ordered list ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb6197c872a97f1b990c675554b1da9b0a8f7959"},(0,n.kt)("inlineCode",{parentName:"a"},"cb6197c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(publicationCard): update tag and name variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c109ad98f257fea233f31d767c4a037a2758be2d"},(0,n.kt)("inlineCode",{parentName:"a"},"c109ad9"))),(0,n.kt)("li",{parentName:"ul"},"refactor(UnorderedList): update list as ul, list items as li and add container to strory ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2c096e117125a7fb943a5d2e665c0077761b271c"},(0,n.kt)("inlineCode",{parentName:"a"},"2c096e1"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card):organize controls and minor bug fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f3f6e35df077e348ea1e0c2e5c5bd73d4af5aef9"},(0,n.kt)("inlineCode",{parentName:"a"},"f3f6e35"))),(0,n.kt)("li",{parentName:"ul"},"refactor(less variables): publication card style changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5a84e99ebea6345e45fac3b7ffc077ec42dfb45"},(0,n.kt)("inlineCode",{parentName:"a"},"c5a84e9"))),(0,n.kt)("li",{parentName:"ul"},"refactor(less variables): add less to related content ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e1a55438a9fc9dd141a9515c5363d834732a0c4d"},(0,n.kt)("inlineCode",{parentName:"a"},"e1a5543"))),(0,n.kt)("li",{parentName:"ul"},"refactor(RelatedContent):delete publication card component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ed0ed4a1497224b669386f6d0942a79d00555ea"},(0,n.kt)("inlineCode",{parentName:"a"},"2ed0ed4"))),(0,n.kt)("li",{parentName:"ul"},"change(button): basic button is again without padding, border and background ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5a907c721bda1d065153b108d6c9dc0ee20a886d"},(0,n.kt)("inlineCode",{parentName:"a"},"5a907c7"))),(0,n.kt)("li",{parentName:"ul"},"refactor(PublicationCard):remove link wrapper ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5911a0db1967c58311a6776864f92bc0692052fa"},(0,n.kt)("inlineCode",{parentName:"a"},"5911a0d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(less variables): change publication card height per viewport ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d7a525615672f387a2c8a0457bcde5c08aec45dd"},(0,n.kt)("inlineCode",{parentName:"a"},"d7a5256"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Timeline):change timeline icons ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2fe0bf9a7a4583f1f10765a9f8c3c989412d472"},(0,n.kt)("inlineCode",{parentName:"a"},"b2fe0bf"))),(0,n.kt)("li",{parentName:"ul"},"refactor(publicationCard): replace px with rems ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/53bf8da5e42343de7f7f940c266beb5e530dd63a"},(0,n.kt)("inlineCode",{parentName:"a"},"53bf8da"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Related Content): change in related content grid ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bf856ce66f9a74cb440cf8a7c93f62cd0d3965e9"},(0,n.kt)("inlineCode",{parentName:"a"},"bf856ce"))),(0,n.kt)("li",{parentName:"ul"},"refactor(List):render description list with dl,dt,dd tags ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec669a74da08f7a82bb4a1a0a2d752b6ee5ba4bb"},(0,n.kt)("inlineCode",{parentName:"a"},"ec669a7"))),(0,n.kt)("li",{parentName:"ul"},"change(button): show only labeled variant for buttons with icons ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bf499446dc02e4be8d6452a3e0cba5797b8a005e"},(0,n.kt)("inlineCode",{parentName:"a"},"bf49944"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): import image for rounded card ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca5a47ea2cd713336c7c8ecdebebbdacd681282f"},(0,n.kt)("inlineCode",{parentName:"a"},"ca5a47e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(progress): add container to story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dfb33bb8f3560d43e3e7300560bb557591c0a6ba"},(0,n.kt)("inlineCode",{parentName:"a"},"dfb33bb"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): add publication card story with different description sizes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/23af97bc708ac70d70b92efe9a782548c65aabc5"},(0,n.kt)("inlineCode",{parentName:"a"},"23af97b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(List):render default list with dl & dt tags ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ece2280eb06481b3fd42e7a1ffec5c71c08e736f"},(0,n.kt)("inlineCode",{parentName:"a"},"ece2280"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): add publication cards stories with longer description ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37adefa500c8a85a5b0b86e5b17c687828ea21fc"},(0,n.kt)("inlineCode",{parentName:"a"},"37adefa"))),(0,n.kt)("li",{parentName:"ul"},"change(button): basic icon buttons no longer have box shadows ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c2f3ea38ec3c62dce37612ac1e666a0b064309f7"},(0,n.kt)("inlineCode",{parentName:"a"},"c2f3ea3"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): remove story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/afc5f7903a0049563355e3c9292fdd89fa532740"},(0,n.kt)("inlineCode",{parentName:"a"},"afc5f79"))),(0,n.kt)("li",{parentName:"ul"},"refactor(less variables): change card description line number per device ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6946fdae2a1ede28a0e5971736817b3ae19bf290"},(0,n.kt)("inlineCode",{parentName:"a"},"6946fda"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): update rounded card image path ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8db3a85a45e8e05a3fe86ab824e7550d437222c3"},(0,n.kt)("inlineCode",{parentName:"a"},"8db3a85"))),(0,n.kt)("li",{parentName:"ul"},"refactor(DefaultList): add container to story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f971193369007a45fea7d517cdf0fc2314ebda69"},(0,n.kt)("inlineCode",{parentName:"a"},"f971193"))),(0,n.kt)("li",{parentName:"ul"},"change(button): bumped z-index of sidenav expand button ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/445ed8a8ede4e458814f380bee0600dbb8ff42f6"},(0,n.kt)("inlineCode",{parentName:"a"},"445ed8a"))),(0,n.kt)("li",{parentName:"ul"},"change(progress,label): color accessibility fixes #151 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/09cf6e34ed5a57bfbfc8fe95787591387776df86"},(0,n.kt)("inlineCode",{parentName:"a"},"09cf6e3"))),(0,n.kt)("li",{parentName:"ul"},"change(button): text button now has an underline with a focus border like other buttons ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cdd90436bf0c4f8acaca8bf27afef672fb0f3a89"},(0,n.kt)("inlineCode",{parentName:"a"},"cdd9043"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): update card variation grids path ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/756589cff5d3607994d6cf092cb5dd0e36d51903"},(0,n.kt)("inlineCode",{parentName:"a"},"756589c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): minor fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3a880d7d14c89137b2a33342aed1a31c1b2b3939"},(0,n.kt)("inlineCode",{parentName:"a"},"3a880d7"))),(0,n.kt)("li",{parentName:"ul"},"change(button): primary color is blue and secondary is green ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/53e0a0c6d32a04c52d089914a224b010b04a8846"},(0,n.kt)("inlineCode",{parentName:"a"},"53e0a0c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(List):change styles to match with the tags lists are rendered ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2673890449579a0421d8ac1c89ad4c5e850322d7"},(0,n.kt)("inlineCode",{parentName:"a"},"2673890"))),(0,n.kt)("li",{parentName:"ul"},"refactor(progress): update colors for accessibility ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea2f454f73c859ac21c4fe6e415a2442a6c3d64c"},(0,n.kt)("inlineCode",{parentName:"a"},"ea2f454"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): move avatarGrid & relatedContent to Card folder ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1959d521de222c95aa13d9b3db249d133f879ccd"},(0,n.kt)("inlineCode",{parentName:"a"},"1959d52"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Timeline): change storybook timeline colors to fix accessibility issues ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/79da8dca48c709fd1df83b858296126f5e5c5753"},(0,n.kt)("inlineCode",{parentName:"a"},"79da8dc"))),(0,n.kt)("li",{parentName:"ul"},"change(segment): restore light grey background color for secondary segments ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8716b08a977cacf5dbdab8ab23c714bb03066b0c"},(0,n.kt)("inlineCode",{parentName:"a"},"8716b08"))),(0,n.kt)("li",{parentName:"ul"},"refactor(relatedContent): adjust column paddings ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8a1520d1b958b65e968bffdba22c3484916a475e"},(0,n.kt)("inlineCode",{parentName:"a"},"8a1520d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): clear up code ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ada154b5ab562dc7605604de8002a9d3461e594"},(0,n.kt)("inlineCode",{parentName:"a"},"3ada154"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): use the rounded class for avatar grid ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8c000f3c37103e0068b6d6554783da8188603442"},(0,n.kt)("inlineCode",{parentName:"a"},"8c000f3"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card) Update rounded card class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/140b58746673a864d7ea218c4f8a02dc70207af4"},(0,n.kt)("inlineCode",{parentName:"a"},"140b587"))),(0,n.kt)("li",{parentName:"ul"},"refactor(avatar): add variable for image border radius ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c23341c66d34a9dfa572be4df24f1faf4325d58e"},(0,n.kt)("inlineCode",{parentName:"a"},"c23341c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(label): add container to story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/565101fff2c8860deedd599b7b0cff0660c663f6"},(0,n.kt)("inlineCode",{parentName:"a"},"565101f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(progress): update value color for accessibility error ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fc76f8ff3df4bf2b83863687e5ab6bd5e4cd1ef"},(0,n.kt)("inlineCode",{parentName:"a"},"6fc76f8"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card):use jsx extension ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/413d3284869a35f39f886df7862db6a52e8cc18e"},(0,n.kt)("inlineCode",{parentName:"a"},"413d328")))),(0,n.kt)("h4",{id:"-internal-changes-24"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"chore(Avatar) : add container to stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/41b748cd23002d597d9b6fbb7947a443ef40f9b2"},(0,n.kt)("inlineCode",{parentName:"a"},"41b748c"))),(0,n.kt)("li",{parentName:"ul"},"style(OrderedList): prettier fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ed95e4dea2f33d46ca604e1b2c30d63b5596c03d"},(0,n.kt)("inlineCode",{parentName:"a"},"ed95e4d")))),(0,n.kt)("h4",{id:"\ufe0f-others-63"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"perf(eol): change to LF ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c71e42e4a8cf49c4a3b943bfdc8a94c9a9cc4940"},(0,n.kt)("inlineCode",{parentName:"a"},"c71e42e"))),(0,n.kt)("li",{parentName:"ul"},"perf(eol): linux eol ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e0bb30132904f92b9755356f6b5ccbf72075425"},(0,n.kt)("inlineCode",{parentName:"a"},"6e0bb30"))),(0,n.kt)("li",{parentName:"ul"},"lint fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a68866d4058f7412a2635371adebc370b6445281"},(0,n.kt)("inlineCode",{parentName:"a"},"a68866d"))),(0,n.kt)("li",{parentName:"ul"},"perf(eol): lf fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7054b2067b0802c5bd04e185cba76e2577ccfdd1"},(0,n.kt)("inlineCode",{parentName:"a"},"7054b20"))),(0,n.kt)("li",{parentName:"ul"},"doco(list): update Ordered List showcase ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/75e40bf4487ea334c9ebc2dd6c2a392d82e662f3"},(0,n.kt)("inlineCode",{parentName:"a"},"75e40bf"))),(0,n.kt)("li",{parentName:"ul"},"perf(eol): lf fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19235e585ac50c3669f654a93798b8998894f900"},(0,n.kt)("inlineCode",{parentName:"a"},"19235e5"))),(0,n.kt)("li",{parentName:"ul"},"fixed js syntax error from previous commit ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37dc1f5c1506040c1f155afdea76c4ed739ddda2"},(0,n.kt)("inlineCode",{parentName:"a"},"37dc1f5"))),(0,n.kt)("li",{parentName:"ul"},"Next relese: 0.2.2 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b3fb40ff5e46d7519b6356fdaf7326780bd89d9e"},(0,n.kt)("inlineCode",{parentName:"a"},"b3fb40f")))),(0,n.kt)("h3",{id:"021---2022-04-08"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.2.0...0.2.1"},"0.2.1")," - 2022-04-08"),(0,n.kt)("h4",{id:"-bug-fixes-60"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(version): Switch to 2.0.0.alpha.1 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/83b8b8ebba4f1eb31514b16476ac23a5d2b03ea9"},(0,n.kt)("inlineCode",{parentName:"a"},"83b8b8e")))),(0,n.kt)("h4",{id:"\ufe0f-others-64"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"cleanup(loader): Remove useless HTML ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d1d180c714ea225c1ad269360413a5e5e4b39f22"},(0,n.kt)("inlineCode",{parentName:"a"},"d1d180c")))),(0,n.kt)("h3",{id:"020---2022-04-04"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.9...0.2.0"},"0.2.0")," - 2022-04-04"),(0,n.kt)("h4",{id:"-new-features-37"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(card) : add new default card color-schme ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/965adea8eef6d8729790f6d2bd5e71daeee15d75"},(0,n.kt)("inlineCode",{parentName:"a"},"965adea"))),(0,n.kt)("li",{parentName:"ul"},"feat(label): Handle slate links and footnotes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f382431219df29be498fe5063f3d579f0b918068"},(0,n.kt)("inlineCode",{parentName:"a"},"f382431")))),(0,n.kt)("h4",{id:"-bug-fixes-61"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(buttons,toggles): border and background color when active 147629 #139 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea36f31e986110d6c28c104d01666104ac38e2ba"},(0,n.kt)("inlineCode",{parentName:"a"},"ea36f31"))),(0,n.kt)("li",{parentName:"ul"},"fix(checkboxes): background color when they are toggles ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b6ab67085b7514c4f0ab2322e8f45de8bc09449"},(0,n.kt)("inlineCode",{parentName:"a"},"4b6ab67"))),(0,n.kt)("li",{parentName:"ul"},"fix(buttons): border set on basic buttons appearing on svg elements of Volto UI ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/69ca73f33b562b3f87bf11ce43a52ac01f83b951"},(0,n.kt)("inlineCode",{parentName:"a"},"69ca73f"))),(0,n.kt)("li",{parentName:"ul"},"fix(label): Zotero/Footnotes inside label ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0ee4d584f2771b739ed5f2332cb33aad61391786"},(0,n.kt)("inlineCode",{parentName:"a"},"0ee4d58"))),(0,n.kt)("li",{parentName:"ul"},"fix(card) : add control for image url in storybook ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b28e5303ba04c6aee673f1d7f98ce42037c672e1"},(0,n.kt)("inlineCode",{parentName:"a"},"b28e530"))),(0,n.kt)("li",{parentName:"ul"},"fix(less variables):change font family ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4bca9e0cb7ab9f1fd86e9f4c558382ec129e5a1"},(0,n.kt)("inlineCode",{parentName:"a"},"e4bca9e"))),(0,n.kt)("li",{parentName:"ul"},"fix(storybook):minor bug fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9fc53bcad61bbe0561d7a986dbba567d53777a8c"},(0,n.kt)("inlineCode",{parentName:"a"},"9fc53bc"))),(0,n.kt)("li",{parentName:"ul"},"fix(tag): fixes merged theme config ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eb30363fda8a8a88155ee05268c4d7660fe99df1"},(0,n.kt)("inlineCode",{parentName:"a"},"eb30363"))),(0,n.kt)("li",{parentName:"ul"},"fix(Banner): prop types fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a270e5b4d6e571f219b5da31ca8f883f74da05e3"},(0,n.kt)("inlineCode",{parentName:"a"},"a270e5b")))),(0,n.kt)("h4",{id:"-enhancements-68"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(tag): splits Tags component to TagList and tag, changes default tags style ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/78a5f8c245149706a1f7b825ef3e02da5ba86445"},(0,n.kt)("inlineCode",{parentName:"a"},"78a5f8c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Banner):add banner share pop up in banner story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c9688b2b697c879bbaed3cb3a688a0af7fc71234"},(0,n.kt)("inlineCode",{parentName:"a"},"c9688b2"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tag): remove classes and actions that add background color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce9b6f92589618f6cb1e839a2cddc44381ef7406"},(0,n.kt)("inlineCode",{parentName:"a"},"ce9b6f9"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Banner):change banner's image wrapper implementation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9153dd1073999e67c105b5ba90538bc963e17abc"},(0,n.kt)("inlineCode",{parentName:"a"},"9153dd1"))),(0,n.kt)("li",{parentName:"ul"},"change(package): bump release version to 1.10.0 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e984c1e1a6ea481a58a5b7a783d077b5769a621"},(0,n.kt)("inlineCode",{parentName:"a"},"7e984c1"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): align cards and images, update less variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d47c9780bfbc23d1cba3578f181864074db97e98"},(0,n.kt)("inlineCode",{parentName:"a"},"d47c978"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): add class inverted for default card ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/919a56e79c0243fa567144fadd4b842f75f1cf8f"},(0,n.kt)("inlineCode",{parentName:"a"},"919a56e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tag): changes component name ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e1db068bd7ac336a451a4514c61fe44557e14cc2"},(0,n.kt)("inlineCode",{parentName:"a"},"e1db068"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tag): changes color metallicBlue to bottleGreen ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4b68acf95bb3e192914aab89b2122e0434bf72c"},(0,n.kt)("inlineCode",{parentName:"a"},"e4b68ac"))),(0,n.kt)("li",{parentName:"ul"},"refactor(less variables): change tag list mobile view ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fcded3dbc67465eec6ef7f72d3fd599ec5cd3c13"},(0,n.kt)("inlineCode",{parentName:"a"},"fcded3d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tagList): update story to not use tag color classes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b5b61bfad9225c0538b713937ed39bbd0bd14e9"},(0,n.kt)("inlineCode",{parentName:"a"},"8b5b61b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Banner):minor bug fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff8c352b899b78528897547df0b20c357fd153cd"},(0,n.kt)("inlineCode",{parentName:"a"},"ff8c352"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Banner): add metadata field sub component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/327b7e77626c18ae783aea9efae0c7589f63d4f5"},(0,n.kt)("inlineCode",{parentName:"a"},"327b7e7"))),(0,n.kt)("li",{parentName:"ul"},"refactor(banner): add and adjust remix icon for banner action ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1bf3ffaa16432746c5e5577f0b1643f6659b3f56"},(0,n.kt)("inlineCode",{parentName:"a"},"1bf3ffa"))),(0,n.kt)("li",{parentName:"ul"},"refactor(banner): replace px with rem and adjust share popup padding ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5683294570227d0b25a99e410eb824b2c6d643c"},(0,n.kt)("inlineCode",{parentName:"a"},"a568329"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Banner):add type class to metadata field and apply styles to it ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/86a286699146c7dda9e288e2183ec8cc86f35a23"},(0,n.kt)("inlineCode",{parentName:"a"},"86a2866"))),(0,n.kt)("li",{parentName:"ul"},"refactor(less variables):change tag list styles ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/867008791545769aa003ef7a8a820a7e5a873e4b"},(0,n.kt)("inlineCode",{parentName:"a"},"8670087"))),(0,n.kt)("li",{parentName:"ul"},"refactor(banner): share items display flex on desktop ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ff86840e548f47cd597a0c76b23f996d4a9d74b"},(0,n.kt)("inlineCode",{parentName:"a"},"3ff8684"))),(0,n.kt)("li",{parentName:"ul"},"change(banner): added background gradient, share popup, metadata show and hide #136 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2f5dccacf1e23f45f351b0be58c9bbda04da1518"},(0,n.kt)("inlineCode",{parentName:"a"},"2f5dcca"))),(0,n.kt)("li",{parentName:"ul"},"refactor(banner): update gradient ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/570ee1e1e9778cb98757804fbd8ad7d9dee9ad13"},(0,n.kt)("inlineCode",{parentName:"a"},"570ee1e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tags): removes hardcoded ':' ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea58e86a79b46b5150d84ff2fbb6a7b8ba47876c"},(0,n.kt)("inlineCode",{parentName:"a"},"ea58e86"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card): remove card border ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bc777397026f0efe8e569c8fd0e90d98b585b0eb"},(0,n.kt)("inlineCode",{parentName:"a"},"bc77739")))),(0,n.kt)("h4",{id:"-internal-changes-25"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"style(card) : add lint and prettier changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9d9a77363f7e4f7ec2ea4db5fa777dc97e086156"},(0,n.kt)("inlineCode",{parentName:"a"},"9d9a773"))),(0,n.kt)("li",{parentName:"ul"},"style(tag): remove comments ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/501fcdfb8271f4a3558dadb96c546e71cfdef286"},(0,n.kt)("inlineCode",{parentName:"a"},"501fcdf"))),(0,n.kt)("li",{parentName:"ul"},"style(tag): stylelint and prettier changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/08b63864e8394fd86ada78df0b441cda52cd8063"},(0,n.kt)("inlineCode",{parentName:"a"},"08b6386")))),(0,n.kt)("h4",{id:"\ufe0f-others-65"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"1.10 release #140 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/88d33396845f00830789867663a9cd66ad88920f"},(0,n.kt)("inlineCode",{parentName:"a"},"88d3339"))),(0,n.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/328ef2cda2d3470b5cb5ae2ef9854323f6b0f3c7"},(0,n.kt)("inlineCode",{parentName:"a"},"328ef2c"))),(0,n.kt)("li",{parentName:"ul"},"undo changes to Header.jsx committed wrongly in 4b6ab ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bfc4c51d39cf9c5151c39b099071174897de10b0"},(0,n.kt)("inlineCode",{parentName:"a"},"bfc4c51"))),(0,n.kt)("li",{parentName:"ul"},"Update 0-intro.md ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af75f81a84ddb9b78a77a96450976c6cd1223924"},(0,n.kt)("inlineCode",{parentName:"a"},"af75f81"))),(0,n.kt)("li",{parentName:"ul"},"perf(eol): lf fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ecf474ffbaab6796434d49c30fb09deafe9d1125"},(0,n.kt)("inlineCode",{parentName:"a"},"ecf474f"))),(0,n.kt)("li",{parentName:"ul"},"Update 0-intro.md ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93a073242693fa3c24c39532c2c462f58071e5c4"},(0,n.kt)("inlineCode",{parentName:"a"},"93a0732"))),(0,n.kt)("li",{parentName:"ul"},"modifies tags title ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/33c3714660aa6cfbca7e362fd7baa8c396b60a0e"},(0,n.kt)("inlineCode",{parentName:"a"},"33c3714"))),(0,n.kt)("li",{parentName:"ul"},"reafactor(taglist): fixes tags root class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d09959f85d2d21cdc890a71457ed5840b5b2c53"},(0,n.kt)("inlineCode",{parentName:"a"},"7d09959")))),(0,n.kt)("h3",{id:"019---2022-03-25"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.8...0.1.9"},"0.1.9")," - 2022-03-25"),(0,n.kt)("h4",{id:"-new-features-38"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(all): 1.9 release #124 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0d3f6fbf32a4948e00410d9d0943a077863cb869"},(0,n.kt)("inlineCode",{parentName:"a"},"0d3f6fb"))),(0,n.kt)("li",{parentName:"ul"},"feat(callout): Align volto-slate callout with blockquote style ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9e0bb49ffe66ebb8b8173af411873ab887b91058"},(0,n.kt)("inlineCode",{parentName:"a"},"9e0bb49")))),(0,n.kt)("h4",{id:"-bug-fixes-62"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(inpageNavigation): restore hidden on top functionality ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c554e6e02e0c82b74653498e2f3fd32a982002a4"},(0,n.kt)("inlineCode",{parentName:"a"},"c554e6e"))),(0,n.kt)("li",{parentName:"ul"},"fix(list): Fix TOC margin on 3rd level ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f17da79394e29baf62bae1247dd954cdd0362108"},(0,n.kt)("inlineCode",{parentName:"a"},"f17da79"))),(0,n.kt)("li",{parentName:"ul"},"fix(inpageNavigation) : add smooth scroll animation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/42f6564276b9214257e2dbc1e2a8f7e501625aee"},(0,n.kt)("inlineCode",{parentName:"a"},"42f6564")))),(0,n.kt)("h4",{id:"-enhancements-69"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(footer): update visual and mobile margins ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/64f05af91638d91d2c07217b8edc2fb70a5e7347"},(0,n.kt)("inlineCode",{parentName:"a"},"64f05af"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): restore union dropdown after implementation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7029c556a9adc1ab9b0269de666e0ed0530f67e"},(0,n.kt)("inlineCode",{parentName:"a"},"a7029c5"))),(0,n.kt)("li",{parentName:"ul"},"refactor(pullquote): adjust to the new figma design ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/78e4606ac299938021f9e525898ae7f5cede311f"},(0,n.kt)("inlineCode",{parentName:"a"},"78e4606"))),(0,n.kt)("li",{parentName:"ul"},"refactor(breadcrumb): adjust font sizes and import remix divider ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5fcabaf589074716b34fb5d0904e14549d7f4ef2"},(0,n.kt)("inlineCode",{parentName:"a"},"5fcabaf"))),(0,n.kt)("li",{parentName:"ul"},"change(header): use viewport width for changing mobile text in header dropdowns ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5a7868e1725f8766ae1be68d3c27b1313f79196b"},(0,n.kt)("inlineCode",{parentName:"a"},"5a7868e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(inpageNavigation): adjust to the new figma design ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4073acfb87378224d071079467bcfa195b1fc6ac"},(0,n.kt)("inlineCode",{parentName:"a"},"4073acf"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tab): add max width for tab items ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/366d279a94d5f388c6167e7afb72d108c77c4085"},(0,n.kt)("inlineCode",{parentName:"a"},"366d279"))),(0,n.kt)("li",{parentName:"ul"},"refactor(less variables):change pullquote styles ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9ad94bb424a14713ffa605c7497c95bdefeb6e5f"},(0,n.kt)("inlineCode",{parentName:"a"},"9ad94bb"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Pullquote):change quote positions and add Pullquote.Metadata sub component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6bce35fa3cc158d9d18a07d0faf812c5c38bae0b"},(0,n.kt)("inlineCode",{parentName:"a"},"6bce35f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(inpageNavigation): Update to remix icons ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19a606170b4163cf4f751a419ca36a4c163b566d"},(0,n.kt)("inlineCode",{parentName:"a"},"19a6061"))),(0,n.kt)("li",{parentName:"ul"},"refactor(inpageNavigation) : move icon & text to be in column ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/09539102489ec511cb2b6cd047d316ab8b87ed55"},(0,n.kt)("inlineCode",{parentName:"a"},"0953910"))),(0,n.kt)("li",{parentName:"ul"},"change(breadcrumbs): modified breadcrumbs template to behave like breadrumb template ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/490a559bc99f3a9d174a344cf0be85086293578e"},(0,n.kt)("inlineCode",{parentName:"a"},"490a559"))),(0,n.kt)("li",{parentName:"ul"},"change(package): bump release version to 1.9.0 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/43a6e4b92fd05ca272fb140922213834ee426938"},(0,n.kt)("inlineCode",{parentName:"a"},"43a6e4b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(breadcrumb): adjust font sizes and import remix divider #120 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/09a3a01910ed898b62a9535fe5d2a41cfdb3a91b"},(0,n.kt)("inlineCode",{parentName:"a"},"09a3a01"))),(0,n.kt)("li",{parentName:"ul"},"change(menu): modified secondaryPointingItemMaxWidth to a value that equals to 250 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea138a10257206fae32c4e9a30233a3ddfd424b6"},(0,n.kt)("inlineCode",{parentName:"a"},"ea138a1"))),(0,n.kt)("li",{parentName:"ul"},"refactor(pullquote): introduce meta section, use remix icons, integrate slate callouts #119 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fd740c9e72b2defa5cc858ac020f0cb051aa527c"},(0,n.kt)("inlineCode",{parentName:"a"},"fd740c9"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer): updated visuals and gradients #117 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e5c6d18dc3fb33e5dfa654ecebdc12c6f5f0cf32"},(0,n.kt)("inlineCode",{parentName:"a"},"e5c6d18"))),(0,n.kt)("li",{parentName:"ul"},"change(scrollToTop): feature inpage navigation revamp #121 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3cf20a82b723b8df0b53f16c737e5c8990f891f1"},(0,n.kt)("inlineCode",{parentName:"a"},"3cf20a8"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer): update visual and gradient ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/764ec23a456397b478456f7d628baa4e6c0b4713"},(0,n.kt)("inlineCode",{parentName:"a"},"764ec23"))),(0,n.kt)("li",{parentName:"ul"},"change(header): use 12px font size for mobile resolution dropdowns ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6dad0fab24f37f87696bb50f5a592e88510d053e"},(0,n.kt)("inlineCode",{parentName:"a"},"6dad0fa"))),(0,n.kt)("li",{parentName:"ul"},"change(nav): added navDepth to 3 in order to enable mega menu integration ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4f73fdd0dfadcd63b2f4be7a691bf12dcd9bb76"},(0,n.kt)("inlineCode",{parentName:"a"},"c4f73fd")))),(0,n.kt)("h4",{id:"-internal-changes-26"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"style(inpageNavigation) : lint changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3641d78374063904c00f1ba19f2f234f7a43892b"},(0,n.kt)("inlineCode",{parentName:"a"},"3641d78"))),(0,n.kt)("li",{parentName:"ul"},"style(inpageNavigation) : add less variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0699c70c66403ff75bf41ba252a74e9f4379671c"},(0,n.kt)("inlineCode",{parentName:"a"},"0699c70"))),(0,n.kt)("li",{parentName:"ul"},"style(pullquote): create variable for icon font size ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fea9b0a7c33237ad036522b4dde567718d640210"},(0,n.kt)("inlineCode",{parentName:"a"},"fea9b0a"))),(0,n.kt)("li",{parentName:"ul"},"style(inpageNavigation) : add lint & prettier changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8dd012a964e0c1f0bc22c36826a4a94bd052759"},(0,n.kt)("inlineCode",{parentName:"a"},"f8dd012"))),(0,n.kt)("li",{parentName:"ul"},"style(inpageNavigation): remove comment ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1aee011d032c1a2b7fe564a40688bc39ca457c18"},(0,n.kt)("inlineCode",{parentName:"a"},"1aee011")))),(0,n.kt)("h4",{id:"\ufe0f-others-66"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/85a3dc55c7676c0feb8dd5b39fe0cbb9d66a9370"},(0,n.kt)("inlineCode",{parentName:"a"},"85a3dc5"))),(0,n.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00776211ccfa1cb90d9fa0e5269f47f5b3845741"},(0,n.kt)("inlineCode",{parentName:"a"},"0077621"))),(0,n.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f1bb1c630edb669b03929a978cc116bae012255"},(0,n.kt)("inlineCode",{parentName:"a"},"9f1bb1c"))),(0,n.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2b19fec30d6086f486bdca631a9114d8369fe43"},(0,n.kt)("inlineCode",{parentName:"a"},"e2b19fe"))),(0,n.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/03dbc9b027578934f89d9480d981e1bc28f38aa3"},(0,n.kt)("inlineCode",{parentName:"a"},"03dbc9b"))),(0,n.kt)("li",{parentName:"ul"},"Hide breadcrumbs on homepage ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e2f609df8d4b6bdb826e539fc0c613406d357a5"},(0,n.kt)("inlineCode",{parentName:"a"},"3e2f609"))),(0,n.kt)("li",{parentName:"ul"},"bug(inpageNavigation): less layers structure fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8d34fbdd5130ed36157db1ff70e8b039faa9f81"},(0,n.kt)("inlineCode",{parentName:"a"},"b8d34fb"))),(0,n.kt)("li",{parentName:"ul"},"prettier fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4b1c572411cbc58dec51d5eeefe9847675c2e41"},(0,n.kt)("inlineCode",{parentName:"a"},"d4b1c57"))),(0,n.kt)("li",{parentName:"ul"},"fefactor(tab): add max width for tab items #118 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/716c408fa4c73f3feb8e36e35fb1f6bb50ac264c"},(0,n.kt)("inlineCode",{parentName:"a"},"716c408"))),(0,n.kt)("li",{parentName:"ul"},"Add reversed option to Timeline grid ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7c9023245f2fc943380f79743b5f10c6b6f65264"},(0,n.kt)("inlineCode",{parentName:"a"},"7c90232"))),(0,n.kt)("li",{parentName:"ul"},"doc(grid): update grid showcases ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/83671a382e39a2736c2c1353098d5f4fc2a0e67e"},(0,n.kt)("inlineCode",{parentName:"a"},"83671a3"))),(0,n.kt)("li",{parentName:"ul"},"End of line ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7f46fb752ec8918325ebadd386ee88248e02566c"},(0,n.kt)("inlineCode",{parentName:"a"},"7f46fb7")))),(0,n.kt)("h3",{id:"018---2022-03-18"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.7...0.1.8"},"0.1.8")," - 2022-03-18"),(0,n.kt)("h4",{id:"-bug-fixes-63"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(card): avoid long links from spilling outside of card body area ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95b8951ab87bfab7a68cc20b89b25aa15113aa9d"},(0,n.kt)("inlineCode",{parentName:"a"},"95b8951")))),(0,n.kt)("h4",{id:"-enhancements-70"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"change(typography): set heading sizes as detailed in docusaurus typography section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/189bf20409581587061ffa30ff2bf04d97f284cf"},(0,n.kt)("inlineCode",{parentName:"a"},"189bf20"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): content tweaks, inpage navigation section #112 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b62d1b1def7c3d8890ffbba30950e8e422e9ed89"},(0,n.kt)("inlineCode",{parentName:"a"},"b62d1b1")))),(0,n.kt)("h4",{id:"-internal-changes-27"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"chore(docusaurus): fixed grid tablet breakpoint value ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c7fbc0912131396e3a1e35803968eda1eff77d40"},(0,n.kt)("inlineCode",{parentName:"a"},"c7fbc09")))),(0,n.kt)("h4",{id:"-documentation-changes-22"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus): capitalization remove ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bf8fa4407e7110da1c6a911506d56800bd5c32d7"},(0,n.kt)("inlineCode",{parentName:"a"},"bf8fa44"))),(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus): update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1c04976a141324f0dde01b139a77f611e6f51840"},(0,n.kt)("inlineCode",{parentName:"a"},"1c04976"))),(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus): comment address on pr 112 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e4fe3bed285eae8b2cff03b1ef558debc0b4edb"},(0,n.kt)("inlineCode",{parentName:"a"},"6e4fe3b"))),(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus): color minor update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/13f9fda09287da5b8733d17f9c7567b6b7df750a"},(0,n.kt)("inlineCode",{parentName:"a"},"13f9fda"))),(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus): tabs and breadcrump update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d0547e5ad09a8608335b1e77e24c891e49213694"},(0,n.kt)("inlineCode",{parentName:"a"},"d0547e5")))),(0,n.kt)("h4",{id:"\ufe0f-others-67"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"doc(colours): add more content ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec66248f1290369dcf63ee12f7b71a1630df887b"},(0,n.kt)("inlineCode",{parentName:"a"},"ec66248"))),(0,n.kt)("li",{parentName:"ul"},"Add divider content for metadata field in Banner ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f1e34bd6a199f6418fba909e9dfdf50b0100e860"},(0,n.kt)("inlineCode",{parentName:"a"},"f1e34bd"))),(0,n.kt)("li",{parentName:"ul"},"Release 1.8.0 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fd6ba047e8f8b257c3c75d07a6caefad376f888a"},(0,n.kt)("inlineCode",{parentName:"a"},"fd6ba04")))),(0,n.kt)("h3",{id:"017---2022-03-15"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.6...0.1.7"},"0.1.7")," - 2022-03-15"),(0,n.kt)("h4",{id:"-new-features-39"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(less): add global gap sizes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c83f20280b8a7ab0b5c78e3df7646beebe08709"},(0,n.kt)("inlineCode",{parentName:"a"},"3c83f20"))),(0,n.kt)("li",{parentName:"ul"},"feat(icons): import remix css ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/29967fb39034910dce286880f347a670f77421b3"},(0,n.kt)("inlineCode",{parentName:"a"},"29967fb")))),(0,n.kt)("h4",{id:"-bug-fixes-64"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(menu): fix border overflow for tabs and pagination ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e88721f916affa2a6d2f03930eb4266f9a2b0fb9"},(0,n.kt)("inlineCode",{parentName:"a"},"e88721f"))),(0,n.kt)("li",{parentName:"ul"},"fix(accordion): responsive and accessibility issues ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c225935ceb9fdba45c6f94086a35e177495fe584"},(0,n.kt)("inlineCode",{parentName:"a"},"c225935")))),(0,n.kt)("h4",{id:"-enhancements-71"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(menu): update paddings for tabs and pagination ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/533a5093e6c306034cb16e0a88e045019677951e"},(0,n.kt)("inlineCode",{parentName:"a"},"533a509"))),(0,n.kt)("li",{parentName:"ul"},"refactor(accordion): import semantic icon for remix arrows ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9aa77d856d1e43f4ec3daaab37f06fa91ebd1eaf"},(0,n.kt)("inlineCode",{parentName:"a"},"9aa77d8"))),(0,n.kt)("li",{parentName:"ul"},"refactor(all) icons, accordion, button and menu itml #108 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/52ed2ca19b5e8dea60f1ee7bfd9c3b6b49a49f7d"},(0,n.kt)("inlineCode",{parentName:"a"},"52ed2ca"))),(0,n.kt)("li",{parentName:"ul"},"change(storybook): segment stories now contain several elements ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/98a7654b0d4a7c30c7a2df35103ddb2740f3ca2d"},(0,n.kt)("inlineCode",{parentName:"a"},"98a7654"))),(0,n.kt)("li",{parentName:"ul"},"change(table): inherit header alignment instead of hard-coding values ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ebb5193babfe8b99094db6778afdaf2d91b2c4dd"},(0,n.kt)("inlineCode",{parentName:"a"},"ebb5193"))),(0,n.kt)("li",{parentName:"ul"},"refactor(icons): add remix icons ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4c1a92b671b52c509386addc02e8919c93391fb"},(0,n.kt)("inlineCode",{parentName:"a"},"c4c1a92"))),(0,n.kt)("li",{parentName:"ul"},"refactor(container): restore mobile width to auto ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2df184c19a8685c69e6b9a55b147a97853cc6b74"},(0,n.kt)("inlineCode",{parentName:"a"},"2df184c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(button): update action button hover color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb09d718433f93091ca1b325471d48741825ca96"},(0,n.kt)("inlineCode",{parentName:"a"},"bb09d71")))),(0,n.kt)("h4",{id:"-internal-changes-28"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"chore(docusaurus): docs delete ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f9d733287902ccb096f5a976a2928e43a43a8e7"},(0,n.kt)("inlineCode",{parentName:"a"},"5f9d733")))),(0,n.kt)("h4",{id:"-documentation-changes-23"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(colors): corrections ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/da64c4c6b58e8840ea98be75d442b90911197e28"},(0,n.kt)("inlineCode",{parentName:"a"},"da64c4c"))),(0,n.kt)("li",{parentName:"ul"},"docs(list): default list showcase ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8ded06231c14d1394f77559aeb2d5a7e3a0c1bf1"},(0,n.kt)("inlineCode",{parentName:"a"},"8ded062")))),(0,n.kt)("h4",{id:"\ufe0f-others-68"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"bug(form): input min-width more specific to not break volto interface ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3f5b5d498ea1a0e3bb6fd62af5930f6579029b11"},(0,n.kt)("inlineCode",{parentName:"a"},"3f5b5d4"))),(0,n.kt)("li",{parentName:"ul"},"Update package.json ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3dba28b5a3d28adbf946a8df3d9cc9b8ef4c68e0"},(0,n.kt)("inlineCode",{parentName:"a"},"3dba28b")))),(0,n.kt)("h3",{id:"016---2022-03-11"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.5...0.1.6"},"0.1.6")," - 2022-03-11"),(0,n.kt)("h4",{id:"-new-features-40"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(cards): add custom display for volto-block-image-cards ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/645096ac5a0aa3326834191f56ee8a77db0464f5"},(0,n.kt)("inlineCode",{parentName:"a"},"645096a"))),(0,n.kt)("li",{parentName:"ul"},"feat(PublicationCard):create publication card component & styles ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e5f9b7a9bb301f446b232b99f7db54e6a7470ae"},(0,n.kt)("inlineCode",{parentName:"a"},"3e5f9b7"))),(0,n.kt)("li",{parentName:"ul"},"feat(PublicationCard):create publication card component & styles ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/12cdd5d50dc4c05f2c2b83586df90c7b91c11a75"},(0,n.kt)("inlineCode",{parentName:"a"},"12cdd5d"))),(0,n.kt)("li",{parentName:"ul"},"feat(Related Content): create Related Content component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/77eda953196f9e686d4ec2c996d6902a614af4a0"},(0,n.kt)("inlineCode",{parentName:"a"},"77eda95"))),(0,n.kt)("li",{parentName:"ul"},"feat(Related Content): create Related Content component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/08d495baeae575a07813056176ac940d7edc91eb"},(0,n.kt)("inlineCode",{parentName:"a"},"08d495b"))),(0,n.kt)("li",{parentName:"ul"},"feat(pagination,related) added several r3 components #105 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/08d47c199286402c31a0ff0de38fd08533d2cd91"},(0,n.kt)("inlineCode",{parentName:"a"},"08d47c1")))),(0,n.kt)("h4",{id:"-bug-fixes-65"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(Related Content): limit publication card number to 4 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e7df03214824a85911c26499c8975f88ffa9fe4d"},(0,n.kt)("inlineCode",{parentName:"a"},"e7df032"))),(0,n.kt)("li",{parentName:"ul"},"fix(less variables):rename publication card variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/55c6fb8e5e9660352ce1bf2bd38c4ef8834ce184"},(0,n.kt)("inlineCode",{parentName:"a"},"55c6fb8"))),(0,n.kt)("li",{parentName:"ul"},"fix(Publication Card): add link to card and arg name fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36a7c961639b2ff07acd455ccf277dd0a93f753c"},(0,n.kt)("inlineCode",{parentName:"a"},"36a7c96"))),(0,n.kt)("li",{parentName:"ul"},"fix(radio): fix bullet scaling issue with firefox ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f02c95f18c77527f949f115471cf24302df4d49"},(0,n.kt)("inlineCode",{parentName:"a"},"5f02c95"))),(0,n.kt)("li",{parentName:"ul"},"fix(radio): fix bullet scaling issue with firefox ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dbb2e27b43e6d267a436a8475107ad01e940ec93"},(0,n.kt)("inlineCode",{parentName:"a"},"dbb2e27")))),(0,n.kt)("h4",{id:"-enhancements-72"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(form): remove custom classes and add container to form items ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b5442a3c56854bf30269f235099d8507ba588f7"},(0,n.kt)("inlineCode",{parentName:"a"},"6b5442a"))),(0,n.kt)("li",{parentName:"ul"},"refactor(form): remove custom classes and add container to form items ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d1ec083647f854c09d8a64dffa6a5c829321049e"},(0,n.kt)("inlineCode",{parentName:"a"},"d1ec083"))),(0,n.kt)("li",{parentName:"ul"},"refactor(form): update form wrapper component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7195768bbe86121fc82bebca29abfb20b50d77a"},(0,n.kt)("inlineCode",{parentName:"a"},"a719576"))),(0,n.kt)("li",{parentName:"ul"},"refactor(form): update form wrapper component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0736ec7d671d756c13a69bd8bf93488805da27e2"},(0,n.kt)("inlineCode",{parentName:"a"},"0736ec7"))),(0,n.kt)("li",{parentName:"ul"},"refactor(form): adjust form items to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4213cfb79430273e637b06a76af28c9cd660aa74"},(0,n.kt)("inlineCode",{parentName:"a"},"4213cfb"))),(0,n.kt)("li",{parentName:"ul"},"refactor(form): adjust form items to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/374ffbc1c380df1b1a5f9939fc658d9ecca4ae1b"},(0,n.kt)("inlineCode",{parentName:"a"},"374ffbc"))),(0,n.kt)("li",{parentName:"ul"},"refactor(breadcrumb): remove custom class anf and new variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b3cb83d90e0be7f8a80f619d57bc90cae4f8f207"},(0,n.kt)("inlineCode",{parentName:"a"},"b3cb83d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(breadcrumb): remove custom class anf and new variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5808ad3576439df010bebfb8fd423858ffc4e66"},(0,n.kt)("inlineCode",{parentName:"a"},"d5808ad"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): clear up unnecessary form elements controls ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f7e7d5bc285ea5115bc8770c7471729f06da891e"},(0,n.kt)("inlineCode",{parentName:"a"},"f7e7d5b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): small change in unordered list story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ffd87246df9dffcc064683e93d6f3aff35b3931"},(0,n.kt)("inlineCode",{parentName:"a"},"3ffd872"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): small change in unordered list story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ce16e990f15ef8c61493359815405517756c32c"},(0,n.kt)("inlineCode",{parentName:"a"},"6ce16e9"))),(0,n.kt)("li",{parentName:"ul"},"refactor(pagination): fix menu overrides for tabs that affects pagination ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fe8c4ca32072518820ad38f8b334b38f52ef2df5"},(0,n.kt)("inlineCode",{parentName:"a"},"fe8c4ca"))),(0,n.kt)("li",{parentName:"ul"},"refactor(pagination): fix menu overrides for tabs that affects pagination ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3f4b726c2a2047f6f9a65375074dd7ea38717f5c"},(0,n.kt)("inlineCode",{parentName:"a"},"3f4b726"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Loader):remove image & add background image ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70fe041e06cfee946bb9557f9fcb5ff49d08c287"},(0,n.kt)("inlineCode",{parentName:"a"},"70fe041"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Loader):remove image & add background image ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac3812684ee4377914801cd770890c78bdeecedf"},(0,n.kt)("inlineCode",{parentName:"a"},"ac38126"))),(0,n.kt)("li",{parentName:"ul"},"refactor(list): remove selection control ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a09b1798a62a6e192deb1d217d0c44b4b881ce6a"},(0,n.kt)("inlineCode",{parentName:"a"},"a09b179"))),(0,n.kt)("li",{parentName:"ul"},"refactor(list): remove selection control ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/17bf710d00a91acd35356dbaa9d5093ca80a8987"},(0,n.kt)("inlineCode",{parentName:"a"},"17bf710"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook):unordered list minor change ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df2b72730500aee5d0bbc82185222edacad38b2b"},(0,n.kt)("inlineCode",{parentName:"a"},"df2b727"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook):unordered list minor change ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef6db73ce2236d0f653212d2f57c336f1f8d806e"},(0,n.kt)("inlineCode",{parentName:"a"},"ef6db73"))),(0,n.kt)("li",{parentName:"ul"},"refactor(colors): remove metalic blue color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2f95b6dc3b1d8314827d56e88efa0dfc719aca2"},(0,n.kt)("inlineCode",{parentName:"a"},"b2f95b6"))),(0,n.kt)("li",{parentName:"ul"},"refactor(colors): remove metalic blue color ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1eea33f71fdde5834f82d244224c185fde3ab8ba"},(0,n.kt)("inlineCode",{parentName:"a"},"1eea33f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(button): update variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b1774d8c7f32ded2eff654b0d16e45d944fe5690"},(0,n.kt)("inlineCode",{parentName:"a"},"b1774d8"))),(0,n.kt)("li",{parentName:"ul"},"refactor(button): update variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/061f3e3042f28575dbb1a70f09a62bda728815be"},(0,n.kt)("inlineCode",{parentName:"a"},"061f3e3"))),(0,n.kt)("li",{parentName:"ul"},"change(blockquote): treat slate as a variation of blockquote component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19bd9a5f67e573b71531fe34b29d2e08e0856eae"},(0,n.kt)("inlineCode",{parentName:"a"},"19bd9a5"))),(0,n.kt)("li",{parentName:"ul"},"refactor(container): remove important from rules ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e984771ed59fe849246ae8a01d9d84f3f2f232c5"},(0,n.kt)("inlineCode",{parentName:"a"},"e984771"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook):add textarea control to add/remove fluid class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/475f540efa76d0993c3f7bd72d4c646385f4c909"},(0,n.kt)("inlineCode",{parentName:"a"},"475f540"))),(0,n.kt)("li",{parentName:"ul"},"refactor(container): remove important from rules ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1cc69848705d3d592221bf7fa7d43c8b0eb37f09"},(0,n.kt)("inlineCode",{parentName:"a"},"1cc6984"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): add required attribute to form fields ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fecee278b920c44dd0dd34ace81f9606258c8f7c"},(0,n.kt)("inlineCode",{parentName:"a"},"fecee27"))),(0,n.kt)("li",{parentName:"ul"},"refactor(progressBar): update progress bar colors with vars ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4ef1f0f6eba9792901bc9e0ec5b01877e9da96e"},(0,n.kt)("inlineCode",{parentName:"a"},"c4ef1f0"))),(0,n.kt)("li",{parentName:"ul"},"refactor(progressBar): update progress bar colors with vars ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a44d73c48b6ccc988508fed5c3fb585353fe0958"},(0,n.kt)("inlineCode",{parentName:"a"},"a44d73c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): add required attribute to form fields ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/21da79eafa9f23dcf01cac7e096da7fab2187450"},(0,n.kt)("inlineCode",{parentName:"a"},"21da79e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(list): adjust bullet size ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b29e4e429f939500bc7d7ebd5836b8bc24090ec"},(0,n.kt)("inlineCode",{parentName:"a"},"2b29e4e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(list): adjust bullet size ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/61c341cfdad3fccdd7499f6957f91ab99159ea16"},(0,n.kt)("inlineCode",{parentName:"a"},"61c341c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(statistic): add inverted background to global variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1427e70f2b208531bbb91ab1a708430f1c03ea3a"},(0,n.kt)("inlineCode",{parentName:"a"},"1427e70"))),(0,n.kt)("li",{parentName:"ul"},"refactor(statistic): add inverted background to global variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea25dfa5589181b7d23bef153bae3ab279e70167"},(0,n.kt)("inlineCode",{parentName:"a"},"ea25dfa"))),(0,n.kt)("li",{parentName:"ul"},"refactor(statistic): remove custom class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/46cc5601e378c7bfcf927b7c25dae2a2d3f795fd"},(0,n.kt)("inlineCode",{parentName:"a"},"46cc560"))),(0,n.kt)("li",{parentName:"ul"},"refactor(container): update mobile width ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d548a44d86745270778134028be597f559d7a0b4"},(0,n.kt)("inlineCode",{parentName:"a"},"d548a44"))),(0,n.kt)("li",{parentName:"ul"},"refactor(grid): replace px with rem units ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e792f51e4f41b8f3f53e297b9e5a01d5e2d9bfb1"},(0,n.kt)("inlineCode",{parentName:"a"},"e792f51"))),(0,n.kt)("li",{parentName:"ul"},"refactor(statistic): remove custom class ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b5c8e7c2aeb2751d4b981eacc51e3dda58a922dc"},(0,n.kt)("inlineCode",{parentName:"a"},"b5c8e7c"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): updated template to change what's new title ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e15f4d3c3e5d4199886bb4cfeda8dce6a4bf041"},(0,n.kt)("inlineCode",{parentName:"a"},"3e15f4d"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): added display variable for footer site logos ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5b3c2f6d85b3a42eefa8521a074a7581bfbd8fb"},(0,n.kt)("inlineCode",{parentName:"a"},"d5b3c2f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(grid): replace px with rem units ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f0331d00f537cf41ca184796386f60a88bfe6c86"},(0,n.kt)("inlineCode",{parentName:"a"},"f0331d0"))),(0,n.kt)("li",{parentName:"ul"},"change(github): auto deploy only on develop branch ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/11d6b4e9059674b6dd1fe655995231be03a910fb"},(0,n.kt)("inlineCode",{parentName:"a"},"11d6b4e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): implementation in preparation for Volto integration #20 #89 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95b136d51ddbc5632c0fa1cc696c2297a8c4695c"},(0,n.kt)("inlineCode",{parentName:"a"},"95b136d"))),(0,n.kt)("li",{parentName:"ul"},"change(github): trigger autobuild when modifying templates contents ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/46094b1427793cd88da6f615b16b70e6cfaee9af"},(0,n.kt)("inlineCode",{parentName:"a"},"46094b1")))),(0,n.kt)("h4",{id:"-internal-changes-29"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"style(list): prettier fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f9e3b05effc0afeddc234b491bc86f2ec82a764f"},(0,n.kt)("inlineCode",{parentName:"a"},"f9e3b05"))),(0,n.kt)("li",{parentName:"ul"},"style(list): prettier fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8eb715b05b3bef2795d2485084386c6e910392cf"},(0,n.kt)("inlineCode",{parentName:"a"},"8eb715b"))),(0,n.kt)("li",{parentName:"ul"},"chore(github): merge changes from develop to develop-itml ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/063bd6ecc5e47321854ca4994a91bf0a43ab3e3e"},(0,n.kt)("inlineCode",{parentName:"a"},"063bd6e"))),(0,n.kt)("li",{parentName:"ul"},"chore(github): build deployment only on develop branch ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5a1b0802b46d674d04ae099afc8510e3cb62222"},(0,n.kt)("inlineCode",{parentName:"a"},"a5a1b08"))),(0,n.kt)("li",{parentName:"ul"},"chore(github): build deployment only on develop branch ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb455aa4308e6593c45bcb3a62b8058709d74f83"},(0,n.kt)("inlineCode",{parentName:"a"},"bb455aa"))),(0,n.kt)("li",{parentName:"ul"},"chore(github): merge changes from develop to develop-itml ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/129c12f60025db50bac5b2d3dd36e04a97d49499"},(0,n.kt)("inlineCode",{parentName:"a"},"129c12f")))),(0,n.kt)("h4",{id:"\ufe0f-others-69"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},'Revert "chore(github): merge changes from develop to develop-itml" ',(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca9520fe8d91f8924ea203eb32001e3e6518e472"},(0,n.kt)("inlineCode",{parentName:"a"},"ca9520f"))),(0,n.kt)("li",{parentName:"ul"},"refactor breadcrumbs component, make it functional and customizable ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e902d6931060c5676d67842f95391379fcb3cccf"},(0,n.kt)("inlineCode",{parentName:"a"},"e902d69"))),(0,n.kt)("li",{parentName:"ul"},"rollback(cards): move custom display to volto-block-image-cards ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2564b1ec2cc52670c0f2abc92c49161f5cd1b006"},(0,n.kt)("inlineCode",{parentName:"a"},"2564b1e"))),(0,n.kt)("li",{parentName:"ul"},"bring back segment wrapper and make it attached ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8458f0321f44f22a605e7179485d97f41a0afa38"},(0,n.kt)("inlineCode",{parentName:"a"},"8458f03"))),(0,n.kt)("li",{parentName:"ul"},"no ",(0,n.kt)("inlineCode",{parentName:"li"},"display: flex")," for blockquote added from slate ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5595ce1b8173e6952ab3926dc5f3c988279a42dc"},(0,n.kt)("inlineCode",{parentName:"a"},"5595ce1"))),(0,n.kt)("li",{parentName:"ul"},"Add rule about code length ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5f36523682dde8d1e16f416a07cd0c8c615a386"},(0,n.kt)("inlineCode",{parentName:"a"},"a5f3652"))),(0,n.kt)("li",{parentName:"ul"},"Add indenting rule ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15c44cbcb6a52d0fd0438ff9b5d0e5963a4b53a0"},(0,n.kt)("inlineCode",{parentName:"a"},"15c44cb"))),(0,n.kt)("li",{parentName:"ul"},"fix warning related to proptype ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/946c6c6bc9dece0985ae4b9f9cad6ece2be0ff2c"},(0,n.kt)("inlineCode",{parentName:"a"},"946c6c6"))),(0,n.kt)("li",{parentName:"ul"},"fix profile section css overflow ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/db5126fc902e191d1e18fb7e4c54877c8d8786e6"},(0,n.kt)("inlineCode",{parentName:"a"},"db5126f"))),(0,n.kt)("li",{parentName:"ul"},"Add rule about import sorting ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/804e188eea30427053111310ad2d3edf6a4ec78b"},(0,n.kt)("inlineCode",{parentName:"a"},"804e188"))),(0,n.kt)("li",{parentName:"ul"},"don't use volto-slate ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6a029765d3a59ac65b3b5dd18c1a9624bae1d52a"},(0,n.kt)("inlineCode",{parentName:"a"},"6a02976"))),(0,n.kt)("li",{parentName:"ul"},"remove segment custom width ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d3ea40f98bbdc1eab95b4da739a659b5e29ec16"},(0,n.kt)("inlineCode",{parentName:"a"},"1d3ea40"))),(0,n.kt)("li",{parentName:"ul"},"Add rule about naming vars ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f9020fa3073190681de36cf1dcdf62e69ac2c74"},(0,n.kt)("inlineCode",{parentName:"a"},"8f9020f"))),(0,n.kt)("li",{parentName:"ul"},"update style for accordion title ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0b0d678c69d8b0765ff015b0355c01d57c643192"},(0,n.kt)("inlineCode",{parentName:"a"},"0b0d678"))),(0,n.kt)("li",{parentName:"ul"},"Release 1.6.0 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e771e657e5bedca3630d05cda643c45da5369d4c"},(0,n.kt)("inlineCode",{parentName:"a"},"e771e65"))),(0,n.kt)("li",{parentName:"ul"},"update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bbcab87ef4c8475f347f0daf4ab7e428e69c2316"},(0,n.kt)("inlineCode",{parentName:"a"},"bbcab87"))),(0,n.kt)("li",{parentName:"ul"},"add margin to ","<","br",">"," element to simulate gap as in design ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c6685c11a14febfc9b6c592a9adc9a25a0b80458"},(0,n.kt)("inlineCode",{parentName:"a"},"c6685c1"))),(0,n.kt)("li",{parentName:"ul"},"make breadcrumbs default size as tiny ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/589581fa29a7e249e59393bebe9dfe284090db6f"},(0,n.kt)("inlineCode",{parentName:"a"},"589581f"))),(0,n.kt)("li",{parentName:"ul"},"remove uneeded style ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/82a8fb1eb3a359d54bc59234e498eb122d07223c"},(0,n.kt)("inlineCode",{parentName:"a"},"82a8fb1"))),(0,n.kt)("li",{parentName:"ul"},"Add rule about hardcoded values ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e04e0df7cd47d575e649d1995ea5c64b2a431b05"},(0,n.kt)("inlineCode",{parentName:"a"},"e04e0df"))),(0,n.kt)("li",{parentName:"ul"},"Add file mode rule ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65c9a9357a82a39bf54862eff9231264a6277ab5"},(0,n.kt)("inlineCode",{parentName:"a"},"65c9a93"))),(0,n.kt)("li",{parentName:"ul"},"Add DRY rule ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/66c9c3a6b05bf3395f5bda1a7c5af26a9962e66c"},(0,n.kt)("inlineCode",{parentName:"a"},"66c9c3a"))),(0,n.kt)("li",{parentName:"ul"},"set profile section overflow to auto ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/71ab47f89a433233c14b394c3824e607dd18a393"},(0,n.kt)("inlineCode",{parentName:"a"},"71ab47f"))),(0,n.kt)("li",{parentName:"ul"},"Add Sonarqube tag using eea-website-frontend addons list ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/647a6e3e2093f2c4884c356eb148453551c8f33f"},(0,n.kt)("inlineCode",{parentName:"a"},"647a6e3"))),(0,n.kt)("li",{parentName:"ul"},"removed override already present in card.less ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/50d2ab26f85c8f409da02ec128cc1df34848ca69"},(0,n.kt)("inlineCode",{parentName:"a"},"50d2ab2"))),(0,n.kt)("li",{parentName:"ul"},"update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a1d482aa875ab2669ed688663228d79ce9b7bea"},(0,n.kt)("inlineCode",{parentName:"a"},"7a1d482"))),(0,n.kt)("li",{parentName:"ul"},"Add functional components rule; add classnames rule ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91a0b067c7a36002a6d49c5c0238f593b5a6ac6e"},(0,n.kt)("inlineCode",{parentName:"a"},"91a0b06"))),(0,n.kt)("li",{parentName:"ul"},"added comment about need for removal of this fix later ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65b81665c1cc41991b4903bb44a5eb7fb8ec5f3b"},(0,n.kt)("inlineCode",{parentName:"a"},"65b8166")))),(0,n.kt)("h3",{id:"015---2022-03-08"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.4...0.1.5"},"0.1.5")," - 2022-03-08"),(0,n.kt)("h4",{id:"-new-features-41"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(cards): add custom display for volto-block-image-cards ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f49ffb65f41c78499f56251c2de267ce5617b4c5"},(0,n.kt)("inlineCode",{parentName:"a"},"f49ffb6"))),(0,n.kt)("li",{parentName:"ul"},"feat(KeyContent): add new component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2534c542c2fd729b31a9064a21dae2bd3cacb2e4"},(0,n.kt)("inlineCode",{parentName:"a"},"2534c54"))),(0,n.kt)("li",{parentName:"ul"},"feat(docusaurus): Updated developer guidelines ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca146ffd42cb31286a5c49fa09390d0a93270cfa"},(0,n.kt)("inlineCode",{parentName:"a"},"ca146ff"))),(0,n.kt)("li",{parentName:"ul"},"feat(storybook): add testimonial component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/55d97472d82f3819674e78f684e197625c9f854c"},(0,n.kt)("inlineCode",{parentName:"a"},"55d9747"))),(0,n.kt)("li",{parentName:"ul"},"feat(storybook): add AvatarGrid component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b6684456ea6fa17695734b5179b39be77644da93"},(0,n.kt)("inlineCode",{parentName:"a"},"b668445"))),(0,n.kt)("li",{parentName:"ul"},"feat(storybook):add Loader component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6758346a516f7c4be5d66dfdf198dbe2ffe3f01"},(0,n.kt)("inlineCode",{parentName:"a"},"f675834")))),(0,n.kt)("h4",{id:"-bug-fixes-66"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(breakpoints): fix largest screen breakpoint bug on scaling ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4a11c876c20187351fa9454b4fbf0de3e502bff"},(0,n.kt)("inlineCode",{parentName:"a"},"e4a11c8"))),(0,n.kt)("li",{parentName:"ul"},"fix(profile): section css overflow and padding issues #95 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb9eb0f83307524bda5cf86aa0dfd678c65da653"},(0,n.kt)("inlineCode",{parentName:"a"},"bb9eb0f"))),(0,n.kt)("li",{parentName:"ul"},"fix(storybook): lint auto changes for AvatarGrid ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8e74f17df77f8f9f96bf442dc178417bbfc04c6"},(0,n.kt)("inlineCode",{parentName:"a"},"b8e74f1"))),(0,n.kt)("li",{parentName:"ul"},"fix(components): add grid structure to various components ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc33546deda634cee6031bd6cde6eef3eaacb76a"},(0,n.kt)("inlineCode",{parentName:"a"},"cc33546"))),(0,n.kt)("li",{parentName:"ul"},"fix(header) re-added span tags removed in pull request #74 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00702d7831b84aad52f10368dbef740baf581ab8"},(0,n.kt)("inlineCode",{parentName:"a"},"00702d7")))),(0,n.kt)("h4",{id:"-enhancements-73"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(button): styling updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37afda5b00797d456e303fb585dad145b575b2ed"},(0,n.kt)("inlineCode",{parentName:"a"},"37afda5"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tab): updates on variables and overrides ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/54bf703f9f34f2f945f4635cd4bc4728174c7d47"},(0,n.kt)("inlineCode",{parentName:"a"},"54bf703"))),(0,n.kt)("li",{parentName:"ul"},"change(blockquote): treat slate as a variation of blockquote component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5e8a8b8220c7c25a266f045442aae44303eb8701"},(0,n.kt)("inlineCode",{parentName:"a"},"5e8a8b8"))),(0,n.kt)("li",{parentName:"ul"},"change(footer): added display variable for footer site logos ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2f942b4a80c3ed9eb94e8b71299f4ebf33501eea"},(0,n.kt)("inlineCode",{parentName:"a"},"2f942b4"))),(0,n.kt)("li",{parentName:"ul"},"refactor(checkbox/radio): remove header from message and adjust top position of bullet ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a072b30bb01cf59339960cfd3254584cfae57c6"},(0,n.kt)("inlineCode",{parentName:"a"},"4a072b3"))),(0,n.kt)("li",{parentName:"ul"},"refactor(color): remove secondaryColorDarken variable ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/74c8ba073cc92af3987d81d484768235b95fcffb"},(0,n.kt)("inlineCode",{parentName:"a"},"74c8ba0"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus): updated template to change what's new title ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/58f58c887560e707ced47ccbac6897d8ebcf45d2"},(0,n.kt)("inlineCode",{parentName:"a"},"58f58c8"))),(0,n.kt)("li",{parentName:"ul"},"change(github): auto deploy only on develop branch ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bfa35a32bf0fefd4433aec4f7f8ee2cfe53eaae5"},(0,n.kt)("inlineCode",{parentName:"a"},"bfa35a3"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): implementation in preparation for Volto integration #20 #97 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cddda2090d3d17c086dfd0cdb8a4dab3f886bfcd"},(0,n.kt)("inlineCode",{parentName:"a"},"cddda20"))),(0,n.kt)("li",{parentName:"ul"},"refactor(breadcrumbs): component, make it functional and pluggable #32 #94 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f42e802bdf29d02c76131379b168c8c2119864b"},(0,n.kt)("inlineCode",{parentName:"a"},"9f42e80"))),(0,n.kt)("li",{parentName:"ul"},"change(card): added styles for volto cards integration #92 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a46ac21e6229059fb982174610a733c44000a2b6"},(0,n.kt)("inlineCode",{parentName:"a"},"a46ac21"))),(0,n.kt)("li",{parentName:"ul"},"refactor(grid): remove column count from example ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac0e9cf8e9f6ea99ddf8d5a92e49903999cde262"},(0,n.kt)("inlineCode",{parentName:"a"},"ac0e9cf"))),(0,n.kt)("li",{parentName:"ul"},"change(github): trigger autobuild when modifying templates contents ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f7d1523e92c1c4b3e6285a48d5f8c776aecfa9c"},(0,n.kt)("inlineCode",{parentName:"a"},"5f7d152"))),(0,n.kt)("li",{parentName:"ul"},"refactor(grid): remove custom grid ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d978a96a464b3285961d54cb1cbc7c9eaf35faf"},(0,n.kt)("inlineCode",{parentName:"a"},"1d978a9"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Form):change form field wrapper implementation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/73cdd6daba19aefce091552a62a528a42b323228"},(0,n.kt)("inlineCode",{parentName:"a"},"73cdd6d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(message): update colors to match design ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/633ce311dc5a6a141ee514a9108753531aa661e4"},(0,n.kt)("inlineCode",{parentName:"a"},"633ce31"))),(0,n.kt)("li",{parentName:"ul"},"refactor(checkbox/radio): update variables and remove important rules ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad533b4e3e821c126f62b558523057720d2573c8"},(0,n.kt)("inlineCode",{parentName:"a"},"ad533b4"))),(0,n.kt)("li",{parentName:"ul"},"refactor(less variables): add variables to less for new components ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/47df026655748865bc7af8f44d51e5a9fcf7ee34"},(0,n.kt)("inlineCode",{parentName:"a"},"47df026"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Tab): fix vertical tab alignment ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/401bdf2868e8c8305ad2c3cefa3188b730348574"},(0,n.kt)("inlineCode",{parentName:"a"},"401bdf2"))),(0,n.kt)("li",{parentName:"ul"},"refactor(lint changes): add lint changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6f6847fc19db7922c93cb5f52e50db845d053e04"},(0,n.kt)("inlineCode",{parentName:"a"},"6f6847f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(inpageNavigation): adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/62f74ea3c08069da8615516a52df8415d50048d5"},(0,n.kt)("inlineCode",{parentName:"a"},"62f74ea"))),(0,n.kt)("li",{parentName:"ul"},"refactor(message): updates on styling ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b4cf8501de961794baf5a8ecec99e4bcddc2d71b"},(0,n.kt)("inlineCode",{parentName:"a"},"b4cf850"))),(0,n.kt)("li",{parentName:"ul"},"refactor(banner): update class name ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef0969bd873e9fdd0eb32593f7c3f995270ef44c"},(0,n.kt)("inlineCode",{parentName:"a"},"ef0969b"))),(0,n.kt)("li",{parentName:"ul"},"change(github): use develop for auto pushing ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a32a723f8126292f62a71cb4c4f94a2c7dec7605"},(0,n.kt)("inlineCode",{parentName:"a"},"a32a723")))),(0,n.kt)("h4",{id:"-internal-changes-30"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"style(design-system): unix eol ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/631fa90e2ec5352c01e2ee0824de4a45cc33de34"},(0,n.kt)("inlineCode",{parentName:"a"},"631fa90"))),(0,n.kt)("li",{parentName:"ul"},"style(checkbox/radio): prettier fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a04939fdb530ed998a40aeb5b85a748d5dace0cd"},(0,n.kt)("inlineCode",{parentName:"a"},"a04939f"))),(0,n.kt)("li",{parentName:"ul"},"style(design-system): unix eol ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c753f0b378384150597283c97f657eafbfff296"},(0,n.kt)("inlineCode",{parentName:"a"},"3c753f0"))),(0,n.kt)("li",{parentName:"ul"},"style(message): stylelint fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5b75057cb3a7b366a940ca9d1ba577cd09dc7225"},(0,n.kt)("inlineCode",{parentName:"a"},"5b75057")))),(0,n.kt)("h4",{id:"-documentation-changes-24"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus): visuals guidelines ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/544a9502dc046d7e8bc635c19480a8deb2b31379"},(0,n.kt)("inlineCode",{parentName:"a"},"544a950"))),(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus): search guidelines ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0fb229d8b6a042bd716a093faaf8a1461b70cdb8"},(0,n.kt)("inlineCode",{parentName:"a"},"0fb229d"))),(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus): loader page ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/892a25dba66f3557af22f8f0f96db695ddf1b402"},(0,n.kt)("inlineCode",{parentName:"a"},"892a25d")))),(0,n.kt)("h4",{id:"\ufe0f-others-70"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Reformat header.less ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f99dfc82c165304ca5600ce5138c1233615ab69"},(0,n.kt)("inlineCode",{parentName:"a"},"1f99dfc"))),(0,n.kt)("li",{parentName:"ul"},"Close menu when changing path ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65daea9ee34c64bd5e51104077bc745b68169cd2"},(0,n.kt)("inlineCode",{parentName:"a"},"65daea9"))),(0,n.kt)("li",{parentName:"ul"},"refactor breadcrumbs component, make it functional and customizable ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ec374e20565eb0a5aed0ff67a02cd6f77eba1f0"},(0,n.kt)("inlineCode",{parentName:"a"},"4ec374e"))),(0,n.kt)("li",{parentName:"ul"},"rollback(cards): move custom display to volto-block-image-cards ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/79d4c8914b7184d559465135f046b60ee96301e1"},(0,n.kt)("inlineCode",{parentName:"a"},"79d4c89"))),(0,n.kt)("li",{parentName:"ul"},"Open overlay menu on global menu click ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc749bc4266aae793b85d72c43c8a08b0c2fec48"},(0,n.kt)("inlineCode",{parentName:"a"},"cc749bc"))),(0,n.kt)("li",{parentName:"ul"},"bring back segment wrapper and make it attached ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f413ffaf641c161e8ff0f8010759cffd7e30238"},(0,n.kt)("inlineCode",{parentName:"a"},"9f413ff"))),(0,n.kt)("li",{parentName:"ul"},"Use renderMenuItem also in mobile menu ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/02de0bb4750062a310109256b6c6d29120287fd4"},(0,n.kt)("inlineCode",{parentName:"a"},"02de0bb"))),(0,n.kt)("li",{parentName:"ul"},"Fix clicking outside closes menu ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af526646559d1a00ade04dc24def26e5665a5a8c"},(0,n.kt)("inlineCode",{parentName:"a"},"af52664"))),(0,n.kt)("li",{parentName:"ul"},"Cleanup args in header story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2bf6a304b1149ec1204f08f318248ed52ad8fa3d"},(0,n.kt)("inlineCode",{parentName:"a"},"2bf6a30"))),(0,n.kt)("li",{parentName:"ul"},"fix warning related to proptype ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/824b9beff77aae139882cd50a1d670a02ec6f723"},(0,n.kt)("inlineCode",{parentName:"a"},"824b9be"))),(0,n.kt)("li",{parentName:"ul"},"fix profile section css overflow ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8fd265413149f1b5e033dffa0fbcb5ef5ecad15f"},(0,n.kt)("inlineCode",{parentName:"a"},"8fd2654"))),(0,n.kt)("li",{parentName:"ul"},"don't use volto-slate ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70ca3d4ec4e8e4dc633e957b842d94b708af8b82"},(0,n.kt)("inlineCode",{parentName:"a"},"70ca3d4"))),(0,n.kt)("li",{parentName:"ul"},"remove segment custom width ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a60d84d5fe76578b7760aa1dad6eef9a20916a7"},(0,n.kt)("inlineCode",{parentName:"a"},"4a60d84"))),(0,n.kt)("li",{parentName:"ul"},"update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/96f4af0fb22605fd294472eb18f7f62e4bd7b0fb"},(0,n.kt)("inlineCode",{parentName:"a"},"96f4af0"))),(0,n.kt)("li",{parentName:"ul"},"Fix TopDropdownMenu component rendering in mobile ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4626def4e1f97f323f3fef130f5d531925ba15b"},(0,n.kt)("inlineCode",{parentName:"a"},"a4626de"))),(0,n.kt)("li",{parentName:"ul"},"Add usePrevious hook ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/797faba3cad73288755f6c6e685448d780905189"},(0,n.kt)("inlineCode",{parentName:"a"},"797faba"))),(0,n.kt)("li",{parentName:"ul"},"make breadcrumbs default size as tiny ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c8e1c64f27596421e78927f11616093667b04c6"},(0,n.kt)("inlineCode",{parentName:"a"},"3c8e1c6"))),(0,n.kt)("li",{parentName:"ul"},"Update package.json ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fa020cb5dd85e28d0713b3e8a11aff5b2c1060af"},(0,n.kt)("inlineCode",{parentName:"a"},"fa020cb"))),(0,n.kt)("li",{parentName:"ul"},"Add rule about hardcoded values ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0c6912c82625c2e389fd75f0d0a051348781d407"},(0,n.kt)("inlineCode",{parentName:"a"},"0c6912c"))),(0,n.kt)("li",{parentName:"ul"},"set profile section overflow to auto ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8db62bbcd0258fee16411e94888c732a29b1949d"},(0,n.kt)("inlineCode",{parentName:"a"},"8db62bb"))),(0,n.kt)("li",{parentName:"ul"},"added comment about need for removal of this fix later ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fdbd713dbfe795e7e81cfa37398774fad71c054"},(0,n.kt)("inlineCode",{parentName:"a"},"6fdbd71"))),(0,n.kt)("li",{parentName:"ul"},"Add Sonarqube tag using eea-website-frontend addons list ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6051724437a38675e659c797bb5586ef81286ec0"},(0,n.kt)("inlineCode",{parentName:"a"},"6051724"))),(0,n.kt)("li",{parentName:"ul"},"removed override already present in card.less ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93c4e5aac9cc85ff2cc6c04180f6655d5f5616dc"},(0,n.kt)("inlineCode",{parentName:"a"},"93c4e5a"))),(0,n.kt)("li",{parentName:"ul"},"Remove console.log calls ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8a3a4cb32bfed2daa86339b15c0301eb01e19f23"},(0,n.kt)("inlineCode",{parentName:"a"},"8a3a4cb"))),(0,n.kt)("li",{parentName:"ul"},"update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/81bb7d4a02576887b80e978c32724580b772d57a"},(0,n.kt)("inlineCode",{parentName:"a"},"81bb7d4"))),(0,n.kt)("li",{parentName:"ul"},"Update comment ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ffa24001728f824b8e7154c93c5aad8196bd92ea"},(0,n.kt)("inlineCode",{parentName:"a"},"ffa2400"))),(0,n.kt)("li",{parentName:"ul"},"merge develop into this branch ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad5b388957b7d67f1b7ae06f2b80b1c30868d72a"},(0,n.kt)("inlineCode",{parentName:"a"},"ad5b388"))),(0,n.kt)("li",{parentName:"ul"},"WIP ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a8d97f10b9768894a135549e9dc8f938b663f905"},(0,n.kt)("inlineCode",{parentName:"a"},"a8d97f1"))),(0,n.kt)("li",{parentName:"ul"},"Use header.less from develop branch ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/99edbc6ccd6023162dcce75b36d6b9451b06f6dc"},(0,n.kt)("inlineCode",{parentName:"a"},"99edbc6"))),(0,n.kt)("li",{parentName:"ul"},"WIP ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57b5783e2b03859f89c5926951ea232547b455cc"},(0,n.kt)("inlineCode",{parentName:"a"},"57b5783"))),(0,n.kt)("li",{parentName:"ul"},"WIP ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/785da36b725bf14bff28a67da799c51bc5b4f20f"},(0,n.kt)("inlineCode",{parentName:"a"},"785da36"))),(0,n.kt)("li",{parentName:"ul"},"WIP ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5d1eba9a1df2d2bb078f119ee99b0627ac55ae1d"},(0,n.kt)("inlineCode",{parentName:"a"},"5d1eba9"))),(0,n.kt)("li",{parentName:"ul"},"adds Tags ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e37fc1957ed8357bc2190239da4440bb98b0dabe"},(0,n.kt)("inlineCode",{parentName:"a"},"e37fc19"))),(0,n.kt)("li",{parentName:"ul"},"Add useClickOutside hook ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70364c88631cbfa6e6854a99dde42ea2ad73221f"},(0,n.kt)("inlineCode",{parentName:"a"},"70364c8"))),(0,n.kt)("li",{parentName:"ul"},"Implement outside click handling ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fa6f81823c47ca32209f3f1c8b1810b5447f97ec"},(0,n.kt)("inlineCode",{parentName:"a"},"fa6f818"))),(0,n.kt)("li",{parentName:"ul"},"Simplify overlay menu template ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/28b04784cf32ed4393e452c56680bffda411d526"},(0,n.kt)("inlineCode",{parentName:"a"},"28b0478"))),(0,n.kt)("li",{parentName:"ul"},"fixes less variables, fixes tags positioning ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc19b9b537b5f21ceaba986bbd0182bb3b867ac7"},(0,n.kt)("inlineCode",{parentName:"a"},"cc19b9b"))),(0,n.kt)("li",{parentName:"ul"},"WIP ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15bc0f4287b705839f6fd5ac8835f03e2e99f1f1"},(0,n.kt)("inlineCode",{parentName:"a"},"15bc0f4"))),(0,n.kt)("li",{parentName:"ul"},"no ",(0,n.kt)("inlineCode",{parentName:"li"},"display: flex")," for blockquote added from slate ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/312a893e924dea4e7aed182be4a615bc3c4f04f8"},(0,n.kt)("inlineCode",{parentName:"a"},"312a893"))),(0,n.kt)("li",{parentName:"ul"},"Add rule about code length ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/318cd48f8116a49897590137eebe2ce35285b813"},(0,n.kt)("inlineCode",{parentName:"a"},"318cd48"))),(0,n.kt)("li",{parentName:"ul"},"Add indenting rule ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d58968522ef82a7d5381fc4958ae2049562b7103"},(0,n.kt)("inlineCode",{parentName:"a"},"d589685"))),(0,n.kt)("li",{parentName:"ul"},"Add rule about import sorting ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cd337c16650ae169e4b634b034f40f3cd887ceb8"},(0,n.kt)("inlineCode",{parentName:"a"},"cd337c1"))),(0,n.kt)("li",{parentName:"ul"},"Add rule about naming vars ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b112de0dcaa4209cfe143dcd26ba929b4cbe0a42"},(0,n.kt)("inlineCode",{parentName:"a"},"b112de0"))),(0,n.kt)("li",{parentName:"ul"},"Bring back classNames from header subpopup ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e477a5150bee569fadca300a3ccc3586e7d7ef4a"},(0,n.kt)("inlineCode",{parentName:"a"},"e477a51"))),(0,n.kt)("li",{parentName:"ul"},"removes tags hashtag from jsx ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b8b3e94a6a1060304c1e5b228806985343ef6a0"},(0,n.kt)("inlineCode",{parentName:"a"},"6b8b3e9"))),(0,n.kt)("li",{parentName:"ul"},"WIP ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d481324ff7a63e3cb0847b89fa188cc8781de4dc"},(0,n.kt)("inlineCode",{parentName:"a"},"d481324"))),(0,n.kt)("li",{parentName:"ul"},"fixes undefined on empty classes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b29080d646c44b02a28c4619f5285227fa2bf78"},(0,n.kt)("inlineCode",{parentName:"a"},"4b29080"))),(0,n.kt)("li",{parentName:"ul"},"stylelint changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5ab83018bccd8fbfcf2160fe9c6c4fc24abe83a"},(0,n.kt)("inlineCode",{parentName:"a"},"a5ab830"))),(0,n.kt)("li",{parentName:"ul"},"Footer link color @white ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/578e4f7bb174cd46d50a8b5c5a97f8bbff510f11"},(0,n.kt)("inlineCode",{parentName:"a"},"578e4f7"))),(0,n.kt)("li",{parentName:"ul"},"add margin to ","<","br",">"," element to simulate gap as in design ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9ab9a97dc231fd3b704fedd99c742f425be4578c"},(0,n.kt)("inlineCode",{parentName:"a"},"9ab9a97"))),(0,n.kt)("li",{parentName:"ul"},"impors colors from site variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6117267716b76b17379ae989911c5d5f00e63259"},(0,n.kt)("inlineCode",{parentName:"a"},"6117267"))),(0,n.kt)("li",{parentName:"ul"},"small fix for the link in footer action ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/72df049aa644ac2a675057bf3a96440144acabfb"},(0,n.kt)("inlineCode",{parentName:"a"},"72df049"))),(0,n.kt)("li",{parentName:"ul"},"remove uneeded style ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/66e9064de395b37caef1436aaee3a164b53ae406"},(0,n.kt)("inlineCode",{parentName:"a"},"66e9064"))),(0,n.kt)("li",{parentName:"ul"},"use proper naming conventions for var naming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/596e3143e28f23e60f20becd97276831c89d9684"},(0,n.kt)("inlineCode",{parentName:"a"},"596e314"))),(0,n.kt)("li",{parentName:"ul"},"Add file mode rule ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/805baa7db5ae1863bc85687f8f872c74a26647c8"},(0,n.kt)("inlineCode",{parentName:"a"},"805baa7"))),(0,n.kt)("li",{parentName:"ul"},"use less variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b43ac8d3bfc0231313f3d8bc719e373a127c6329"},(0,n.kt)("inlineCode",{parentName:"a"},"b43ac8d"))),(0,n.kt)("li",{parentName:"ul"},"Add DRY rule ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2f1584e769d0462c0385847630e3bbfe48a52339"},(0,n.kt)("inlineCode",{parentName:"a"},"2f1584e"))),(0,n.kt)("li",{parentName:"ul"},"Add functional components rule; add classnames rule ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1b2915ed3a4a3446e11058ac7de8937cf5755630"},(0,n.kt)("inlineCode",{parentName:"a"},"1b2915e"))),(0,n.kt)("li",{parentName:"ul"},"fix z-index of header ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d2a5d6bb822a298367ce58d867939318171a300"},(0,n.kt)("inlineCode",{parentName:"a"},"7d2a5d6"))),(0,n.kt)("li",{parentName:"ul"},"Remove comment ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d120b16491406ea7cc26428dcf13ec2565868d0"},(0,n.kt)("inlineCode",{parentName:"a"},"7d120b1")))),(0,n.kt)("h3",{id:"014---2022-03-01"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.4-beta.0...0.1.4"},"0.1.4")," - 2022-03-01"),(0,n.kt)("h4",{id:"-enhancements-74"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(pagination): adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/06cc3b6db6f56040264e4c70fe2e39ace14499d7"},(0,n.kt)("inlineCode",{parentName:"a"},"06cc3b6"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Form):create form field wrapper file ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95b9934a75ffd6b254b7bb9c119b8087c7565c13"},(0,n.kt)("inlineCode",{parentName:"a"},"95b9934"))),(0,n.kt)("li",{parentName:"ul"},"refactor(megaMenu): update margins for menu items ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/230e476d133b3f7853a73f3f2ee372c6306bd43f"},(0,n.kt)("inlineCode",{parentName:"a"},"230e476"))),(0,n.kt)("li",{parentName:"ul"},"refactor(megaMenu): update gradient ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/47f2ea40c4f214a41af58ceb90839a05932b0b55"},(0,n.kt)("inlineCode",{parentName:"a"},"47f2ea4")))),(0,n.kt)("h4",{id:"-documentation-changes-25"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus): divider page ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c6bb2389f819a9ebd8e34db0e825f3e5f62130d4"},(0,n.kt)("inlineCode",{parentName:"a"},"c6bb238")))),(0,n.kt)("h4",{id:"\ufe0f-others-71"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"add footer links,align footer image ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b039564e8cd3a0319ebe07f434f20bb7d7827fe1"},(0,n.kt)("inlineCode",{parentName:"a"},"b039564"))),(0,n.kt)("li",{parentName:"ul"},"cosmetics: remove formatting ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e02b08dc2adc8b89a5b9117b5a572c7080248c29"},(0,n.kt)("inlineCode",{parentName:"a"},"e02b08d"))),(0,n.kt)("li",{parentName:"ul"},"refactor Footer component to consume children and prop ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/faafcffe07383ba55f5746cb971cdf706d988f78"},(0,n.kt)("inlineCode",{parentName:"a"},"faafcff"))),(0,n.kt)("li",{parentName:"ul"},"update footer stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e5742872f21d9737f3de443fa0e9d1b6ba02637"},(0,n.kt)("inlineCode",{parentName:"a"},"4e57428"))),(0,n.kt)("li",{parentName:"ul"},"update stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/81973cac96ee48e9b294c45e32c0ec3d2956fe67"},(0,n.kt)("inlineCode",{parentName:"a"},"81973ca"))),(0,n.kt)("li",{parentName:"ul"},"Small improvements to footer ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6d1fdc000ab83932df62244142068f097aeeb85"},(0,n.kt)("inlineCode",{parentName:"a"},"f6d1fdc"))),(0,n.kt)("li",{parentName:"ul"},"fix header urls ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e5908916823a1f5771ddbeb51b3e8af026425c49"},(0,n.kt)("inlineCode",{parentName:"a"},"e590891"))),(0,n.kt)("li",{parentName:"ul"},"Rename files in footer story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3de0c19d1ddeb69d8567026e1532fceb9221049a"},(0,n.kt)("inlineCode",{parentName:"a"},"3de0c19"))),(0,n.kt)("li",{parentName:"ul"},"add style for accordion title input on edit mode ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/598aa129f2dff0a2cb2ec57f551fa72481aa911e"},(0,n.kt)("inlineCode",{parentName:"a"},"598aa12"))),(0,n.kt)("li",{parentName:"ul"},"remove comments ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2db0d2c2bbebe8bab8cf9801c5ea2650dde96b87"},(0,n.kt)("inlineCode",{parentName:"a"},"2db0d2c"))),(0,n.kt)("li",{parentName:"ul"},"Apply slate customization if volto-slate addon is used ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c066701dc359c6daf01703dac8fa61c2314c11cf"},(0,n.kt)("inlineCode",{parentName:"a"},"c066701"))),(0,n.kt)("li",{parentName:"ul"},"use relative links ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af91a203bb30f5c9aa1335bfa8cdaa7857d577e2"},(0,n.kt)("inlineCode",{parentName:"a"},"af91a20"))),(0,n.kt)("li",{parentName:"ul"},"make footer anchor links white ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0c671e1bf52268505a5dc58196c285c04da33b10"},(0,n.kt)("inlineCode",{parentName:"a"},"0c671e1"))),(0,n.kt)("li",{parentName:"ul"},"use custom var for line-height ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f7f6c7ea605014741b9426b19008a4e6eda6704c"},(0,n.kt)("inlineCode",{parentName:"a"},"f7f6c7e"))),(0,n.kt)("li",{parentName:"ul"},"Update semantic.less ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4a90aed030a8927fa2ea949e4f44d23638c751a"},(0,n.kt)("inlineCode",{parentName:"a"},"a4a90ae"))),(0,n.kt)("li",{parentName:"ul"},"Bump release version ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c41a42bc2fd8174a2554e6dce1a1090eff4f3bd1"},(0,n.kt)("inlineCode",{parentName:"a"},"c41a42b"))),(0,n.kt)("li",{parentName:"ul"},"Update style ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/89686990b2481f339c9bec7e7f9d35d9caab94c5"},(0,n.kt)("inlineCode",{parentName:"a"},"8968699"))),(0,n.kt)("li",{parentName:"ul"},"remove styling on header popups ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/86c499be61c0d2df46cb3469a47f0afae2e46c49"},(0,n.kt)("inlineCode",{parentName:"a"},"86c499b"))),(0,n.kt)("li",{parentName:"ul"},"remove search icon styling ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aca80fdc78859461cfee1d902b1d122d4a189b31"},(0,n.kt)("inlineCode",{parentName:"a"},"aca80fd"))),(0,n.kt)("li",{parentName:"ul"},"adjust popup height for computer screens ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/47c5edb06c8d8cdb9af8ac64f68be0e0360eccaf"},(0,n.kt)("inlineCode",{parentName:"a"},"47c5edb"))),(0,n.kt)("li",{parentName:"ul"},"fix login container width ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9a887e3b15aa63aab9be8738f599febcfe245b81"},(0,n.kt)("inlineCode",{parentName:"a"},"9a887e3"))),(0,n.kt)("li",{parentName:"ul"},"Typo ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/90da95c67e965124da7f431e464bcbc15fa67894"},(0,n.kt)("inlineCode",{parentName:"a"},"90da95c"))),(0,n.kt)("li",{parentName:"ul"},"fix search-input icon line-height ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b087ff86d7753f3ee0bf90a9b07c4ee7ef5e336c"},(0,n.kt)("inlineCode",{parentName:"a"},"b087ff8"))),(0,n.kt)("li",{parentName:"ul"},"lint fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e9790ca72b8d3caf114c1b80b9c5837fb6a1a56e"},(0,n.kt)("inlineCode",{parentName:"a"},"e9790ca"))),(0,n.kt)("li",{parentName:"ul"},"Rename, reorganize logos ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1ef8d22df5a757258d8610818f44362046bc828d"},(0,n.kt)("inlineCode",{parentName:"a"},"1ef8d22")))),(0,n.kt)("h3",{id:"014-beta0---2022-02-25"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.3...0.1.4-beta.0"},"0.1.4-beta.0")," - 2022-02-25"),(0,n.kt)("h4",{id:"-new-features-42"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(github): added feature and bug reports templates with our guidelines as checkboxes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15490937382ced93f5ac69cc1939256c0a468823"},(0,n.kt)("inlineCode",{parentName:"a"},"1549093")))),(0,n.kt)("h3",{id:"013---2022-02-25"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.2...0.1.3"},"0.1.3")," - 2022-02-25"),(0,n.kt)("h4",{id:"-bug-fixes-67"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(all): change eol to unix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/62e72244f78d43ce1c7b1a5ceb8405e4a617c88a"},(0,n.kt)("inlineCode",{parentName:"a"},"62e7224"))),(0,n.kt)("li",{parentName:"ul"},"fix(banner): separate url value ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f9c9140a6f8640bbb83a08f9c5c268f31ff7b6a8"},(0,n.kt)("inlineCode",{parentName:"a"},"f9c9140"))),(0,n.kt)("li",{parentName:"ul"},"fix(all): merge eol ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c68f6e0e7ab11d7451c8aabf194f62da0b6adb28"},(0,n.kt)("inlineCode",{parentName:"a"},"c68f6e0"))),(0,n.kt)("li",{parentName:"ul"},"fix(blockquote): align self property now uses a valid entry ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec761634765105694386ce48153fb95c09339273"},(0,n.kt)("inlineCode",{parentName:"a"},"ec76163")))),(0,n.kt)("h4",{id:"-enhancements-75"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(megaMenu): new implementation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff013afc68fed97d085e3930f6d728b266786dc1"},(0,n.kt)("inlineCode",{parentName:"a"},"ff013af"))),(0,n.kt)("li",{parentName:"ul"},"change(volto): removed customizations made for ims theme from volto-eea-design-system ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bc8d514d82da0811c10eefe6dde16e0846497a4a"},(0,n.kt)("inlineCode",{parentName:"a"},"bc8d514"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Timeline): divide to sub components and change files to .jsx ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e2bd3b6c8dd064e7269819ce465b961a0cee849"},(0,n.kt)("inlineCode",{parentName:"a"},"3e2bd3b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): update variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e5d08d565ef08e4e390ede4a611145a16ca2fa9"},(0,n.kt)("inlineCode",{parentName:"a"},"4e5d08d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Header): link header's menu to mega menu ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/08406d84e5bc1c7eb1358baff19ff6731f124b32"},(0,n.kt)("inlineCode",{parentName:"a"},"08406d8"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Menu): change mega menu implementation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/455a51b9a9fbb00c6a89c42de226787c143176f7"},(0,n.kt)("inlineCode",{parentName:"a"},"455a51b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Grid):minor changes and delete extra files ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/272585dfed0c0e82b26c1e6843484ad0981ba75f"},(0,n.kt)("inlineCode",{parentName:"a"},"272585d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(timeline): adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b98641af00f23302b728094ed00a4563b6813387"},(0,n.kt)("inlineCode",{parentName:"a"},"b98641a"))),(0,n.kt)("li",{parentName:"ul"},"refactor(megaMenu): fix link hover issue for tablet ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/564e9721aea7d4ed998d88764e37454bc3154d3d"},(0,n.kt)("inlineCode",{parentName:"a"},"564e972"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): add remix icons and minor updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c9c97dd719187e996efabaee28ccbf23d43f03af"},(0,n.kt)("inlineCode",{parentName:"a"},"c9c97dd"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Header): change header buttons implementation ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6608b8cfffb75dda90b01728dc4fe657cbd84069"},(0,n.kt)("inlineCode",{parentName:"a"},"6608b8c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Header): add sub components and change existing Main ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/74c35a3fe462bdad7b9b2a5a6e969043439fdf5b"},(0,n.kt)("inlineCode",{parentName:"a"},"74c35a3"))),(0,n.kt)("li",{parentName:"ul"},"refactor(table): adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab7a0e8d9e83edb3035d57285a5f85557bcd7576"},(0,n.kt)("inlineCode",{parentName:"a"},"ab7a0e8"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Footer): delete Actions & ThemeSites files and clear imports ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a78456f55742a1b356070303218342876641e52"},(0,n.kt)("inlineCode",{parentName:"a"},"7a78456"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): update variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/326655a48aeac65b32beadb48707d0193c952702"},(0,n.kt)("inlineCode",{parentName:"a"},"326655a"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Breadcrumb): add react router link and minor bug fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/073a3a36215427dce274a533b10d2d0bb3526de9"},(0,n.kt)("inlineCode",{parentName:"a"},"073a3a3"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Header): show menu on search & minor bug fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4d49a8ae6958b84bd2dbaf7bd5f62310037eb288"},(0,n.kt)("inlineCode",{parentName:"a"},"4d49a8a"))),(0,n.kt)("li",{parentName:"ul"},"refactor(List): add extra default list story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95665cdca945cba104a25d5efcbc56436dffbd7f"},(0,n.kt)("inlineCode",{parentName:"a"},"95665cd"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus) change generation of what's new section and bump package version ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6c35cff4d65bb44755376c85ff4de8c6b39af00b"},(0,n.kt)("inlineCode",{parentName:"a"},"6c35cff"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Footer): minor code changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/67cb4bc5f9d341da78e7816ed89f219d8ac2836e"},(0,n.kt)("inlineCode",{parentName:"a"},"67cb4bc"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Menu): add class to mega menu items for styling ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19baa342c29322d11371303dc0092f472da1eeee"},(0,n.kt)("inlineCode",{parentName:"a"},"19baa34"))),(0,n.kt)("li",{parentName:"ul"},"change(accordion): modified default accordion stories titles with real accordion names ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cf11cc81d7096d338c565180597822e51fcaa8b7"},(0,n.kt)("inlineCode",{parentName:"a"},"cf11cc8"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Header): accessibility image alt fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7347a688c2f37f08390b189f8bfa990c26c7f75"},(0,n.kt)("inlineCode",{parentName:"a"},"a7347a6"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): adjust to volto in progress ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/760becabf40dbbaed36dac6c37275c7e31aa2509"},(0,n.kt)("inlineCode",{parentName:"a"},"760beca"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Header): header items as storybook arguments ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/388c752aa0694e78f5306c2b2efa4a34df4b9ca6"},(0,n.kt)("inlineCode",{parentName:"a"},"388c752"))),(0,n.kt)("li",{parentName:"ul"},"refactor(banner): update less variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/35b0a98eced49212bb08c3c7d2ac6987a16ec6be"},(0,n.kt)("inlineCode",{parentName:"a"},"35b0a98"))),(0,n.kt)("li",{parentName:"ul"},"refactor(banner): actions as buttons; don't hardcode url for banner image; subcomponentize Banner, add Banner.Action; add developer guidelines on inline styles and line endings; ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6dd5a41248e8bf4095744bd89217707f3ad820a1"},(0,n.kt)("inlineCode",{parentName:"a"},"6dd5a41"))),(0,n.kt)("li",{parentName:"ul"},"refactor(blockquote): fix responsive margins and sizes rems ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/209f94f5535d83678af5fd650dcc3892a94c8a34"},(0,n.kt)("inlineCode",{parentName:"a"},"209f94f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Input): label position and style change ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/970074aacae0c1ffabe88be58779b332993a37fd"},(0,n.kt)("inlineCode",{parentName:"a"},"970074a"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): update dropdown menu ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32eb0fa5dbb431c5d8e74e4c3e28b0555dab8aea"},(0,n.kt)("inlineCode",{parentName:"a"},"32eb0fa"))),(0,n.kt)("li",{parentName:"ul"},"refactor(timeline): theming updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c80c9aa5eb08c3b58199c6f6faca06445640f9f8"},(0,n.kt)("inlineCode",{parentName:"a"},"c80c9aa"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Blockquote):remove image stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a6357caa641e18e7a19b834cd907ba8c7117367f"},(0,n.kt)("inlineCode",{parentName:"a"},"a6357ca"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus) proofread blockquote usage section and removed unused api section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0bb29fdb73bce90f842748abd978a388fff93932"},(0,n.kt)("inlineCode",{parentName:"a"},"0bb29fd"))),(0,n.kt)("li",{parentName:"ul"},"change(infrastructure) cherry-pick fix 9639243 skipping jenkins on auto commits ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc744cda5a4e6d9da0ab6e7f92868d53f28f53c1"},(0,n.kt)("inlineCode",{parentName:"a"},"fc744cd"))),(0,n.kt)("li",{parentName:"ul"},"change(ci) build storybook and docusaurus only when pushing to develop-itml branch ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4de0cbf9bfc4ecb46605dca1048a38db844880e7"},(0,n.kt)("inlineCode",{parentName:"a"},"4de0cbf"))),(0,n.kt)("li",{parentName:"ul"},"change(infrastructure): modify whats new doc when committing the auto deployment ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/39df33ed946a8167e4954cffb676144700e0ec38"},(0,n.kt)("inlineCode",{parentName:"a"},"39df33e"))),(0,n.kt)("li",{parentName:"ul"},"change(blockquote): introduce float argument for blockquote with image storybook ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8fc72906c264b5e96702f8518e81d5724b494a5c"},(0,n.kt)("inlineCode",{parentName:"a"},"8fc7290"))),(0,n.kt)("li",{parentName:"ul"},"refactor(pullquote): add word break ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2245e53dde6dd8abf437afa94e92bbedc60c9f8c"},(0,n.kt)("inlineCode",{parentName:"a"},"2245e53"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Banner): minor bug fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9073b60e337eab40a992283b5b9e75d5cffe895"},(0,n.kt)("inlineCode",{parentName:"a"},"b9073b6"))),(0,n.kt)("li",{parentName:"ul"},"refactor(table): fix th font weight ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a96a0a7a4cb450b5f947bc397495a2a41c605c87"},(0,n.kt)("inlineCode",{parentName:"a"},"a96a0a7"))),(0,n.kt)("li",{parentName:"ul"},"refactor(comment): remove avatar border radius ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d42c37bb8f71e20e1d0ec438c14e3c7ac00cf0ae"},(0,n.kt)("inlineCode",{parentName:"a"},"d42c37b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(banner): adjust title size ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a24d9c07a5994fa46c39fdf1e827e0d1ae5e504"},(0,n.kt)("inlineCode",{parentName:"a"},"7a24d9c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Image): change image path ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a580da68a45bbe68d314f60e9495fc321489caf5"},(0,n.kt)("inlineCode",{parentName:"a"},"a580da6"))),(0,n.kt)("li",{parentName:"ul"},"change(infrastructure): specify that docs folder contains changes for deployment ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a1ca9153b70e3525cd73423d059a8607f63fc2b9"},(0,n.kt)("inlineCode",{parentName:"a"},"a1ca915")))),(0,n.kt)("h4",{id:"-internal-changes-31"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"style(input) prettier fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e83fa0c3e95e33d89ab668de38e6b0b12d9fb0d9"},(0,n.kt)("inlineCode",{parentName:"a"},"e83fa0c"))),(0,n.kt)("li",{parentName:"ul"},"chore(storybook): prettier fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/354c7b33c92a9f48ca9cbb0b96b6cec213e465c8"},(0,n.kt)("inlineCode",{parentName:"a"},"354c7b3"))),(0,n.kt)("li",{parentName:"ul"},"chore(design system): technical commit for edw integration tests ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f76035122d647e14b5151af3b39f0ab3e199af2"},(0,n.kt)("inlineCode",{parentName:"a"},"9f76035"))),(0,n.kt)("li",{parentName:"ul"},"style(storybook): prettier fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c9ad345268335c42e41d13b35c0da93e9770847"},(0,n.kt)("inlineCode",{parentName:"a"},"3c9ad34"))),(0,n.kt)("li",{parentName:"ul"},"chore(infrastructure) updated branch with changes from bitbucket ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/77866f8c7ac203db0645a74b7a7456b5c4de5dd7"},(0,n.kt)("inlineCode",{parentName:"a"},"77866f8")))),(0,n.kt)("h4",{id:"\ufe0f-others-72"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"doc(colours):fix color to better show primary ones ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/705b7899f9d687747d2deb27ac4d8b4429878de0"},(0,n.kt)("inlineCode",{parentName:"a"},"705b789"))),(0,n.kt)("li",{parentName:"ul"},"doc(colours):change font size to fit text in one line ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ad751660ec832e67a0c858e75685259b9ef8d82"},(0,n.kt)("inlineCode",{parentName:"a"},"4ad7516"))),(0,n.kt)("li",{parentName:"ul"},"bump package release to 1.3.0 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f3cfe4f5232ff96a9845d12da72008cf838c1010"},(0,n.kt)("inlineCode",{parentName:"a"},"f3cfe4f"))),(0,n.kt)("li",{parentName:"ul"},"Refactor banner into content subcomponent ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8df238b4db90fdb841cdd5436a644e582f73b82"},(0,n.kt)("inlineCode",{parentName:"a"},"f8df238"))),(0,n.kt)("li",{parentName:"ul"},"lint fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cda322d8c013ef303b93b4b8d29594aa3bbd0bc1"},(0,n.kt)("inlineCode",{parentName:"a"},"cda322d"))),(0,n.kt)("li",{parentName:"ul"},"rollback don'ts grammar change and disable unresolved import for Banner.stories.jsx ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a1bd7154fa64451b6a521743955a57405dc7fb67"},(0,n.kt)("inlineCode",{parentName:"a"},"a1bd715"))),(0,n.kt)("li",{parentName:"ul"},"Add space line in component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4d1a5fbe9a9ea53701702d7ce33622795f5ab00"},(0,n.kt)("inlineCode",{parentName:"a"},"d4d1a5f")))),(0,n.kt)("h3",{id:"012---2022-02-17"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.2...0.1.2"},"0.1.2")," - 2022-02-17"),(0,n.kt)("h4",{id:"-new-features-43"},"\ud83d\ude80 New Features"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"feat(blockquote) added blockquote styles as a custom module ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d30662e23176cf7a5ab64aa322acd5a09a0c4130"},(0,n.kt)("inlineCode",{parentName:"a"},"d30662e")))),(0,n.kt)("h4",{id:"-bug-fixes-68"},"\ud83d\udc1b Bug Fixes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"fix(inpageNavigation): hide at the top of the page ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/97ef50069cd9b29345fb68ce8b557a47577669a4"},(0,n.kt)("inlineCode",{parentName:"a"},"97ef500"))),(0,n.kt)("li",{parentName:"ul"},"fix(footer):missing image ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac91a29a134c97af842c6be4987c60c44c4c96d8"},(0,n.kt)("inlineCode",{parentName:"a"},"ac91a29"))),(0,n.kt)("li",{parentName:"ul"},"fix(comment):fix broken image ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8125dc179923f652ecd25003df8ecb4fb0aeffb9"},(0,n.kt)("inlineCode",{parentName:"a"},"8125dc1"))),(0,n.kt)("li",{parentName:"ul"},"fix(message): fix font loading ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fdc498e178a04315c88e005fbc1371ba954ff402"},(0,n.kt)("inlineCode",{parentName:"a"},"fdc498e"))),(0,n.kt)("li",{parentName:"ul"},"fix(logo): logo change ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f8c8af4453774386d5d0432a078b049416d034b"},(0,n.kt)("inlineCode",{parentName:"a"},"5f8c8af")))),(0,n.kt)("h4",{id:"-enhancements-76"},"\ud83d\udc85 Enhancements"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): multiple components fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a3ff518323a3eab18edc5057c6f1233e5422a22"},(0,n.kt)("inlineCode",{parentName:"a"},"4a3ff51"))),(0,n.kt)("li",{parentName:"ul"},"change(infrastructure) re-enable integration tests for auto release stack ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce8daf8abc6eb9a6b7fd8579904a3e5642896e3a"},(0,n.kt)("inlineCode",{parentName:"a"},"ce8daf8"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): global site files styling update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f3770f1756bca3898e2a67fa532a9d97b0fd1ef2"},(0,n.kt)("inlineCode",{parentName:"a"},"f3770f1"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): multiple components ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9277aaccb09aa03575b95851d55fc69b1f530e23"},(0,n.kt)("inlineCode",{parentName:"a"},"9277aac"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer) adjust to volto theming update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a59f1c354ceea661c60faabfdb6226c9f4ba1209"},(0,n.kt)("inlineCode",{parentName:"a"},"a59f1c3"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): minor styling update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dd6b55c6c5331383a42f6865bd9bd0641feb9a3b"},(0,n.kt)("inlineCode",{parentName:"a"},"dd6b55c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Header): change header mega menu ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7559b57a08c2f0e9f3eb95167479ca041b998bc5"},(0,n.kt)("inlineCode",{parentName:"a"},"7559b57"))),(0,n.kt)("li",{parentName:"ul"},"refactor(banner): adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/451b9493b100dae80bed4b6629da725195dddff1"},(0,n.kt)("inlineCode",{parentName:"a"},"451b949"))),(0,n.kt)("li",{parentName:"ul"},"refactor(accordion): minor styling update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aeaf25f585c1379a2bd40de1c1bf03fee00ef76e"},(0,n.kt)("inlineCode",{parentName:"a"},"aeaf25f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer): adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bdff1768096443f2f453d76bf9958adabd309cb7"},(0,n.kt)("inlineCode",{parentName:"a"},"bdff176"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer):mobile responsiveness ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/14822bec78feebc2b06fc26d6992a481be2e3609"},(0,n.kt)("inlineCode",{parentName:"a"},"14822be"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): main and custom less files update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1607760bb1582c63ab1a6b978ac13bb0ca51b0c2"},(0,n.kt)("inlineCode",{parentName:"a"},"1607760"))),(0,n.kt)("li",{parentName:"ul"},"refactor(timeline): update after removing timeline addon ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f54d3806eb0a60379b46b03a04a6602ed465cd15"},(0,n.kt)("inlineCode",{parentName:"a"},"f54d380"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Footer): replace with subcomponents ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/378c652265213bafac9de1d946cb328fa2fe90cb"},(0,n.kt)("inlineCode",{parentName:"a"},"378c652"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Header): header change ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/029e85039bb3f35a6ba4ff2870d98e1faa23661b"},(0,n.kt)("inlineCode",{parentName:"a"},"029e850"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Header): change header bar ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b766fd62c86d22f01278c54d3a1dbfb696b095b"},(0,n.kt)("inlineCode",{parentName:"a"},"2b766fd"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus) use itml branch for docusaurus deployment ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e286c50056aa6d0d5735cb330789b4e48a1f927"},(0,n.kt)("inlineCode",{parentName:"a"},"6e286c5"))),(0,n.kt)("li",{parentName:"ul"},"refactor(accordion): adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/971fcb824f6aa55ac28b4b275927b202d2c08ca6"},(0,n.kt)("inlineCode",{parentName:"a"},"971fcb8"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Header): add sub components ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7f955dbafa94c13e71ff587af70aa84d18da8da0"},(0,n.kt)("inlineCode",{parentName:"a"},"7f955db"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus) tweak auto deployment to always commit changes from docs ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a2940daef1cf281bac87dec3cec68337053cc52d"},(0,n.kt)("inlineCode",{parentName:"a"},"a2940da"))),(0,n.kt)("li",{parentName:"ul"},"refactor(banner): less and variables files created ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5b1a8aaf7f678dd60fb88149284058fcab617fd"},(0,n.kt)("inlineCode",{parentName:"a"},"d5b1a8a"))),(0,n.kt)("li",{parentName:"ul"},"refactor(label): adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c945e1600b4beb3667b389542adade317d285c6"},(0,n.kt)("inlineCode",{parentName:"a"},"3c945e1"))),(0,n.kt)("li",{parentName:"ul"},"refactor(message): adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e950fc56461540be24d9e5b2ff3c0bf8ad53738"},(0,n.kt)("inlineCode",{parentName:"a"},"3e950fc"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Footer): add sub components and props ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c3d14871887a83fb91792fbc8977c0439bcb16f2"},(0,n.kt)("inlineCode",{parentName:"a"},"c3d1487"))),(0,n.kt)("li",{parentName:"ul"},"refactor(modal): modal and confirm adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/83b60e94bdd3203a92a1b9038f9cc45011ba72a5"},(0,n.kt)("inlineCode",{parentName:"a"},"83b60e9"))),(0,n.kt)("li",{parentName:"ul"},"refactor(comment): adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84348c36b5b750c324c89b5e3c462319bb9ebf46"},(0,n.kt)("inlineCode",{parentName:"a"},"84348c3"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook):adjust headings ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32f64f9b71d1cb8c96c9c37ba1850a2278f95287"},(0,n.kt)("inlineCode",{parentName:"a"},"32f64f9"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Header): add comments to header menu ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c2c83b202e5117d8e0013101d8e922e9d93d21de"},(0,n.kt)("inlineCode",{parentName:"a"},"c2c83b2"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Accordion): clear up accordion stories code ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e59b8fa961b878591e9806e1ebbfdb841523077"},(0,n.kt)("inlineCode",{parentName:"a"},"4e59b8f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(segmant): adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ab211e868296f377fddba203847549f0e5e07df"},(0,n.kt)("inlineCode",{parentName:"a"},"3ab211e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(button) minor styling update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8782bb27c789a4aac97b380d718f4de129fdf682"},(0,n.kt)("inlineCode",{parentName:"a"},"8782bb2"))),(0,n.kt)("li",{parentName:"ul"},"refactor(banner): change image position ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cdd76d59ade86f3f989bf7d94e45e4d9b439115f"},(0,n.kt)("inlineCode",{parentName:"a"},"cdd76d5"))),(0,n.kt)("li",{parentName:"ul"},"refactor(breadcrumbs): update less variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/640817ee904f88a04f0e8f11b258f95b8db97039"},(0,n.kt)("inlineCode",{parentName:"a"},"640817e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(list): adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1079c733e6ec634fedaab5b4630888a52b28e482"},(0,n.kt)("inlineCode",{parentName:"a"},"1079c73"))),(0,n.kt)("li",{parentName:"ul"},"refactor(timeline):adjust timeline module ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/213eb11e8e87940c18d81738609b4684329a5ce4"},(0,n.kt)("inlineCode",{parentName:"a"},"213eb11"))),(0,n.kt)("li",{parentName:"ul"},"refactor(blockquote):adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5eec87fc1b3017011266241c20b31217ac27c12d"},(0,n.kt)("inlineCode",{parentName:"a"},"5eec87f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(progress): add progress bar colors ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ccf3c9823b2583fc70183554df7c4588fbf9ca13"},(0,n.kt)("inlineCode",{parentName:"a"},"ccf3c98"))),(0,n.kt)("li",{parentName:"ul"},"refactor(pullquote):adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fee446668a8d65a717b42667af825cb5cec836b2"},(0,n.kt)("inlineCode",{parentName:"a"},"fee4466"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Header): change mobile mega menu ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c7ecf18a81024121218d580f201f324cf990829e"},(0,n.kt)("inlineCode",{parentName:"a"},"c7ecf18"))),(0,n.kt)("li",{parentName:"ul"},"refactor(statistic): adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b726e49519914b02766bcd993b94ce9ff164e1df"},(0,n.kt)("inlineCode",{parentName:"a"},"b726e49"))),(0,n.kt)("li",{parentName:"ul"},"refactor(button) adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eb257f83541871ccc635842664722b914661770c"},(0,n.kt)("inlineCode",{parentName:"a"},"eb257f8"))),(0,n.kt)("li",{parentName:"ul"},"refactor(form): minor styling update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/79934b2cde2e806418a6422df2914321181f7a22"},(0,n.kt)("inlineCode",{parentName:"a"},"79934b2"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Footer): create Actions & Sites sub components ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/446840b99abd6897c1b59a9462d72b1f06f1dd4e"},(0,n.kt)("inlineCode",{parentName:"a"},"446840b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(inpageNavigation): adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/85c631a9e9c1454f1f2530e4f1851089663dd610"},(0,n.kt)("inlineCode",{parentName:"a"},"85c631a"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Inpage Navigation): changed button's display ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36e5b4f107ce3535b607f7ed169c723a66ce6ac2"},(0,n.kt)("inlineCode",{parentName:"a"},"36e5b4f"))),(0,n.kt)("li",{parentName:"ul"},"enhancement(docusaurus) modified headings to be within release versions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19ace3038d6b4535b29634209e4d506e7dca2c2c"},(0,n.kt)("inlineCode",{parentName:"a"},"19ace30"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): move components to ui folder ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb91f88f628580f565eb01ea8627763bc2243dfb"},(0,n.kt)("inlineCode",{parentName:"a"},"cb91f88"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Header): change mega menu ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de0fc6b3862a88ac04058b56020af23c1946ce41"},(0,n.kt)("inlineCode",{parentName:"a"},"de0fc6b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Pullquote): divide Pullquote to sub components ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/34413c44ab9e318d67408f7497782b7de693deeb"},(0,n.kt)("inlineCode",{parentName:"a"},"34413c4"))),(0,n.kt)("li",{parentName:"ul"},"enhancement(docusaurus) replace changelog when auto-building docs Refs #145331 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/da25c0e25ffa80131ab4b5503b28e43385d9f827"},(0,n.kt)("inlineCode",{parentName:"a"},"da25c0e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(popup): adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d0d192dc2b2a5edd422cf6a7b359c384ec4b1d55"},(0,n.kt)("inlineCode",{parentName:"a"},"d0d192d"))),(0,n.kt)("li",{parentName:"ul"},"refactor(card):adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ab6f914f487bea0df299de7da0bbd917733ee00"},(0,n.kt)("inlineCode",{parentName:"a"},"2ab6f91"))),(0,n.kt)("li",{parentName:"ul"},"refactor(item): adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/89a16af86a165d7798b68b95ff3de215a92f0569"},(0,n.kt)("inlineCode",{parentName:"a"},"89a16af"))),(0,n.kt)("li",{parentName:"ul"},"refactor(pullquotes) remove unnecessary variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e0d20a3febec060ac24c5498846e768d7068e8b9"},(0,n.kt)("inlineCode",{parentName:"a"},"e0d20a3"))),(0,n.kt)("li",{parentName:"ul"},"refactor(progress):adjust to volto theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d1ab950ee9cc14bbe95869d4f143fc428aad5a8d"},(0,n.kt)("inlineCode",{parentName:"a"},"d1ab950"))),(0,n.kt)("li",{parentName:"ul"},"refactor(blockquote) change variables names ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36fd5be9bde1a3ceb8390639414f254fc26b8e76"},(0,n.kt)("inlineCode",{parentName:"a"},"36fd5be"))),(0,n.kt)("li",{parentName:"ul"},"refactor(comment): adjust font sizes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0311ed14c951eb9cba18a58f6f954c19601d838b"},(0,n.kt)("inlineCode",{parentName:"a"},"0311ed1"))),(0,n.kt)("li",{parentName:"ul"},"refactor(InpageNavigation): clear up code ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d7afdc8d751e61c3eef75360555807fdbef8619"},(0,n.kt)("inlineCode",{parentName:"a"},"1d7afdc"))),(0,n.kt)("li",{parentName:"ul"},"refactor(container): change variable name for computer padding ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/26d123f3e7e30a706b09efc10773694af79377f9"},(0,n.kt)("inlineCode",{parentName:"a"},"26d123f"))),(0,n.kt)("li",{parentName:"ul"},"refactor(inpageNavigation): remove imports ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/25c1d1c3016695d92d104a12b22a6a9254f41b20"},(0,n.kt)("inlineCode",{parentName:"a"},"25c1d1c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): update ui index components exports ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce78d47880cab5849f4c01785cdd97a9b26771ec"},(0,n.kt)("inlineCode",{parentName:"a"},"ce78d47"))),(0,n.kt)("li",{parentName:"ul"},"change(infrastructure) auto build storybook when pushing to develop-itml branch of volto-eea-design-system ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e9aa5bc3de9c2e1c5dc55b5d317679bc14dd1cbd"},(0,n.kt)("inlineCode",{parentName:"a"},"e9aa5bc"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): delete demo stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b58d0245f5bda7e2022a2ef9ace11015f13da01"},(0,n.kt)("inlineCode",{parentName:"a"},"8b58d02"))),(0,n.kt)("li",{parentName:"ul"},"change(docusaurus) align deployment steps for building docusaurus ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37e4ce05d2772ac320a7ad561536189c5ea0a582"},(0,n.kt)("inlineCode",{parentName:"a"},"37e4ce0"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): remove components from customizations folder ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8930edeaf064ec316f1d086e1301a7e5269bfe4b"},(0,n.kt)("inlineCode",{parentName:"a"},"8930ede"))),(0,n.kt)("li",{parentName:"ul"},"refactor(tab): minor styling update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1252ad0317ecf7e583dbb975b29a4c8e4c75330e"},(0,n.kt)("inlineCode",{parentName:"a"},"1252ad0"))),(0,n.kt)("li",{parentName:"ul"},"refactor(comment): change avatar src ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e5f9c4c02f5de5ae6480eedb45730bb76efbf7b4"},(0,n.kt)("inlineCode",{parentName:"a"},"e5f9c4c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(banner) : change file type and folder ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/878742ba0f95440ffbb5aec33f2cc4201dfacd43"},(0,n.kt)("inlineCode",{parentName:"a"},"878742b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(form elements):changed text ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/919beea9deccec68ac0cdbbc1249ef4ab4c12230"},(0,n.kt)("inlineCode",{parentName:"a"},"919beea"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Image): change image src ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9710849adf0cf4f10815186b6293bcc3881d68d"},(0,n.kt)("inlineCode",{parentName:"a"},"b971084"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Pullquote): add component propTypes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d32c5e69e76d7f369a286d29e49d767125550ebc"},(0,n.kt)("inlineCode",{parentName:"a"},"d32c5e6"))),(0,n.kt)("li",{parentName:"ul"},"refactor(blockquote): adjust font sizes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d71a3cef7bfd4109c56b7fe8c07271c60a4bd19e"},(0,n.kt)("inlineCode",{parentName:"a"},"d71a3ce"))),(0,n.kt)("li",{parentName:"ul"},"refactor(footer): update font sizes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1c91c357a59669df0da0f4fc70d3aa420db27a14"},(0,n.kt)("inlineCode",{parentName:"a"},"1c91c35"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Blockquote): add component proTypes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea02649f92b0e41b1eb62a771330c2e53b3960e8"},(0,n.kt)("inlineCode",{parentName:"a"},"ea02649"))),(0,n.kt)("li",{parentName:"ul"},"refactor(logo): update image ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6113728e248c3e0fd0a467bb34406aa4403399e"},(0,n.kt)("inlineCode",{parentName:"a"},"f611372"))),(0,n.kt)("li",{parentName:"ul"},"refactor(docusaurus): restore config ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2c5239d92abe6be70b092e7e43f195308800f87"},(0,n.kt)("inlineCode",{parentName:"a"},"f2c5239"))),(0,n.kt)("li",{parentName:"ul"},"refactor(blockquote): update component name ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/572e655c033d93b32a48a61b1bf6383f6c993b26"},(0,n.kt)("inlineCode",{parentName:"a"},"572e655"))),(0,n.kt)("li",{parentName:"ul"},"refactor(header): fix story header import ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ceda6c7790964b150b95daf161d10364d6b67427"},(0,n.kt)("inlineCode",{parentName:"a"},"ceda6c7"))),(0,n.kt)("li",{parentName:"ul"},"change(infrastructure) auto build docusaurus when pushing to develop-itml branch ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7bebdf5e58f37400a8ae3d5f816c64c6b9ca3a5b"},(0,n.kt)("inlineCode",{parentName:"a"},"7bebdf5"))),(0,n.kt)("li",{parentName:"ul"},"refactor(storybook): remove components from customization folder ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a9bb9b34e6961eaf16e54ed6f6ca4942944e8a0"},(0,n.kt)("inlineCode",{parentName:"a"},"4a9bb9b"))),(0,n.kt)("li",{parentName:"ul"},"refactor(banner):story rename ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/56ff603d6c9cec7c22483a088624f5bd7911f717"},(0,n.kt)("inlineCode",{parentName:"a"},"56ff603"))),(0,n.kt)("li",{parentName:"ul"},"change(testing) removed navigation from cypress tests until component is finished ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5549f4c07cb0ffd725342f365aae07745d7e25f7"},(0,n.kt)("inlineCode",{parentName:"a"},"5549f4c"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Segment): change to .jsx extension ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5cb35d81e8628832bab2e6ad50de6892e7e4370e"},(0,n.kt)("inlineCode",{parentName:"a"},"5cb35d8"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Pullquote): change to .jsx extension ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/564cf7ea379703315f179ab922b4e0a02df63e47"},(0,n.kt)("inlineCode",{parentName:"a"},"564cf7e"))),(0,n.kt)("li",{parentName:"ul"},"refactor(PopUp):change to .jsx extension ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dcb24ff252665a79fda2fec645e6f2a48ff71fd0"},(0,n.kt)("inlineCode",{parentName:"a"},"dcb24ff"))),(0,n.kt)("li",{parentName:"ul"},"refactor(InpageNavigation): change to .jsx extension ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dfefce3ebe55f8eb6f67974ccc33b0cb0bb13d9f"},(0,n.kt)("inlineCode",{parentName:"a"},"dfefce3"))),(0,n.kt)("li",{parentName:"ul"},"refactor(Blockquote): change to .jsx extension ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/44a164532c1ae969e4411e0cfb68b705ff2bfc1e"},(0,n.kt)("inlineCode",{parentName:"a"},"44a1645"))),(0,n.kt)("li",{parentName:"ul"},"refactor(heading): story name update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aa10f3412323321650e20401038d44b9bfdb507a"},(0,n.kt)("inlineCode",{parentName:"a"},"aa10f34")))),(0,n.kt)("h4",{id:"-internal-changes-32"},"\ud83c\udfe0 Internal changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"style(footer): prettier fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/902c25712c88330db841240c9f1d6004e3e2674f"},(0,n.kt)("inlineCode",{parentName:"a"},"902c257"))),(0,n.kt)("li",{parentName:"ul"},"style(storybook): prettier fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/59f941dea9bf05f31257230f1a871c6eb0e98aae"},(0,n.kt)("inlineCode",{parentName:"a"},"59f941d")))),(0,n.kt)("h4",{id:"-documentation-changes-26"},"\ud83c\udfe0 Documentation changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus):multiple page updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2aba73ea6ff86c5a94789c707d98699fc1397e01"},(0,n.kt)("inlineCode",{parentName:"a"},"2aba73e"))),(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus):update page content ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/565697fecb4528cc5b4a6a43ca3ab9b026a2779e"},(0,n.kt)("inlineCode",{parentName:"a"},"565697f"))),(0,n.kt)("li",{parentName:"ul"},"docs(grid):update components grid ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/60eb083aa5d00840642caf73f6e0bb86b814aed5"},(0,n.kt)("inlineCode",{parentName:"a"},"60eb083"))),(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus): page adjustments ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0641eacf9f4715acd4baaa651335ff84ac418009"},(0,n.kt)("inlineCode",{parentName:"a"},"0641eac"))),(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus):updated various pages ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f860176a5f755d75d7b9558661e675fc678fe7ac"},(0,n.kt)("inlineCode",{parentName:"a"},"f860176"))),(0,n.kt)("li",{parentName:"ul"},"docs(docusaurus): logo change ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3af5e5c3acbf7ba4e152ca6944c500dbb0cf10ee"},(0,n.kt)("inlineCode",{parentName:"a"},"3af5e5c")))),(0,n.kt)("h4",{id:"\ufe0f-others-73"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"added sortable table stories and descriptions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d44dd7c651abe46c380b62efd3258c92223e99c"},(0,n.kt)("inlineCode",{parentName:"a"},"6d44dd7"))),(0,n.kt)("li",{parentName:"ul"},"Layout components theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/586101341f713bb072f2753d8df6e8b2ad6e4938"},(0,n.kt)("inlineCode",{parentName:"a"},"5861013"))),(0,n.kt)("li",{parentName:"ul"},"recovered files from origin ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4ac04fde9c4297b09c834385f772e955b7f3b4a"},(0,n.kt)("inlineCode",{parentName:"a"},"a4ac04f"))),(0,n.kt)("li",{parentName:"ul"},"grid component & stories changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a5752e49aac05251905f7355234c3f9bc6b798f"},(0,n.kt)("inlineCode",{parentName:"a"},"4a5752e"))),(0,n.kt)("li",{parentName:"ul"},"Updated what's new section with actual commits from volto-eea-design-system repo ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc5e3c385d82ff7eccbd5841736f3ce292b2b7fd"},(0,n.kt)("inlineCode",{parentName:"a"},"fc5e3c3"))),(0,n.kt)("li",{parentName:"ul"},"Docusaurus title possible fix. ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/db699e771b13bbd7e75c3bd84bb91ecf5d0459d8"},(0,n.kt)("inlineCode",{parentName:"a"},"db699e7"))),(0,n.kt)("li",{parentName:"ul"},"form elements stories added description & default values ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b4f6ebeed275a86f5ef6dafb13219db0c0fbbc6"},(0,n.kt)("inlineCode",{parentName:"a"},"6b4f6eb"))),(0,n.kt)("li",{parentName:"ul"},"removed API tabs ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/58aa9286eb5d8cc520239aa6ee424ee5cd5446c3"},(0,n.kt)("inlineCode",{parentName:"a"},"58aa928"))),(0,n.kt)("li",{parentName:"ul"},"Layout updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/854f388c5b049e41217ddb444bc7bd0f2c61cdf6"},(0,n.kt)("inlineCode",{parentName:"a"},"854f388"))),(0,n.kt)("li",{parentName:"ul"},"Refs #142123 removed extra customization of semantic.less: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab9de811b20b20a9f91ddc8b45b4de2eb9c47f6c"},(0,n.kt)("inlineCode",{parentName:"a"},"ab9de81"))),(0,n.kt)("li",{parentName:"ul"},"added page-header,footer and grid in docusaurus ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/660c8e382068c179ca66831ae23588a4fb67cde6"},(0,n.kt)("inlineCode",{parentName:"a"},"660c8e3"))),(0,n.kt)("li",{parentName:"ul"},"Manual docs build and commit ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/666eb6aff8535bb586a49579152fcf8a88961f35"},(0,n.kt)("inlineCode",{parentName:"a"},"666eb6a"))),(0,n.kt)("li",{parentName:"ul"},"added svg & png files ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f1338d5bb02e17e402cea4b1584c7d01896097f9"},(0,n.kt)("inlineCode",{parentName:"a"},"f1338d5"))),(0,n.kt)("li",{parentName:"ul"},"added missing components to docusaurus ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/934dfd8a98942c247deb2b5b8693604ad77cafa3"},(0,n.kt)("inlineCode",{parentName:"a"},"934dfd8"))),(0,n.kt)("li",{parentName:"ul"},"Control descriptions updated ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/56581ebc86a91fd012a98984b20f6daad25900fe"},(0,n.kt)("inlineCode",{parentName:"a"},"56581eb"))),(0,n.kt)("li",{parentName:"ul"},"Grid updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/700332d354aea84526ff22acf3bc2f8903c0f584"},(0,n.kt)("inlineCode",{parentName:"a"},"700332d"))),(0,n.kt)("li",{parentName:"ul"},"Button theming update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0ec68b6bd1ab060ac224a859180b9f750834c0b8"},(0,n.kt)("inlineCode",{parentName:"a"},"0ec68b6"))),(0,n.kt)("li",{parentName:"ul"},"site variebales & overrides changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7251162f182f1528d72070aae8a5a14e9ec5ee93"},(0,n.kt)("inlineCode",{parentName:"a"},"7251162"))),(0,n.kt)("li",{parentName:"ul"},"Table and Tabs theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/49f08608e8be8475d561e1ce5c1bfbcfd21001f9"},(0,n.kt)("inlineCode",{parentName:"a"},"49f0860"))),(0,n.kt)("li",{parentName:"ul"},"Responsiveness updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48e1351104249fea610941793ff8ec3bf35d0699"},(0,n.kt)("inlineCode",{parentName:"a"},"48e1351"))),(0,n.kt)("li",{parentName:"ul"},"added various components to docusaurus ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/550d71963b0957b1c5597bbdb2c699c411c649bd"},(0,n.kt)("inlineCode",{parentName:"a"},"550d719"))),(0,n.kt)("li",{parentName:"ul"},"Checkbox and radio updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/24652a238f2c98fe5d8e8032e3320e0b3b4753e5"},(0,n.kt)("inlineCode",{parentName:"a"},"24652a2"))),(0,n.kt)("li",{parentName:"ul"},"remove images from typography and colour docs ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8493e924f5af4ba7c2ed478d7bae6992b4ef6ed6"},(0,n.kt)("inlineCode",{parentName:"a"},"8493e92"))),(0,n.kt)("li",{parentName:"ul"},"added guidelines' text and finished all components ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/02d75fcdc5a98633e4d563c7ec2863a9588b5506"},(0,n.kt)("inlineCode",{parentName:"a"},"02d75fc"))),(0,n.kt)("li",{parentName:"ul"},"added more missing components in docusaurus ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8be82634c681a073b13a5a90ee2b699bd25b422a"},(0,n.kt)("inlineCode",{parentName:"a"},"8be8263"))),(0,n.kt)("li",{parentName:"ul"},"Prettier changes on docusaurus ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f1e5eb796f2072e3b816a39a35cf48523405167"},(0,n.kt)("inlineCode",{parentName:"a"},"5f1e5eb"))),(0,n.kt)("li",{parentName:"ul"},"Grid updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ae099453e280de800a5a06c6fcbe074acc1f7bfd"},(0,n.kt)("inlineCode",{parentName:"a"},"ae09945"))),(0,n.kt)("li",{parentName:"ul"},"Minor fixes for tests ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3bdf3063d9bbc101f4b83c6aa4fc5fef5e87c776"},(0,n.kt)("inlineCode",{parentName:"a"},"3bdf306"))),(0,n.kt)("li",{parentName:"ul"},"Layout updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b7a4dc8731cb02946e604a0dd73d2a45f61cd8b"},(0,n.kt)("inlineCode",{parentName:"a"},"8b7a4dc"))),(0,n.kt)("li",{parentName:"ul"},"Footer and TOC theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb3d3c486f64e123b9009a76c6f054a8e2973230"},(0,n.kt)("inlineCode",{parentName:"a"},"bb3d3c4"))),(0,n.kt)("li",{parentName:"ul"},"Refs #145331 manually commit changelog until autobuild is stabilized ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93168b096b60fc6a208b20d1cbe610384be62f42"},(0,n.kt)("inlineCode",{parentName:"a"},"93168b0"))),(0,n.kt)("li",{parentName:"ul"},"label component changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df8c0ff2d9646e4dcc7ed1a25a80712ca9ea2c9b"},(0,n.kt)("inlineCode",{parentName:"a"},"df8c0ff"))),(0,n.kt)("li",{parentName:"ul"},"added several sections to the theming guidelines ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff1a649d9c83794024e2db4f6349b3cac4fe79a0"},(0,n.kt)("inlineCode",{parentName:"a"},"ff1a649"))),(0,n.kt)("li",{parentName:"ul"},"Updated removed files. ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84f9b8cf7c469525367764909fa0d322532a13be"},(0,n.kt)("inlineCode",{parentName:"a"},"84f9b8c"))),(0,n.kt)("li",{parentName:"ul"},"added more docusaurus components ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/52a3b9edd4c751225609dcaf2d16f08688e9cfeb"},(0,n.kt)("inlineCode",{parentName:"a"},"52a3b9e"))),(0,n.kt)("li",{parentName:"ul"},"Progress Bar ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f2efc9ded5a766df0c611a15f6a93f27bd14a37"},(0,n.kt)("inlineCode",{parentName:"a"},"9f2efc9"))),(0,n.kt)("li",{parentName:"ul"},"Modal and Confirm updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b306c6fa5631e1e4e37456d483a69bc8cc3b234"},(0,n.kt)("inlineCode",{parentName:"a"},"3b306c6"))),(0,n.kt)("li",{parentName:"ul"},"Add proper changes to whatsnew meant in previous commit ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/40f78e362ca607ef3893fff3d03c8ed1b4447c11"},(0,n.kt)("inlineCode",{parentName:"a"},"40f78e3"))),(0,n.kt)("li",{parentName:"ul"},"Form Descriptions ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de0dfbcb3a0a9610f1cbf7337f598b0c5338f2a3"},(0,n.kt)("inlineCode",{parentName:"a"},"de0dfbc"))),(0,n.kt)("li",{parentName:"ul"},"Prettier fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1337e6fffb13fa8447488129d5dcd5af9e35e46a"},(0,n.kt)("inlineCode",{parentName:"a"},"1337e6f"))),(0,n.kt)("li",{parentName:"ul"},"Deleted files ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b82f982fbfbaff4e74e35424c6122410e3830faf"},(0,n.kt)("inlineCode",{parentName:"a"},"b82f982"))),(0,n.kt)("li",{parentName:"ul"},"add new images for spacing ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7b7b2c48317c45e3ff89162d703434f615c840e9"},(0,n.kt)("inlineCode",{parentName:"a"},"7b7b2c4"))),(0,n.kt)("li",{parentName:"ul"},"Messages Theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad621a38c121f585125d5934c1939ba6a7198b33"},(0,n.kt)("inlineCode",{parentName:"a"},"ad621a3"))),(0,n.kt)("li",{parentName:"ul"},"added new content to docusaurus ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1c83452be983d46f4128c33c25e69afef333f82a"},(0,n.kt)("inlineCode",{parentName:"a"},"1c83452"))),(0,n.kt)("li",{parentName:"ul"},"Minor less updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a36a8bbfeb201049fa13987894a5ec2ec167ed03"},(0,n.kt)("inlineCode",{parentName:"a"},"a36a8bb"))),(0,n.kt)("li",{parentName:"ul"},"Tabs and lists updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e37eef19e67c3c5720d5a9565e9884dc5c19f127"},(0,n.kt)("inlineCode",{parentName:"a"},"e37eef1"))),(0,n.kt)("li",{parentName:"ul"},"Inpage nav and timeline components ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/76f0f82dc3a8f683268a4df7580b8f73a0cc1cb4"},(0,n.kt)("inlineCode",{parentName:"a"},"76f0f82"))),(0,n.kt)("li",{parentName:"ul"},"Prettier updated files ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/679b9d2026091685d6982ab68e5088544ea0941e"},(0,n.kt)("inlineCode",{parentName:"a"},"679b9d2"))),(0,n.kt)("li",{parentName:"ul"},"dropdown initial ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d8aef26dc905adbb0fb72c73d6188b50944931c9"},(0,n.kt)("inlineCode",{parentName:"a"},"d8aef26"))),(0,n.kt)("li",{parentName:"ul"},"Prettier changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f068af0b307d85146e1d8a529947c98988c506f7"},(0,n.kt)("inlineCode",{parentName:"a"},"f068af0"))),(0,n.kt)("li",{parentName:"ul"},"List initial ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d3b96974bc35ad958b8cfc7921c1fbe345e5ebf"},(0,n.kt)("inlineCode",{parentName:"a"},"6d3b969"))),(0,n.kt)("li",{parentName:"ul"},"List story updated ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e96a6f6cff9a4db994df7cbf584842b18ca1c432"},(0,n.kt)("inlineCode",{parentName:"a"},"e96a6f6"))),(0,n.kt)("li",{parentName:"ul"},"Statistics updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/74bf63999cfeb0791b9475d3895a49a245be2cd3"},(0,n.kt)("inlineCode",{parentName:"a"},"74bf639"))),(0,n.kt)("li",{parentName:"ul"},"styling ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c169cc026189ca71e6e9cad17bde9d65d93ffbde"},(0,n.kt)("inlineCode",{parentName:"a"},"c169cc0"))),(0,n.kt)("li",{parentName:"ul"},"timeline comp storybook changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f42686ae19b619fa659730567bdceb369ecd4b0"},(0,n.kt)("inlineCode",{parentName:"a"},"1f42686"))),(0,n.kt)("li",{parentName:"ul"},"feature(docusaurus) added theming guidelines ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ded1f04a3197ac34640f98bcfe363c75a0a3745f"},(0,n.kt)("inlineCode",{parentName:"a"},"ded1f04"))),(0,n.kt)("li",{parentName:"ul"},"Properly commented out integration tests. ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48b3a15f426db52b9fa27f6d7792c424b4939867"},(0,n.kt)("inlineCode",{parentName:"a"},"48b3a15"))),(0,n.kt)("li",{parentName:"ul"},"Reattempting commented out integrations tests. ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3dd8211ecfca6c7891ef6851d0dc82899ab50f05"},(0,n.kt)("inlineCode",{parentName:"a"},"3dd8211"))),(0,n.kt)("li",{parentName:"ul"},"Button theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4231e1c264165ef6f7e2f2cd6fbd7c51159330b6"},(0,n.kt)("inlineCode",{parentName:"a"},"4231e1c"))),(0,n.kt)("li",{parentName:"ul"},"Card initial ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/06dace5c4aa54d90ec4bcdc0b3fbc0883f825947"},(0,n.kt)("inlineCode",{parentName:"a"},"06dace5"))),(0,n.kt)("li",{parentName:"ul"},"form element storybook changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4b06aabddedbc281f23fc75a1e56476c4d1c1af"},(0,n.kt)("inlineCode",{parentName:"a"},"c4b06aa"))),(0,n.kt)("li",{parentName:"ul"},"Pagination theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2a80175762fbab23691d52f89cd38eb6f7740c4e"},(0,n.kt)("inlineCode",{parentName:"a"},"2a80175"))),(0,n.kt)("li",{parentName:"ul"},"Accordion theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8061bf90823a9172cfccb0ea1ed544ceda1c3fe9"},(0,n.kt)("inlineCode",{parentName:"a"},"8061bf9"))),(0,n.kt)("li",{parentName:"ul"},"global var updates and radio story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9526ee2fc8269db60ce912bfd4edfadbb55fed3a"},(0,n.kt)("inlineCode",{parentName:"a"},"9526ee2"))),(0,n.kt)("li",{parentName:"ul"},"created pullquote component & stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df35563fb7ba2be403461c120b32ebffaa391736"},(0,n.kt)("inlineCode",{parentName:"a"},"df35563"))),(0,n.kt)("li",{parentName:"ul"},"Item stories added description & default values ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9d459f2cd92e419813e7edf0f28dec4c750a5940"},(0,n.kt)("inlineCode",{parentName:"a"},"9d459f2"))),(0,n.kt)("li",{parentName:"ul"},"storybook clean up code ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bffd32603a70cf6cafa4874937f3fe218ba5de9d"},(0,n.kt)("inlineCode",{parentName:"a"},"bffd326"))),(0,n.kt)("li",{parentName:"ul"},"List updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/28f1b5352d83e144acdaae694cf20755a3b04106"},(0,n.kt)("inlineCode",{parentName:"a"},"28f1b53"))),(0,n.kt)("li",{parentName:"ul"},"Button classes updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/788c289549490d9ac5f1c40f1e39124349e1dbcd"},(0,n.kt)("inlineCode",{parentName:"a"},"788c289"))),(0,n.kt)("li",{parentName:"ul"},"Prettier fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/678c9be717468fd2c8c425bec5999e81a66dabf6"},(0,n.kt)("inlineCode",{parentName:"a"},"678c9be"))),(0,n.kt)("li",{parentName:"ul"},"Removed header title from partial docusaurus components. ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ed7c45e458504fa76ad500ab26f59a442b3c6952"},(0,n.kt)("inlineCode",{parentName:"a"},"ed7c45e"))),(0,n.kt)("li",{parentName:"ul"},"created banner component and stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9be170f2ccb20218a7bdae48c85f77acd69427ff"},(0,n.kt)("inlineCode",{parentName:"a"},"9be170f"))),(0,n.kt)("li",{parentName:"ul"},"Breadcrumb stories description & defaultValue -- clean up code ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/186ab65ca8635c853c919fc645c1ef0486e22a43"},(0,n.kt)("inlineCode",{parentName:"a"},"186ab65"))),(0,n.kt)("li",{parentName:"ul"},"Refs #142123 added customization of semantic.less: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1e02356722fcb7528883b6dc3bf71279343fd1f7"},(0,n.kt)("inlineCode",{parentName:"a"},"1e02356"))),(0,n.kt)("li",{parentName:"ul"},"Card stories added description & default values ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6b408f1ed24ee69ad8faacc6b36cf06e9917478"},(0,n.kt)("inlineCode",{parentName:"a"},"f6b408f"))),(0,n.kt)("li",{parentName:"ul"},"Statistic and accordion updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/16064ceeb6e1a7f097979365473c6a86ced4056f"},(0,n.kt)("inlineCode",{parentName:"a"},"16064ce"))),(0,n.kt)("li",{parentName:"ul"},"breadcrumb component & stories changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5bceb980502828c182a3998943ab086159c3fcb6"},(0,n.kt)("inlineCode",{parentName:"a"},"5bceb98"))),(0,n.kt)("li",{parentName:"ul"},"Container initial ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3eb7155332f83bb8896a831e24cbae028413aba2"},(0,n.kt)("inlineCode",{parentName:"a"},"3eb7155"))),(0,n.kt)("li",{parentName:"ul"},"doc(docusaurus):Fix text for various parts ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bfd3fa2584a6e7aa2c26f3502b1ede912682905e"},(0,n.kt)("inlineCode",{parentName:"a"},"bfd3fa2"))),(0,n.kt)("li",{parentName:"ul"},"blockquote component & stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/879b6402f08112fedfffe6d66e72c37750593bb8"},(0,n.kt)("inlineCode",{parentName:"a"},"879b640"))),(0,n.kt)("li",{parentName:"ul"},"Refs #143412 removed doc comments breaking doc building ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e6a6756b0533e6dbfdb636f9a9e6485e30187cad"},(0,n.kt)("inlineCode",{parentName:"a"},"e6a6756"))),(0,n.kt)("li",{parentName:"ul"},"Popup updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce2d641d8f5d940cbb93deefdabbbfb85ad20ad7"},(0,n.kt)("inlineCode",{parentName:"a"},"ce2d641"))),(0,n.kt)("li",{parentName:"ul"},"Global variables for colors and borders added ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e5fbd619d163acae03d3d1bb26e082390f90c21"},(0,n.kt)("inlineCode",{parentName:"a"},"6e5fbd6"))),(0,n.kt)("li",{parentName:"ul"},"Tab stories changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5429cfb7751d6ad31231f9cc19d8bd7e8d24d0b8"},(0,n.kt)("inlineCode",{parentName:"a"},"5429cfb"))),(0,n.kt)("li",{parentName:"ul"},"Confirm stories added description & default value ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/85cda14b1338dc986bbab5aa7846b4ef3ec8d0bd"},(0,n.kt)("inlineCode",{parentName:"a"},"85cda14"))),(0,n.kt)("li",{parentName:"ul"},"Kebab case class names ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b41cd078ab5b349dc1d15769832913dcc8e6786f"},(0,n.kt)("inlineCode",{parentName:"a"},"b41cd07"))),(0,n.kt)("li",{parentName:"ul"},"Card and Comment class updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/389946540d3def2ea81c5c7c489e79dc24d4efb3"},(0,n.kt)("inlineCode",{parentName:"a"},"3899465"))),(0,n.kt)("li",{parentName:"ul"},"Accordion updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c97ba39cc7823cb72180a858c0b8a69cc9434927"},(0,n.kt)("inlineCode",{parentName:"a"},"c97ba39"))),(0,n.kt)("li",{parentName:"ul"},"item stories changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/772e41f3d90034827afcb118c38ab075d3bb7bb9"},(0,n.kt)("inlineCode",{parentName:"a"},"772e41f"))),(0,n.kt)("li",{parentName:"ul"},"Accordion class updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9cdde86f14a17701d66b3d2850980251094934b5"},(0,n.kt)("inlineCode",{parentName:"a"},"9cdde86"))),(0,n.kt)("li",{parentName:"ul"},"Comment stories added description & default value ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb6f25bc1452330f4155ccf6a64df491740ed8da"},(0,n.kt)("inlineCode",{parentName:"a"},"cb6f25b"))),(0,n.kt)("li",{parentName:"ul"},"Accrodion stories description & default value ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab8fb883c3cbfeea1807bf1aaf72f5d8424933f4"},(0,n.kt)("inlineCode",{parentName:"a"},"ab8fb88"))),(0,n.kt)("li",{parentName:"ul"},"Pullquotes updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5984213ba9397ddb4c1932394a5cc368336cf0a"},(0,n.kt)("inlineCode",{parentName:"a"},"c598421"))),(0,n.kt)("li",{parentName:"ul"},"Modal and confirm class updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0ae47e6f55645c0d6318123a5783648326c16852"},(0,n.kt)("inlineCode",{parentName:"a"},"0ae47e6"))),(0,n.kt)("li",{parentName:"ul"},"Tab and paggination updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/96796fffb189d2fa3628423280f3622dcacb449f"},(0,n.kt)("inlineCode",{parentName:"a"},"96796ff"))),(0,n.kt)("li",{parentName:"ul"},"Form Updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e986a9f0fc48ddcbc17488a8bbbaec82cee92232"},(0,n.kt)("inlineCode",{parentName:"a"},"e986a9f"))),(0,n.kt)("li",{parentName:"ul"},"Classes renamed ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/73c8c3d622bb3b9c0b5cf09e340de4df6606a14c"},(0,n.kt)("inlineCode",{parentName:"a"},"73c8c3d"))),(0,n.kt)("li",{parentName:"ul"},"List and item less updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce0de1708ca410c7839f3ce9b5b3cfbdb6979939"},(0,n.kt)("inlineCode",{parentName:"a"},"ce0de17"))),(0,n.kt)("li",{parentName:"ul"},"Confirm theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36e20ce0dd6cd159e9f8e519d22ab696a622efd9"},(0,n.kt)("inlineCode",{parentName:"a"},"36e20ce"))),(0,n.kt)("li",{parentName:"ul"},"container overrides changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b3970bd28df5939fd438f7fc58b5d1dfbe33719"},(0,n.kt)("inlineCode",{parentName:"a"},"4b3970b"))),(0,n.kt)("li",{parentName:"ul"},"Docusaurus theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc4a8c5534b6eb85192a687890846b3a4bed9401"},(0,n.kt)("inlineCode",{parentName:"a"},"fc4a8c5"))),(0,n.kt)("li",{parentName:"ul"},"refacto(headings): update mobile headings sizes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2e9f838766ffd73095ecf7eccc71629c09d6bc0"},(0,n.kt)("inlineCode",{parentName:"a"},"b2e9f83"))),(0,n.kt)("li",{parentName:"ul"},"list stories and style changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c61db53b153f8f0e51eddd6a6c82dd38e6278c82"},(0,n.kt)("inlineCode",{parentName:"a"},"c61db53"))),(0,n.kt)("li",{parentName:"ul"},"Tab theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e31e6c3b1f0d6b4dbd63425a1846914d8dfa318d"},(0,n.kt)("inlineCode",{parentName:"a"},"e31e6c3"))),(0,n.kt)("li",{parentName:"ul"},"Message and pagination classes updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c230687c48953208461aa92376588246d49dadaa"},(0,n.kt)("inlineCode",{parentName:"a"},"c230687"))),(0,n.kt)("li",{parentName:"ul"},"Segment initial ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5724fe639e0f2aecbb1c633fe7e69b742ddfaf5"},(0,n.kt)("inlineCode",{parentName:"a"},"d5724fe"))),(0,n.kt)("li",{parentName:"ul"},"Refs #143412 removed doc comments from api_markdown breaking doc building ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/efeacba82875c6b36ee1ef76792e86ca03ee6f35"},(0,n.kt)("inlineCode",{parentName:"a"},"efeacba"))),(0,n.kt)("li",{parentName:"ul"},"Timeline and responsiveness updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1ed152476e33bc41fdf9d89a6bc80f83af538373"},(0,n.kt)("inlineCode",{parentName:"a"},"1ed1524"))),(0,n.kt)("li",{parentName:"ul"},"Refs #142123 use swap font-display for performance reasons ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/083738f0834982b5684d67d75c080dc50b1c74ef"},(0,n.kt)("inlineCode",{parentName:"a"},"083738f"))),(0,n.kt)("li",{parentName:"ul"},"Breadcrumb stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3d0d17ca4f04123d55fda64c516b8f867ee1bd13"},(0,n.kt)("inlineCode",{parentName:"a"},"3d0d17c"))),(0,n.kt)("li",{parentName:"ul"},"Table component stories minor change ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0bf40835204f57ab300e2c325309fddf5279d76b"},(0,n.kt)("inlineCode",{parentName:"a"},"0bf4083"))),(0,n.kt)("li",{parentName:"ul"},"List stories changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a64b304a3aa025873643d592de03cbfbc0d02d81"},(0,n.kt)("inlineCode",{parentName:"a"},"a64b304"))),(0,n.kt)("li",{parentName:"ul"},"blockquote component minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cdf71a883d3778e1bde25ec0b4a2f3e370b98b09"},(0,n.kt)("inlineCode",{parentName:"a"},"cdf71a8"))),(0,n.kt)("li",{parentName:"ul"},"ckeckbox stories minor change ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d6e508f73a18d7ce9fcdb779026113659ce8950"},(0,n.kt)("inlineCode",{parentName:"a"},"6d6e508"))),(0,n.kt)("li",{parentName:"ul"},"image component storybook changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91290ec540ae913fff76f0dbed6c310668a2eeb3"},(0,n.kt)("inlineCode",{parentName:"a"},"91290ec"))),(0,n.kt)("li",{parentName:"ul"},"button overrides changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5b78dd7b794e2e0ece2d5af9eb171e73b77ee93"},(0,n.kt)("inlineCode",{parentName:"a"},"d5b78dd"))),(0,n.kt)("li",{parentName:"ul"},"accordion overrides changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fdcf7d58eea3ce9e68c49649fb4a788c8a801b49"},(0,n.kt)("inlineCode",{parentName:"a"},"fdcf7d5"))),(0,n.kt)("li",{parentName:"ul"},"Accordion component and stories changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5079247b2d4b96b2a7252692ea538ca620cbec38"},(0,n.kt)("inlineCode",{parentName:"a"},"5079247"))),(0,n.kt)("li",{parentName:"ul"},"Card theming ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/23bbb9d1b5751bc4877d02ae1c676ea28463ec39"},(0,n.kt)("inlineCode",{parentName:"a"},"23bbb9d"))),(0,n.kt)("li",{parentName:"ul"},"statistic overrides changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b11cb5ffb9c907563b37a3db8fea3b1ef3584bc"},(0,n.kt)("inlineCode",{parentName:"a"},"2b11cb5"))),(0,n.kt)("li",{parentName:"ul"},"Refs #143412 build docs only on pull request like we do with storybook ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/473bb87be53610a654d35c9b399de14824301385"},(0,n.kt)("inlineCode",{parentName:"a"},"473bb87"))),(0,n.kt)("li",{parentName:"ul"},"Card component stories minor change | added link icon ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/deb423af02643697c3781212b177487174d341f7"},(0,n.kt)("inlineCode",{parentName:"a"},"deb423a"))),(0,n.kt)("li",{parentName:"ul"},"comment component stories changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f1c5e75f1af24c5b39a2e61cf07c773abfa96f66"},(0,n.kt)("inlineCode",{parentName:"a"},"f1c5e75"))),(0,n.kt)("li",{parentName:"ul"},"Accordion component bug fixed ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/815e91df66ed738f3d91cadc8df151782829f545"},(0,n.kt)("inlineCode",{parentName:"a"},"815e91d"))),(0,n.kt)("li",{parentName:"ul"},"Refs #145331 use iso date to release so that we see also time ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ceedf08937ab683c3e624cd3c909bf4a4788f883"},(0,n.kt)("inlineCode",{parentName:"a"},"ceedf08"))),(0,n.kt)("li",{parentName:"ul"},"correct connfig for doco ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93e13135e7f00fe32f4db2d720db4159970da021"},(0,n.kt)("inlineCode",{parentName:"a"},"93e1313"))),(0,n.kt)("li",{parentName:"ul"},"Item updates ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fae93d43a0ad56c4c9b8ce7bf436ad4f47421744"},(0,n.kt)("inlineCode",{parentName:"a"},"fae93d4"))),(0,n.kt)("li",{parentName:"ul"},"added layout grid ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2e6be557bcd3bef836338380ef68acade1c6b3e3"},(0,n.kt)("inlineCode",{parentName:"a"},"2e6be55"))),(0,n.kt)("li",{parentName:"ul"},"tab overrides changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87aaf32cac5a0dee0da5833217de68da62327f5a"},(0,n.kt)("inlineCode",{parentName:"a"},"87aaf32"))),(0,n.kt)("li",{parentName:"ul"},"message overrides changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6dccfca52d9673f394d81bd40da0af1b1504af0c"},(0,n.kt)("inlineCode",{parentName:"a"},"6dccfca"))),(0,n.kt)("li",{parentName:"ul"},"segment storie changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/296371fa71e43c2341bee8069f66d5cd1f7aa5f8"},(0,n.kt)("inlineCode",{parentName:"a"},"296371f"))),(0,n.kt)("li",{parentName:"ul"},"progress component stories changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df10c2ed1289ae770008c71e1545c1ac0a223fc5"},(0,n.kt)("inlineCode",{parentName:"a"},"df10c2e"))),(0,n.kt)("li",{parentName:"ul"},"message comp storybook changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c86b40563f655fd5833dd05119f04d0e4256e75f"},(0,n.kt)("inlineCode",{parentName:"a"},"c86b405"))),(0,n.kt)("li",{parentName:"ul"},"Accordion cmponent stories | minor bug fix ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6de0d816287a9beeb9e8a5a890a2e14f3457a792"},(0,n.kt)("inlineCode",{parentName:"a"},"6de0d81"))),(0,n.kt)("li",{parentName:"ul"},"Refs #145331 add all changes when auto building docusaurus ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce11cce4fe3dadc16a0da56c36bc5db480e4ff91"},(0,n.kt)("inlineCode",{parentName:"a"},"ce11cce"))),(0,n.kt)("li",{parentName:"ul"},"perf(timeline):removed semantic timeline package ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0aeb34a189eb53a5fc0fc45d716da515b7ed0301"},(0,n.kt)("inlineCode",{parentName:"a"},"0aeb34a"))),(0,n.kt)("li",{parentName:"ul"},"Tablet Breakpoint update ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b229c2739e75a00e403dd07c31eb0dac7700baac"},(0,n.kt)("inlineCode",{parentName:"a"},"b229c27"))),(0,n.kt)("li",{parentName:"ul"},"Refs #143412 set storyBook Url to eea.github.io ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7fdecbb5e9e6e7db0b128ab7fd3a98dd1dbbc74"},(0,n.kt)("inlineCode",{parentName:"a"},"b7fdecb"))),(0,n.kt)("li",{parentName:"ul"},"bump package version to signaling of a major release ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c835f1d8193685153b8a9b54edbc2e8d3d095321"},(0,n.kt)("inlineCode",{parentName:"a"},"c835f1d"))),(0,n.kt)("li",{parentName:"ul"},"small commit to trigger deployment of storybook and docusaurus ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/be46ea3b581cccc82369c9cf6d4e29b02822cd71"},(0,n.kt)("inlineCode",{parentName:"a"},"be46ea3"))),(0,n.kt)("li",{parentName:"ul"},"doc(accordion):revert previous change ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3de02da26472c17389366d933f3293f658fd783a"},(0,n.kt)("inlineCode",{parentName:"a"},"3de02da"))),(0,n.kt)("li",{parentName:"ul"},"fix typo for caption @desktop line-height pixel number ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/167155234a897334a03a4f3eadc71701185bb924"},(0,n.kt)("inlineCode",{parentName:"a"},"1671552"))),(0,n.kt)("li",{parentName:"ul"},"Commented out integration tests. ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/574cfec852f39bdd30430d2ca3a466aec417180d"},(0,n.kt)("inlineCode",{parentName:"a"},"574cfec"))),(0,n.kt)("li",{parentName:"ul"},"popup overrides changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a9555e3128bd0c92691410c202d9b26dd5a5e0c5"},(0,n.kt)("inlineCode",{parentName:"a"},"a9555e3"))),(0,n.kt)("li",{parentName:"ul"},"container component stories fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/692cfce5e795ac718855349424e7e8eb9c7518ec"},(0,n.kt)("inlineCode",{parentName:"a"},"692cfce"))),(0,n.kt)("li",{parentName:"ul"},"Added timeline to package json fixed ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2e93e0478a1502cccb8d7f866cef337a2546b6c"},(0,n.kt)("inlineCode",{parentName:"a"},"f2e93e0"))),(0,n.kt)("li",{parentName:"ul"},"Refs #142123 modified import of volto-eea-design-system icon.less: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7fab7d2871f153c2db139e3258da071ace7c09d"},(0,n.kt)("inlineCode",{parentName:"a"},"a7fab7d"))),(0,n.kt)("li",{parentName:"ul"},"Refs #142123 reference icon.less from this package: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5616e6d730f1a8cbc04784230c35f3490fd0f921"},(0,n.kt)("inlineCode",{parentName:"a"},"5616e6d"))),(0,n.kt)("li",{parentName:"ul"},"Menu component stories change ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2797716aa050a8f70d2b6f0f19b7d01e5cd035be"},(0,n.kt)("inlineCode",{parentName:"a"},"2797716"))),(0,n.kt)("li",{parentName:"ul"},"Image stories minor change ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ddb9f1dd56fe42e17df1eac5bfd93ee6eaac3179"},(0,n.kt)("inlineCode",{parentName:"a"},"ddb9f1d"))),(0,n.kt)("li",{parentName:"ul"},"card component stories changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ccba1ec4a388ced5a3671bf88d4f18aefc8cff3"},(0,n.kt)("inlineCode",{parentName:"a"},"6ccba1e"))),(0,n.kt)("li",{parentName:"ul"},"Added timeline to package json ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93031d6b6b3215e98074700554d7546f9f17f320"},(0,n.kt)("inlineCode",{parentName:"a"},"93031d6"))),(0,n.kt)("li",{parentName:"ul"},"table stories code clean up ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7b2a56e37b847a3a3fc3d78f2099aba052826c3"},(0,n.kt)("inlineCode",{parentName:"a"},"b7b2a56"))),(0,n.kt)("li",{parentName:"ul"},"Refs #143412 removed extra baseUrl from docusaurus config ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/79f36da6a38866765025cedd4f5eeb63e273785c"},(0,n.kt)("inlineCode",{parentName:"a"},"79f36da"))),(0,n.kt)("li",{parentName:"ul"},"Accordion stories minor change ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ffe808aabc77c6cb324e8fe097a97bb82c291c29"},(0,n.kt)("inlineCode",{parentName:"a"},"ffe808a"))),(0,n.kt)("li",{parentName:"ul"},"Theme assets ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3f4bea4b53e393bc3d926b63683265c0b5df32c2"},(0,n.kt)("inlineCode",{parentName:"a"},"3f4bea4"))),(0,n.kt)("li",{parentName:"ul"},"Merged with develop ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/167ec9f7847162965ad045259989cc31abaad7f1"},(0,n.kt)("inlineCode",{parentName:"a"},"167ec9f")))),(0,n.kt)("h3",{id:"012-beta2---2022-01-03"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.1...0.1.2-beta.2"},"0.1.2-beta.2")," - 2022-01-03"),(0,n.kt)("h3",{id:"012-beta1---2021-12-22"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.0...0.1.2-beta.1"},"0.1.2-beta.1")," - 2021-12-22"),(0,n.kt)("h4",{id:"\ufe0f-others-74"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Tab component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4690a6fc1e739eeeeaa3dc90ee35e05a22875bf8"},(0,n.kt)("inlineCode",{parentName:"a"},"4690a6f"))),(0,n.kt)("li",{parentName:"ul"},"Comment component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a87cb6ad7959ce939c9decbfaa08026d4f00a10e"},(0,n.kt)("inlineCode",{parentName:"a"},"a87cb6a"))),(0,n.kt)("li",{parentName:"ul"},"Form stories changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc30c900e5adf5a27930aa64a79a632e2b7d84ae"},(0,n.kt)("inlineCode",{parentName:"a"},"fc30c90"))),(0,n.kt)("li",{parentName:"ul"},"Grid component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/798fdd0d0fecb7980308c831fc9dc111a36c5d9f"},(0,n.kt)("inlineCode",{parentName:"a"},"798fdd0"))),(0,n.kt)("li",{parentName:"ul"},"Image component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/be93385f1ea29846512eb7762d69bb98f33be7f2"},(0,n.kt)("inlineCode",{parentName:"a"},"be93385"))),(0,n.kt)("li",{parentName:"ul"},"Menu component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb1f9a82843bb4e3011be9813ae692c94d986495"},(0,n.kt)("inlineCode",{parentName:"a"},"cb1f9a8"))),(0,n.kt)("li",{parentName:"ul"},"Dropdown component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57cf954599292e6a2f8a1644c6b6d61706ecaf60"},(0,n.kt)("inlineCode",{parentName:"a"},"57cf954"))),(0,n.kt)("li",{parentName:"ul"},"Header component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/264fd463734c9587e3a820f4d14527af89274e12"},(0,n.kt)("inlineCode",{parentName:"a"},"264fd46"))),(0,n.kt)("li",{parentName:"ul"},"Confirn component minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9a00bc174fb676e626d6cc93fac225e8a6165790"},(0,n.kt)("inlineCode",{parentName:"a"},"9a00bc1"))),(0,n.kt)("li",{parentName:"ul"},"Item component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6994fa00c0f91550f64d7345503df7f562480d32"},(0,n.kt)("inlineCode",{parentName:"a"},"6994fa0"))),(0,n.kt)("li",{parentName:"ul"},"Label component stories changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5cc5843327deeaa5ae2cedc03e6f0c314be6586a"},(0,n.kt)("inlineCode",{parentName:"a"},"5cc5843"))),(0,n.kt)("li",{parentName:"ul"},"Container component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e6e40b3a505c2e2fe88a36d74ea4e9728e3491f6"},(0,n.kt)("inlineCode",{parentName:"a"},"e6e40b3"))),(0,n.kt)("li",{parentName:"ul"},"Message component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ba9d377fd5b04274f1d42065eafa2401a1b0bbca"},(0,n.kt)("inlineCode",{parentName:"a"},"ba9d377"))),(0,n.kt)("li",{parentName:"ul"},"Breadcrumb component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff7a176141c3a59d71df98a0ed0b23b8c08787df"},(0,n.kt)("inlineCode",{parentName:"a"},"ff7a176"))),(0,n.kt)("li",{parentName:"ul"},"Modal component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af1fe6a84d058fb937b555f4dc3e0efceebefa04"},(0,n.kt)("inlineCode",{parentName:"a"},"af1fe6a"))),(0,n.kt)("li",{parentName:"ul"},"List stories changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0016042856fa2275aed373eebd6f996b837619a2"},(0,n.kt)("inlineCode",{parentName:"a"},"0016042"))),(0,n.kt)("li",{parentName:"ul"},"Button component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/690dfd234bee017c1f1cda7077265e6cf4a870e9"},(0,n.kt)("inlineCode",{parentName:"a"},"690dfd2"))),(0,n.kt)("li",{parentName:"ul"},"Radio component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84eac30ab5b523ed09c56b9cca41b058cee3e5d2"},(0,n.kt)("inlineCode",{parentName:"a"},"84eac30"))),(0,n.kt)("li",{parentName:"ul"},"Progress component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e6763571afe637375e8260babd9f2219f29b432a"},(0,n.kt)("inlineCode",{parentName:"a"},"e676357"))),(0,n.kt)("li",{parentName:"ul"},"Pagination component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b1af226b9bd42097dc3c74be3d9ca3fab29b80f6"},(0,n.kt)("inlineCode",{parentName:"a"},"b1af226"))),(0,n.kt)("li",{parentName:"ul"},"Segment component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f8c7efcb9b1de209ff146dd315ea9d43b16f4db"},(0,n.kt)("inlineCode",{parentName:"a"},"5f8c7ef"))),(0,n.kt)("li",{parentName:"ul"},"Refs #143412 eslint fixes for component stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/badcb9158cb4a847380f66592b22c78b5117626a"},(0,n.kt)("inlineCode",{parentName:"a"},"badcb91"))),(0,n.kt)("li",{parentName:"ul"},"Table component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7c104b8e89272b0e2505d165184093ee2680c6f3"},(0,n.kt)("inlineCode",{parentName:"a"},"7c104b8"))),(0,n.kt)("li",{parentName:"ul"},"Refs #143412 more eslint fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a88c091723af0b87cfa85c83307d9510d2bae65c"},(0,n.kt)("inlineCode",{parentName:"a"},"a88c091"))),(0,n.kt)("li",{parentName:"ul"},"Refs #143412 warn for broken links instead of throwing ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bd5821cb78e030aaf69de73dc4d3bdadbe320195"},(0,n.kt)("inlineCode",{parentName:"a"},"bd5821c"))),(0,n.kt)("li",{parentName:"ul"},"Refs #143412 merge changes from develop-itml to develop branch ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bca28b968bc88720aff9e29e1a94a597a7375666"},(0,n.kt)("inlineCode",{parentName:"a"},"bca28b9"))),(0,n.kt)("li",{parentName:"ul"},"made tabs dynamic for api tab ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea37ecb3ec9fe0ace41d7650d59e209929d8e95f"},(0,n.kt)("inlineCode",{parentName:"a"},"ea37ecb"))),(0,n.kt)("li",{parentName:"ul"},"Basic storybook/Docusaurus components ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/840ab60f22f7b73d8742fa7452f198d486c6ec5b"},(0,n.kt)("inlineCode",{parentName:"a"},"840ab60"))),(0,n.kt)("li",{parentName:"ul"},"created List directory & srories based on semantic-ui List component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51f19016b27228a4d391c88b7eee27357d6fdc0d"},(0,n.kt)("inlineCode",{parentName:"a"},"51f1901"))),(0,n.kt)("li",{parentName:"ul"},"made tabs as component easy to call for other components ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/07bae4900a4076f3429d3a26978b92aabf6b23ba"},(0,n.kt)("inlineCode",{parentName:"a"},"07bae49"))),(0,n.kt)("li",{parentName:"ul"},"Popup Component | minor fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ff9908a9374f93b9eaf4d8ee8de24acdf5be3ec"},(0,n.kt)("inlineCode",{parentName:"a"},"2ff9908"))),(0,n.kt)("li",{parentName:"ul"},"created stories for Tab component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95e3a733921b42fbe2540fa39548284abff9fdc0"},(0,n.kt)("inlineCode",{parentName:"a"},"95e3a73"))),(0,n.kt)("li",{parentName:"ul"},"created Table directory and stories based on semantic-ui Table component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e16115daa000962ccd8d141e3c11fd099446a388"},(0,n.kt)("inlineCode",{parentName:"a"},"e16115d"))),(0,n.kt)("li",{parentName:"ul"},"List component stories - minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de113430b487297417c4697178f9ee37412a5389"},(0,n.kt)("inlineCode",{parentName:"a"},"de11343"))),(0,n.kt)("li",{parentName:"ul"},"created stories for Comment component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a20f8842e8cb5c937dfc450030ac9afcf78ffe11"},(0,n.kt)("inlineCode",{parentName:"a"},"a20f884"))),(0,n.kt)("li",{parentName:"ul"},"created stories for Grid component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/360d2a897f36e86c58b0ba6ac3d4fc852d10287d"},(0,n.kt)("inlineCode",{parentName:"a"},"360d2a8"))),(0,n.kt)("li",{parentName:"ul"},"created stories for Image component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c1d2bcaf886c96052af45fcce98243ea56c98a5"},(0,n.kt)("inlineCode",{parentName:"a"},"3c1d2bc"))),(0,n.kt)("li",{parentName:"ul"},"created stories for Menu component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/17e3b37ae447d8cc86228fa6c0c48a8fd8be9d03"},(0,n.kt)("inlineCode",{parentName:"a"},"17e3b37"))),(0,n.kt)("li",{parentName:"ul"},"Added untracked files ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/75f0afda10114e70348e23d480f8f74528531674"},(0,n.kt)("inlineCode",{parentName:"a"},"75f0afd"))),(0,n.kt)("li",{parentName:"ul"},"created Dropdown stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d6a25381078e0b3cabdb9270d5224b3886ab6af9"},(0,n.kt)("inlineCode",{parentName:"a"},"d6a2538"))),(0,n.kt)("li",{parentName:"ul"},"created Header component stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8339798f3e7d40f1b5a033bf4d7303c756c38d3"},(0,n.kt)("inlineCode",{parentName:"a"},"b833979"))),(0,n.kt)("li",{parentName:"ul"},"created stories for semantic-ui Confirm component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fddccc6cf97f9929da52064ceb379f9fc427b42"},(0,n.kt)("inlineCode",{parentName:"a"},"6fddccc"))),(0,n.kt)("li",{parentName:"ul"},"created Statistic directory and stories with semantic-ui Statistic component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cd62498dbd75d5dff0adf849ff95d22bb9dc3b34"},(0,n.kt)("inlineCode",{parentName:"a"},"cd62498"))),(0,n.kt)("li",{parentName:"ul"},"created Item component stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/90ec2be7eede347352e318c70615c30e7d422073"},(0,n.kt)("inlineCode",{parentName:"a"},"90ec2be"))),(0,n.kt)("li",{parentName:"ul"},"created stories for Container component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/41934f6c5961ae0ac034a496ac169a191c7a5288"},(0,n.kt)("inlineCode",{parentName:"a"},"41934f6"))),(0,n.kt)("li",{parentName:"ul"},"created Label component stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/71732f68b3153320710fbf7fb78dac460b8a084f"},(0,n.kt)("inlineCode",{parentName:"a"},"71732f6"))),(0,n.kt)("li",{parentName:"ul"},"created Message component stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/adcbeabe6d4e8c1bbd7bd925c5f7fd3109fb407c"},(0,n.kt)("inlineCode",{parentName:"a"},"adcbeab"))),(0,n.kt)("li",{parentName:"ul"},"created Modal component stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c25409d8901ad4eba66fa66a9f5c34b0353569b9"},(0,n.kt)("inlineCode",{parentName:"a"},"c25409d"))),(0,n.kt)("li",{parentName:"ul"},"Breadcrumb component stories and minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6264d92bcf6565e284ae9dc0c7a918652bb3959e"},(0,n.kt)("inlineCode",{parentName:"a"},"6264d92"))),(0,n.kt)("li",{parentName:"ul"},"created Pagination component stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57cdad35e21fdacf303e407abcb8988e97e87242"},(0,n.kt)("inlineCode",{parentName:"a"},"57cdad3"))),(0,n.kt)("li",{parentName:"ul"},"created Segment component stories ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d8d01d70dab9359be46eb1629b3198f871091c7a"},(0,n.kt)("inlineCode",{parentName:"a"},"d8d01d7"))),(0,n.kt)("li",{parentName:"ul"},"created stories for Radio component ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1fd062d8a08cbe8507f5154201632ea96f765a2c"},(0,n.kt)("inlineCode",{parentName:"a"},"1fd062d"))),(0,n.kt)("li",{parentName:"ul"},"Menu stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ba5e0d00a26ffd4625fb51f759af3764cef28de"},(0,n.kt)("inlineCode",{parentName:"a"},"6ba5e0d"))),(0,n.kt)("li",{parentName:"ul"},"Statistic component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c874a520c9959b7673b5c86f63e53e90f006f22"},(0,n.kt)("inlineCode",{parentName:"a"},"3c874a5"))),(0,n.kt)("li",{parentName:"ul"},"Card component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/290bda8dac4c9bb4476108c2e4969fa283f935e2"},(0,n.kt)("inlineCode",{parentName:"a"},"290bda8"))),(0,n.kt)("li",{parentName:"ul"},"Accrordion stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ee3f592fbfaead01506fb6a4dbfb36d06269564"},(0,n.kt)("inlineCode",{parentName:"a"},"2ee3f59"))),(0,n.kt)("li",{parentName:"ul"},"renamed Demo folder to Layout ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9f6d05708310889dd018961bf5df9d5edd66e12"},(0,n.kt)("inlineCode",{parentName:"a"},"b9f6d05"))),(0,n.kt)("li",{parentName:"ul"},"remove test exclusion ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/94dba3eaa864e25d34bcc33ab19494f83ecabb25"},(0,n.kt)("inlineCode",{parentName:"a"},"94dba3e"))),(0,n.kt)("li",{parentName:"ul"},"Accordion component stories minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e672d59f86a79e69f15b5212e2953aa7c5fea1d1"},(0,n.kt)("inlineCode",{parentName:"a"},"e672d59"))),(0,n.kt)("li",{parentName:"ul"},"fix docusaurus url (removed trailing /) ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b6c59fc7733b3df47dca797906e8f7e40a2f4ada"},(0,n.kt)("inlineCode",{parentName:"a"},"b6c59fc"))),(0,n.kt)("li",{parentName:"ul"},"Item component stories - minor changes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f0a99025b9093ecf2eb25fd4b4e401b5b532a481"},(0,n.kt)("inlineCode",{parentName:"a"},"f0a9902"))),(0,n.kt)("li",{parentName:"ul"},"eea logos and assets ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b435b511d64b0ca99bfd310d66bdbfd5985390cc"},(0,n.kt)("inlineCode",{parentName:"a"},"b435b51")))),(0,n.kt)("h3",{id:"012-beta0---2021-12-18"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.1...0.1.2-beta.0"},"0.1.2-beta.0")," - 2021-12-18"),(0,n.kt)("h4",{id:"\ufe0f-others-75"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Refs #140454 added github action to build docusaurus to the develop branch ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/abe6a72882a41c9bca3649a3a6697619038e1677"},(0,n.kt)("inlineCode",{parentName:"a"},"abe6a72")))),(0,n.kt)("h3",{id:"011---2021-12-16"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.1-beta.0...0.1.1"},"0.1.1")," - 2021-12-16"),(0,n.kt)("h4",{id:"\ufe0f-others-76"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Refs #140454 changed the following to volto-eea-design-system: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6791d413cf1b9e434970564d9e59ed56b41907f0"},(0,n.kt)("inlineCode",{parentName:"a"},"6791d41"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 corrected base url for docusaurus website build ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/98271b3d39e2e21dfb4a0e31c334dc9e87811e4a"},(0,n.kt)("inlineCode",{parentName:"a"},"98271b3"))),(0,n.kt)("li",{parentName:"ul"},"Initial test changes on design system/docusaurus. ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9dad612f385cc9fde712809f07dbe2b7111432cf"},(0,n.kt)("inlineCode",{parentName:"a"},"9dad612"))),(0,n.kt)("li",{parentName:"ul"},"After prettier check ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9ec40b4fe9d8a18e99f774e1a96a55b286a9733a"},(0,n.kt)("inlineCode",{parentName:"a"},"9ec40b4"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 restore SearchWidget.jsx content and removed dummy text from docs intro page ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7505df89d93ac99156834a0c50a8e2b174c506f8"},(0,n.kt)("inlineCode",{parentName:"a"},"7505df8"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 added references to eea and the storybook in the docusaurus footer ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/42bbfcdd67888c3a7a55875d67acae9f7eb753bb"},(0,n.kt)("inlineCode",{parentName:"a"},"42bbfcd"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 lint fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9502f2bdbd45262b38926def5b7b55efabf4c32c"},(0,n.kt)("inlineCode",{parentName:"a"},"9502f2b"))),(0,n.kt)("li",{parentName:"ul"},"Add SonarQube badges ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4e0a4053ff2313fc3939caab80d874470aca062"},(0,n.kt)("inlineCode",{parentName:"a"},"a4e0a40"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 brought changes from develop-itml and upgrades docusaurus ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/207c873532e38fb7909cdc32a02bf50e575b66fa"},(0,n.kt)("inlineCode",{parentName:"a"},"207c873"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 removed extra content not needed by the docusaurus site ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bc68ebe8259c9b8ed6bc73df8102885554bbc4ed"},(0,n.kt)("inlineCode",{parentName:"a"},"bc68ebe"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 updated docusaurus to latest beta ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d68ed8a1660910067a09550626a5f0e8fbbeeac9"},(0,n.kt)("inlineCode",{parentName:"a"},"d68ed8a")))),(0,n.kt)("h3",{id:"011-beta0---2021-12-09"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.0...0.1.1-beta.0"},"0.1.1-beta.0")," - 2021-12-09"),(0,n.kt)("h4",{id:"\ufe0f-others-77"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Refs #140454 moved header and footer templates from volto-ims-theme: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2d5e56045c0b7d917153d95492dd340668b6222"},(0,n.kt)("inlineCode",{parentName:"a"},"e2d5e56"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 added website folder with docusaurus site skeleton ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fd15f4365a207308c068fe7eb197c0717e93954"},(0,n.kt)("inlineCode",{parentName:"a"},"6fd15f4"))),(0,n.kt)("li",{parentName:"ul"},"Refs #142794 added commented implementation of the header and footer area: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/773ad8784f4a03e4b600406999d3a274a3984d39"},(0,n.kt)("inlineCode",{parentName:"a"},"773ad87"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 changed the following: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4137ec42270c28cbe036ba11e9475f00a7a5cba3"},(0,n.kt)("inlineCode",{parentName:"a"},"4137ec4"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 removed storybook from volto-eea-design-system: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a129ffb485c4c55f19129a209d920da8f8f52418"},(0,n.kt)("inlineCode",{parentName:"a"},"a129ffb"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 added storybook as a dev dependency: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e04ae4e0294fbb4a09f367d1693a158d5a1e8f2f"},(0,n.kt)("inlineCode",{parentName:"a"},"e04ae4e"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 updated Breadcrumbs.jsx to latest version: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/63fe5076781f3cf2ce5c79641a5f1b45f298b476"},(0,n.kt)("inlineCode",{parentName:"a"},"63fe507"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 we should use jsx and not mdx for storybook tests ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3668e667f857cb3052b9d63cf27ec629fe1c8394"},(0,n.kt)("inlineCode",{parentName:"a"},"3668e66"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 updated eea-design-system readme with extra info on package contents ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d2efc3ddae7b91efc82cf3bce8fb8e42d696a780"},(0,n.kt)("inlineCode",{parentName:"a"},"d2efc3d"))),(0,n.kt)("li",{parentName:"ul"},"Refs #142010 - Optimize Volto-addons gitflow pipelines ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3af46d2b14fa0b1ef44736f25b0f9ac93b23d18d"},(0,n.kt)("inlineCode",{parentName:"a"},"3af46d2"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 Renamed folders of docusaurus website: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15bca7462ba1b3c626e2bf76597f6436aa5e9092"},(0,n.kt)("inlineCode",{parentName:"a"},"15bca74"))),(0,n.kt)("li",{parentName:"ul"},"Add demo story ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/757c409271eb70baa54bff8bd7c71ba29aaa4f66"},(0,n.kt)("inlineCode",{parentName:"a"},"757c409"))),(0,n.kt)("li",{parentName:"ul"},"Refs #142794 enabled minimum css so that header looks decent ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/adbe2335bacf5ae09541c3679a246a5ec28376a4"},(0,n.kt)("inlineCode",{parentName:"a"},"adbe233"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 use the develop branch for the readme linking, it's always more up to date ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/23dcf166d5d633df2a63ab6fa5bac4be086e99a3"},(0,n.kt)("inlineCode",{parentName:"a"},"23dcf16"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 added missing themes reference for the eea theme ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e9ca244fcedf0be420748b3e5347e98309b5d996"},(0,n.kt)("inlineCode",{parentName:"a"},"e9ca244"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 modified assets imports after move to volto-eea-design-system ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2250cc7ba4155c328837cea09e2e7d94afc984f8"},(0,n.kt)("inlineCode",{parentName:"a"},"2250cc7"))),(0,n.kt)("li",{parentName:"ul"},"Load footer in segment ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/80d38a96284e7fa9416ba327a43e29eb94bebe55"},(0,n.kt)("inlineCode",{parentName:"a"},"80d38a9"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 bump package version to 1.1.0 from 0.1.1 from develop branch: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1314039ceb45d405af6bc4698b489bbd6562c6ae"},(0,n.kt)("inlineCode",{parentName:"a"},"1314039"))),(0,n.kt)("li",{parentName:"ul"},"Refs #142794 keep toolbalWidth variables in case design system runs in an older version of Volto ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1a8b30562e4167fe36b095877db0b215d10cb620"},(0,n.kt)("inlineCode",{parentName:"a"},"1a8b305"))),(0,n.kt)("li",{parentName:"ul"},"Refs #142794 changed the following: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fbb80b1dbd0e3078777b8b3496d4b207ba25639a"},(0,n.kt)("inlineCode",{parentName:"a"},"fbb80b1"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 moved storybook scripts to the scripts section ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/705c4c365d26152d917c62991f3f8202bc75287d"},(0,n.kt)("inlineCode",{parentName:"a"},"705c4c3"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 removed dangling comma ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/514f24d503a1f05497696c22c7fdbf7bc19d4e54"},(0,n.kt)("inlineCode",{parentName:"a"},"514f24d"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 changed link to the start of the docs ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0e16fdfc77e119da4e1f15183d9cb95ef9b4b6cf"},(0,n.kt)("inlineCode",{parentName:"a"},"0e16fdf"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 add h1 to the list of elements that are max 800px and centered ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d3c30f409aa4cb43810839f8960589456cc1b2e"},(0,n.kt)("inlineCode",{parentName:"a"},"7d3c30f"))),(0,n.kt)("li",{parentName:"ul"},"Add Sonarqube tag using ims-frontend addons list ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8d657d056cde5163cfe90ac66bc973f55d82e5e9"},(0,n.kt)("inlineCode",{parentName:"a"},"8d657d0")))),(0,n.kt)("h3",{id:"010---2021-11-17"},(0,n.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.0.1...0.1.0"},"0.1.0")," - 2021-11-17"),(0,n.kt)("h4",{id:"\ufe0f-others-78"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Refs #140454 changed the following to volto-eea-design-system: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/40d2af693e35abdda3ededc7aabcb17e9a12e781"},(0,n.kt)("inlineCode",{parentName:"a"},"40d2af6"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 elements folder now has the variables and overrides from pastanaga theme ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/595b4e60816d3e24950ede3afea6e5f2aa2d7008"},(0,n.kt)("inlineCode",{parentName:"a"},"595b4e6"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 use font awesome from SemanticUI instead of Pastanaga: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e273ca1b9a2be1f169d12258ac2335c3ebeefff"},(0,n.kt)("inlineCode",{parentName:"a"},"4e273ca"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 removed the components customizations from volto-eea-design-system: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c98c260b549cd1db48bfe556e994692a4855b95d"},(0,n.kt)("inlineCode",{parentName:"a"},"c98c260"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 added customizations folder from volto-ims-theme to volto-eea-design-system: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff4bf44bd648ff179bd7c82d0cf80da968b291b0"},(0,n.kt)("inlineCode",{parentName:"a"},"ff4bf44"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 modules folder now has the variables and overrides from pastanaga theme ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2841b62c87e3242423bca1117c7e1793baa7974"},(0,n.kt)("inlineCode",{parentName:"a"},"f2841b6"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 customized Comments.jsx to remove unnecessary container ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2e95d7ae875a7fc85366c76ef35ce215dd7b5ff"},(0,n.kt)("inlineCode",{parentName:"a"},"b2e95d7"))),(0,n.kt)("li",{parentName:"ul"},"Refs #132149 added initial commit for volto-eea-design-system: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2934b911d589fde126f70363a61cbdd2e3dcf7c9"},(0,n.kt)("inlineCode",{parentName:"a"},"2934b91"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 collection folder now has the variables and overrides from pastanaga: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/213d4968e4efa380a389fb7ab40ec3196f030050"},(0,n.kt)("inlineCode",{parentName:"a"},"213d496"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 removed search widget customization, we can use volto-ims-theme for that file ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7e8b0c4821584a84f940d8f780057122321aae7"},(0,n.kt)("inlineCode",{parentName:"a"},"b7e8b0c"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 stylelint quick fixes ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5595925f68871135a07d703c8ba009b0172c7ccd"},(0,n.kt)("inlineCode",{parentName:"a"},"5595925"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 changed the following: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/769f4f9eca0ed9fffe0c8c49c56bcb123a203f3c"},(0,n.kt)("inlineCode",{parentName:"a"},"769f4f9"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 changed the following to the eea theme: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/06d8d86a7be81fd3feadf034eacfa61eb69743ab"},(0,n.kt)("inlineCode",{parentName:"a"},"06d8d86"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 eea site.variables now use all values from pastanaga's site.variables ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6535c0f4e1968822a232b017a55babd280716d88"},(0,n.kt)("inlineCode",{parentName:"a"},"6535c0f"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 simplified container overrides: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51250038527f2e4b1135a2b5bfc6adccc3f77a06"},(0,n.kt)("inlineCode",{parentName:"a"},"5125003"))),(0,n.kt)("li",{parentName:"ul"},"Release 1.0.0 ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/177d0ce854a8a963faa2aae9481cbcc7e340e0fa"},(0,n.kt)("inlineCode",{parentName:"a"},"177d0ce"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 globals folder now has the variables and overrides from pastanaga theme ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/116a0c338bd92dd14636a649476b4f00951e3734"},(0,n.kt)("inlineCode",{parentName:"a"},"116a0c3"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 changed the following: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2e7f42381b63e65bafac3b754d49b65daca9663d"},(0,n.kt)("inlineCode",{parentName:"a"},"2e7f423"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 modules folder now has the variables and overrides from pastanaga theme: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/27a201d57024a7c621f4943b8eb59a3247b6c89d"},(0,n.kt)("inlineCode",{parentName:"a"},"27a201d"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 text elements are now with a max width and centered within content-area: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bbed7bbfb3e79a371b7bf7dea2206cdbdcdfe76d"},(0,n.kt)("inlineCode",{parentName:"a"},"bbed7bb"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 added main.variables entries from pastanaga to eea theme ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1cbbc550436c889d1b297ae9e6880167fce28fe1"},(0,n.kt)("inlineCode",{parentName:"a"},"1cbbc55"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 modified theme image imports for component customizations ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef3238a4d615fa1b496e83f4e6c4c0d27f3d68f4"},(0,n.kt)("inlineCode",{parentName:"a"},"ef3238a"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 modified container width to be auto: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2e8d2e0ebb3e4a55b7cf1b66c3dff222ef12aa18"},(0,n.kt)("inlineCode",{parentName:"a"},"2e8d2e0"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 modified several icons to use the \\f values instead of \\e: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c397145bc1e76916ae72a94faaf33f49bd9ca5a6"},(0,n.kt)("inlineCode",{parentName:"a"},"c397145"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 changed the following: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c518edacad9b8bed61ea50d318d8d43bf7f483a0"},(0,n.kt)("inlineCode",{parentName:"a"},"c518eda"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 ensure that main column isn't enlarged over the sidebar section on edit ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f7a28684223494933bcd8ec1f6d86b1b3da17e10"},(0,n.kt)("inlineCode",{parentName:"a"},"f7a2868"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 changed the following to the form styling: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eb92e054fe330730c1a44737cbbdf33985216cbb"},(0,n.kt)("inlineCode",{parentName:"a"},"eb92e05"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 modified path of theme folder location for image selection ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8cca4594857ab4afd654f35e4ec97e4d3e04be4"},(0,n.kt)("inlineCode",{parentName:"a"},"f8cca45"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 added missing mobileScrollbarWidth variables introduced as part of the mobile navigation pull request ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/444c78d998199e703d7ecde01b3feb0d44c60977"},(0,n.kt)("inlineCode",{parentName:"a"},"444c78d"))),(0,n.kt)("li",{parentName:"ul"},"Refs #140454 reference font and image path from ~volto-themes instead of relative ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec93ed3a496673eed7d7ec07a2f76aaa6a29d7ca"},(0,n.kt)("inlineCode",{parentName:"a"},"ec93ed3"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 ensure that Volto doesn't crash when site module is set to eea: ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51f2f27f5ba947b49b4b69fcf9b8890676cd1d7e"},(0,n.kt)("inlineCode",{parentName:"a"},"51f2f27"))),(0,n.kt)("li",{parentName:"ul"},"Refs #141204 added tiny size prop to Breadcrumbs in order to have it as 12px ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/56a12e200c27c3a1826fa3088c34f762ed74dff7"},(0,n.kt)("inlineCode",{parentName:"a"},"56a12e2")))),(0,n.kt)("h3",{id:"001---2021-11-17"},"0.0.1 - 2021-11-17"),(0,n.kt)("h4",{id:"\ufe0f-others-79"},"\ud83d\udee0\ufe0f Others"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},"Initial commit ",(0,n.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b0bdd445c95a20d088e00469f81028c16482640a"},(0,n.kt)("inlineCode",{parentName:"a"},"b0bdd44")))))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/41d5c757.dc573e64.js b/docs/assets/js/41d5c757.dc573e64.js new file mode 100644 index 0000000000..f69d5b0d4e --- /dev/null +++ b/docs/assets/js/41d5c757.dc573e64.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[7780],{5788:(e,a,t)=>{t.d(a,{Iu:()=>c,yg:()=>p});var i=t(1504);function n(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function o(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);a&&(i=i.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),t.push.apply(t,i)}return t}function m(e){for(var a=1;a=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var d=i.createContext({}),r=function(e){var a=i.useContext(d),t=a;return e&&(t="function"==typeof e?e(a):m(m({},a),e)),t},c=function(e){var a=r(e.components);return i.createElement(d.Provider,{value:a},e.children)},s="mdxType",g={inlineCode:"code",wrapper:function(e){var a=e.children;return i.createElement(i.Fragment,{},a)}},f=i.forwardRef((function(e,a){var t=e.components,n=e.mdxType,o=e.originalType,d=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),s=r(t),f=n,p=s["".concat(d,".").concat(f)]||s[f]||g[f]||o;return t?i.createElement(p,m(m({ref:a},c),{},{components:t})):i.createElement(p,m({ref:a},c))}));function p(e,a){var t=arguments,n=a&&a.mdxType;if("string"==typeof e||n){var o=t.length,m=new Array(o);m[0]=f;var l={};for(var d in a)hasOwnProperty.call(a,d)&&(l[d]=a[d]);l.originalType=e,l[s]="string"==typeof e?e:n,m[1]=l;for(var r=2;r{t.r(a),t.d(a,{contentTitle:()=>m,default:()=>s,frontMatter:()=>o,metadata:()=>l,toc:()=>d});var i=t(5072),n=(t(1504),t(5788));const o={title:"What's new"},m=void 0,l={unversionedId:"whatsnew",id:"whatsnew",title:"What's new",description:"EEA Design System (1.0)",source:"@site/docs/2-whatsnew.md",sourceDirName:".",slug:"/whatsnew",permalink:"/volto-eea-design-system/docs/whatsnew",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/2-whatsnew.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"What's new"},sidebar:"sidebar",previous:{title:"Introduction",permalink:"/volto-eea-design-system/docs/intro"},next:{title:"Web development",permalink:"/volto-eea-design-system/docs/category/web-development"}},d=[{value:"EEA Design System (1.0)",id:"eea-design-system-10",children:[{value:"Components ready to be used",id:"components-ready-to-be-used",children:[],level:4},{value:"Future releases",id:"future-releases",children:[],level:4}],level:3},{value:"Unreleased - 2024-02-05T14:24:03.435Z",id:"unreleased---2024-02-05t142403435z",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others",children:[],level:4}],level:3},{value:"1.22.7 - 2024-01-22",id:"1227---2024-01-22",children:[],level:3},{value:"1.22.6 - 2024-01-19",id:"1226---2024-01-19",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-1",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-1",children:[],level:4}],level:3},{value:"1.22.5 - 2024-01-17",id:"1225---2024-01-17",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-2",children:[],level:4}],level:3},{value:"1.22.4 - 2023-12-05",id:"1224---2023-12-05",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-2",children:[],level:4}],level:3},{value:"1.22.3 - 2023-12-04",id:"1223---2023-12-04",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-3",children:[],level:4}],level:3},{value:"1.22.2 - 2023-11-29",id:"1222---2023-11-29",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-3",children:[],level:4}],level:3},{value:"1.22.1 - 2023-11-29",id:"1221---2023-11-29",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-4",children:[],level:4}],level:3},{value:"1.22.0 - 2023-11-24",id:"1220---2023-11-24",children:[{value:"\ud83d\ude80 New Features",id:"-new-features",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-4",children:[],level:4}],level:3},{value:"1.21.1 - 2023-11-21",id:"1211---2023-11-21",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-5",children:[],level:4}],level:3},{value:"1.21.0 - 2023-11-20",id:"1210---2023-11-20",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-6",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-1",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-5",children:[],level:4}],level:3},{value:"1.20.0 - 2023-11-02",id:"1200---2023-11-02",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-1",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-7",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-2",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-6",children:[],level:4}],level:3},{value:"1.19.0 - 2023-10-13",id:"1190---2023-10-13",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-8",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-1",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-7",children:[],level:4}],level:3},{value:"1.18.3 - 2023-09-29",id:"1183---2023-09-29",children:[{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes",children:[],level:4}],level:3},{value:"1.18.2 - 2023-09-25",id:"1182---2023-09-25",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-9",children:[],level:4}],level:3},{value:"1.18.1 - 2023-09-07",id:"1181---2023-09-07",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-10",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-3",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-8",children:[],level:4}],level:3},{value:"1.18.0 - 2023-09-01",id:"1180---2023-09-01",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-11",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-4",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-2",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-9",children:[],level:4}],level:3},{value:"1.17.0 - 2023-08-29",id:"1170---2023-08-29",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-2",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-12",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-5",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-3",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-10",children:[],level:4}],level:3},{value:"1.16.0 - 2023-08-17",id:"1160---2023-08-17",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-3",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-13",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-6",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-4",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-1",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-11",children:[],level:4}],level:3},{value:"1.15.0 - 2023-07-26",id:"1150---2023-07-26",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-4",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-14",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-7",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-12",children:[],level:4}],level:3},{value:"1.14.0 - 2023-07-24",id:"1140---2023-07-24",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-5",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-15",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-8",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-13",children:[],level:4}],level:3},{value:"1.13.2 - 2023-06-13",id:"1132---2023-06-13",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-16",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-14",children:[],level:4}],level:3},{value:"1.13.1 - 2023-06-13",id:"1131---2023-06-13",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-6",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-15",children:[],level:4}],level:3},{value:"1.13.0 - 2023-06-08",id:"1130---2023-06-08",children:[{value:"\ud83d\udca5 Breaking Change",id:"-breaking-change",children:[],level:4},{value:"\ud83d\ude80 New Features",id:"-new-features-7",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-9",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-5",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-2",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-16",children:[],level:4}],level:3},{value:"1.12.1 - 2023-05-24",id:"1121---2023-05-24",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-17",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-6",children:[],level:4}],level:3},{value:"1.12.0 - 2023-05-19",id:"1120---2023-05-19",children:[{value:"\ud83d\udca5 Breaking Change",id:"-breaking-change-1",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-18",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-10",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-17",children:[],level:4}],level:3},{value:"1.11.0 - 2023-05-11",id:"1110---2023-05-11",children:[{value:"\ud83d\udca5 Breaking Change",id:"-breaking-change-2",children:[],level:4},{value:"\ud83d\ude80 New Features",id:"-new-features-8",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-19",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-11",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-3",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-18",children:[],level:4}],level:3},{value:"1.0.7 - 2023-04-10",id:"107---2023-04-10",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-9",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-20",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-12",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-7",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-4",children:[],level:4}],level:3},{value:"1.0.6 - 2023-03-29",id:"106---2023-03-29",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-10",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-13",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-8",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-19",children:[],level:4}],level:3},{value:"1.0.5 - 2023-03-28",id:"105---2023-03-28",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-11",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-21",children:[],level:4}],level:3},{value:"1.0.4 - 2023-03-27",id:"104---2023-03-27",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-12",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-9",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-20",children:[],level:4}],level:3},{value:"1.0.3 - 2023-03-24",id:"103---2023-03-24",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-22",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-14",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-21",children:[],level:4}],level:3},{value:"1.0.2 - 2023-03-14",id:"102---2023-03-14",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-23",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-15",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-5",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-22",children:[],level:4}],level:3},{value:"1.0.1 - 2023-03-13",id:"101---2023-03-13",children:[],level:3},{value:"1.0.0 - 2023-03-13",id:"100---2023-03-13",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-24",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-16",children:[],level:4},{value:"1.0.0-beta.6 - 2023-03-10",id:"100-beta6---2023-03-10",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-13",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-25",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-17",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-10",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-6",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-23",children:[],level:4}],level:3},{value:"1.0.0-beta.5 - 2023-03-07",id:"100-beta5---2023-03-07",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-18",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-11",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-24",children:[],level:4}],level:3},{value:"1.0.0-beta.4 - 2023-03-01",id:"100-beta4---2023-03-01",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-14",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-26",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-19",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-25",children:[],level:4}],level:3},{value:"1.0.0-beta.3 - 2023-02-21",id:"100-beta3---2023-02-21",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-15",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-27",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-20",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-12",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-7",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-26",children:[],level:4}],level:3},{value:"1.0.0-beta.2 - 2023-02-13",id:"100-beta2---2023-02-13",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-28",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-21",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-13",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-27",children:[],level:4}],level:3},{value:"1.0.0-beta.1 - 2023-02-09",id:"100-beta1---2023-02-09",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-16",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-22",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-28",children:[],level:4}],level:3},{value:"1.0.0-alpha.15 - 2023-02-08",id:"100-alpha15---2023-02-08",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-17",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-29",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-23",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-29",children:[],level:4}],level:3},{value:"1.0.0-alpha.14 - 2023-01-30",id:"100-alpha14---2023-01-30",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-24",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-30",children:[],level:4}],level:3},{value:"1.0.0-alpha.13.1 - 2023-01-30",id:"100-alpha131---2023-01-30",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-25",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-31",children:[],level:4}],level:3},{value:"1.0.0-alpha.13 - 2023-01-27",id:"100-alpha13---2023-01-27",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-18",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-30",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-26",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-32",children:[],level:4}],level:3},{value:"1.0.0-alpha.12 - 2023-01-24",id:"100-alpha12---2023-01-24",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-19",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-31",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-27",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-8",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-33",children:[],level:4}],level:3},{value:"1.0.0-alpha.11 - 2023-01-17",id:"100-alpha11---2023-01-17",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-20",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-32",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-28",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-9",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-34",children:[],level:4}],level:3},{value:"1.0.0-alpha.10 - 2023-01-13",id:"100-alpha10---2023-01-13",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-33",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-35",children:[],level:4}],level:3},{value:"1.0.0-alpha.9 - 2022-12-28",id:"100-alpha9---2022-12-28",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-29",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-36",children:[],level:4}],level:3},{value:"1.0.0-alpha.8 - 2022-12-23",id:"100-alpha8---2022-12-23",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-21",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-30",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-14",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-10",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-37",children:[],level:4}],level:3},{value:"1.0.0-alpha.7 - 2022-12-16",id:"100-alpha7---2022-12-16",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-22",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-34",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-31",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-38",children:[],level:4}],level:3},{value:"1.0.0-alpha.6 - 2022-12-07",id:"100-alpha6---2022-12-07",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-23",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-35",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-32",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-11",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-39",children:[],level:4}],level:3},{value:"1.0.0-alpha.5 - 2022-11-29",id:"100-alpha5---2022-11-29",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-24",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-36",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-33",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-15",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-12",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-40",children:[],level:4}],level:3},{value:"1.0.0-alpha.4 - 2022-11-22",id:"100-alpha4---2022-11-22",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-37",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-34",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-41",children:[],level:4}],level:3},{value:"1.0.0-alpha.3 - 2022-11-16",id:"100-alpha3---2022-11-16",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-25",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-38",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-35",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-16",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-42",children:[],level:4}],level:3},{value:"1.0.0-alpha.2 - 2022-10-28",id:"100-alpha2---2022-10-28",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-36",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-17",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-43",children:[],level:4}],level:3},{value:"1.0.0-alpha.1 - 2022-10-20",id:"100-alpha1---2022-10-20",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-37",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-18",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-13",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-44",children:[],level:4}],level:3},{value:"0.9.6 - 2022-12-16",id:"096---2022-12-16",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-45",children:[],level:4}],level:3},{value:"0.9.5 - 2022-10-20",id:"095---2022-10-20",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-39",children:[],level:4}],level:3},{value:"0.9.4 - 2022-10-19",id:"094---2022-10-19",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-40",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-38",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-46",children:[],level:4}],level:3},{value:"0.9.3 - 2022-10-04",id:"093---2022-10-04",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-41",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-39",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-14",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-47",children:[],level:4}],level:3},{value:"0.9.2 - 2022-09-27",id:"092---2022-09-27",children:[],level:3},{value:"0.9.1 - 2022-09-27",id:"091---2022-09-27",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-40",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-48",children:[],level:4}],level:3},{value:"0.9.0 - 2022-09-19",id:"090---2022-09-19",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-26",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-42",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-41",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-19",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-15",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-49",children:[],level:4}],level:3},{value:"0.8.1 - 2022-08-26",id:"081---2022-08-26",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-43",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-42",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-16",children:[],level:4}],level:3},{value:"0.8.0 - 2022-08-20",id:"080---2022-08-20",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-27",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-44",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-43",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-50",children:[],level:4}],level:3},{value:"0.7.6 - 2022-08-15",id:"076---2022-08-15",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-44",children:[],level:4}],level:3},{value:"0.7.5 - 2022-08-11",id:"075---2022-08-11",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-45",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-51",children:[],level:4}],level:3},{value:"0.7.3 - 2022-08-04",id:"073---2022-08-04",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-46",children:[],level:4}],level:3},{value:"0.7.2 - 2022-08-03",id:"072---2022-08-03",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-45",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-52",children:[],level:4}],level:3},{value:"0.7.1 - 2022-08-01",id:"071---2022-08-01",children:[],level:3},{value:"0.7.0 - 2022-08-01",id:"070---2022-08-01",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-28",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-46",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-47",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-53",children:[],level:4}],level:3},{value:"0.6.5 - 2022-07-06",id:"065---2022-07-06",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-47",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-48",children:[],level:4}],level:3},{value:"0.6.1 - 2022-07-01",id:"061---2022-07-01",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-29",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-49",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-20",children:[],level:4}],level:3},{value:"0.6.0 - 2022-07-01",id:"060---2022-07-01",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-48",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-50",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-21",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-17",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-54",children:[],level:4}],level:3},{value:"0.5.5 - 2022-06-23",id:"055---2022-06-23",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-49",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-51",children:[],level:4}],level:3},{value:"0.5.4 - 2022-06-16",id:"054---2022-06-16",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-50",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-52",children:[],level:4}],level:3},{value:"0.5.3 - 2022-06-16",id:"053---2022-06-16",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-51",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-53",children:[],level:4}],level:3},{value:"0.5.2 - 2022-06-14",id:"052---2022-06-14",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-30",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-54",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-22",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-55",children:[],level:4}],level:3},{value:"0.5.1 - 2022-06-13",id:"051---2022-06-13",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-55",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-56",children:[],level:4}],level:3},{value:"0.5.0 - 2022-06-11",id:"050---2022-06-11",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-31",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-52",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-56",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-57",children:[],level:4}],level:3},{value:"0.4.5 - 2022-06-08",id:"045---2022-06-08",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-57",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-58",children:[],level:4}],level:3},{value:"0.4.4 - 2022-06-08",id:"044---2022-06-08",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-32",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-53",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-58",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-18",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-59",children:[],level:4}],level:3},{value:"0.4.3 - 2022-06-03",id:"043---2022-06-03",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-54",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-59",children:[],level:4}],level:3},{value:"0.4.2 - 2022-06-02",id:"042---2022-06-02",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-60",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-19",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-60",children:[],level:4}],level:3},{value:"0.4.1 - 2022-06-02",id:"041---2022-06-02",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-33",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-55",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-61",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-23",children:[],level:4}],level:3},{value:"0.4.0 - 2022-06-01",id:"040---2022-06-01",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-34",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-56",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-62",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-20",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-61",children:[],level:4}],level:3},{value:"0.3.1 - 2022-05-19",id:"031---2022-05-19",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-57",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-63",children:[],level:4}],level:3},{value:"0.3.0 - 2022-05-17",id:"030---2022-05-17",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-35",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-58",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-64",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-62",children:[],level:4}],level:3},{value:"0.2.4 - 2022-05-13",id:"024---2022-05-13",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-65",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-63",children:[],level:4}],level:3},{value:"0.2.3 - 2022-04-29",id:"023---2022-04-29",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-36",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-66",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-21",children:[],level:4}],level:3},{value:"0.2.2 - 2022-04-22",id:"022---2022-04-22",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-59",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-67",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-24",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-64",children:[],level:4}],level:3},{value:"0.2.1 - 2022-04-08",id:"021---2022-04-08",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-60",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-65",children:[],level:4}],level:3},{value:"0.2.0 - 2022-04-04",id:"020---2022-04-04",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-37",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-61",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-68",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-25",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-66",children:[],level:4}],level:3},{value:"0.1.9 - 2022-03-25",id:"019---2022-03-25",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-38",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-62",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-69",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-26",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-67",children:[],level:4}],level:3},{value:"0.1.8 - 2022-03-18",id:"018---2022-03-18",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-63",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-70",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-27",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-22",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-68",children:[],level:4}],level:3},{value:"0.1.7 - 2022-03-15",id:"017---2022-03-15",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-39",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-64",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-71",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-28",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-23",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-69",children:[],level:4}],level:3},{value:"0.1.6 - 2022-03-11",id:"016---2022-03-11",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-40",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-65",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-72",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-29",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-70",children:[],level:4}],level:3},{value:"0.1.5 - 2022-03-08",id:"015---2022-03-08",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-41",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-66",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-73",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-30",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-24",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-71",children:[],level:4}],level:3},{value:"0.1.4 - 2022-03-01",id:"014---2022-03-01",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-74",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-25",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-72",children:[],level:4}],level:3},{value:"0.1.4-beta.0 - 2022-02-25",id:"014-beta0---2022-02-25",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-42",children:[],level:4}],level:3},{value:"0.1.3 - 2022-02-25",id:"013---2022-02-25",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-67",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-75",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-31",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-73",children:[],level:4}],level:3},{value:"0.1.2 - 2022-02-17",id:"012---2022-02-17",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-43",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-68",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-76",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-32",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-26",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-74",children:[],level:4}],level:3},{value:"0.1.2-beta.2 - 2022-01-03",id:"012-beta2---2022-01-03",children:[],level:3},{value:"0.1.2-beta.1 - 2021-12-22",id:"012-beta1---2021-12-22",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-75",children:[],level:4}],level:3},{value:"0.1.2-beta.0 - 2021-12-18",id:"012-beta0---2021-12-18",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-76",children:[],level:4}],level:3},{value:"0.1.1 - 2021-12-16",id:"011---2021-12-16",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-77",children:[],level:4}],level:3},{value:"0.1.1-beta.0 - 2021-12-09",id:"011-beta0---2021-12-09",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-78",children:[],level:4}],level:3},{value:"0.1.0 - 2021-11-17",id:"010---2021-11-17",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-79",children:[],level:4}],level:3},{value:"0.0.1 - 2021-11-17",id:"001---2021-11-17",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-80",children:[],level:4}],level:3}],level:2}],r={toc:d},c="wrapper";function s(e){let{components:a,...t}=e;return(0,n.yg)(c,(0,i.c)({},r,t,{components:a,mdxType:"MDXLayout"}),(0,n.yg)("h3",{id:"eea-design-system-10"},"EEA Design System (1.0)"),(0,n.yg)("h4",{id:"components-ready-to-be-used"},"Components ready to be used"),(0,n.yg)("p",null,"The following components are ready to be used as Volto ",(0,n.yg)("inlineCode",{parentName:"p"},"blocks"),", ",(0,n.yg)("inlineCode",{parentName:"p"},"slate")," integration, or via the advanced ",(0,n.yg)("inlineCode",{parentName:"p"},"block styler"),":"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Accordion ",(0,n.yg)("inlineCode",{parentName:"li"},"block")),(0,n.yg)("li",{parentName:"ul"},"Call to Action ",(0,n.yg)("inlineCode",{parentName:"li"},"block")),(0,n.yg)("li",{parentName:"ul"},"Callout - part of the Description ",(0,n.yg)("inlineCode",{parentName:"li"},"block"),", ",(0,n.yg)("inlineCode",{parentName:"li"},"slate")),(0,n.yg)("li",{parentName:"ul"},"Card - part of the Teaser ",(0,n.yg)("inlineCode",{parentName:"li"},"block")," and Listing ",(0,n.yg)("inlineCode",{parentName:"li"},"block"),", it includes several variations like round card e.g., used for Avatar"),(0,n.yg)("li",{parentName:"ul"},"Divider ",(0,n.yg)("inlineCode",{parentName:"li"},"block")),(0,n.yg)("li",{parentName:"ul"},"Headings ",(0,n.yg)("inlineCode",{parentName:"li"},"slate")),(0,n.yg)("li",{parentName:"ul"},"Hero ",(0,n.yg)("inlineCode",{parentName:"li"},"block")),(0,n.yg)("li",{parentName:"ul"},"Item ",(0,n.yg)("inlineCode",{parentName:"li"},"block")," - used for text with an icon (remixicon or custom SVG/image) on the left/right"),(0,n.yg)("li",{parentName:"ul"},"List ",(0,n.yg)("inlineCode",{parentName:"li"},"slate")," - ordered and unordered"),(0,n.yg)("li",{parentName:"ul"},"Quote ",(0,n.yg)("inlineCode",{parentName:"li"},"block")),(0,n.yg)("li",{parentName:"ul"},"Statistic ",(0,n.yg)("inlineCode",{parentName:"li"},"block")),(0,n.yg)("li",{parentName:"ul"},"Tag ",(0,n.yg)("inlineCode",{parentName:"li"},"block")),(0,n.yg)("li",{parentName:"ul"},"Table ",(0,n.yg)("inlineCode",{parentName:"li"},"block")),(0,n.yg)("li",{parentName:"ul"},"Tabs ",(0,n.yg)("inlineCode",{parentName:"li"},"block")),(0,n.yg)("li",{parentName:"ul"},"Timeline ",(0,n.yg)("inlineCode",{parentName:"li"},"block"))),(0,n.yg)("h4",{id:"future-releases"},"Future releases"),(0,n.yg)("p",null,"Below is a non-exhaustive list of the work-in-progress which is planned for future releases:"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Navigation Portlet (used on the left/right hand of content)"),(0,n.yg)("li",{parentName:"ul"},"Spacing/padding system. We want to add the ability for editors to consistently apply various spacing/padding on certain components in order to allow a better alignment when components are used together."),(0,n.yg)("li",{parentName:"ul"},"Improve docusaurus and storybook with more components, controls, and variations in order to better reflect what is possible in Volto.")),(0,n.yg)("p",null,"Generated by ",(0,n.yg)("a",{parentName:"p",href:"https://github.com/CookPete/auto-changelog"},(0,n.yg)("inlineCode",{parentName:"a"},"auto-changelog")),"."),(0,n.yg)("h3",{id:"unreleased---2024-02-05t142403435z"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.22.7...HEAD"},"Unreleased")," - 2024-02-05T14:24:03.435Z"),(0,n.yg)("h4",{id:"-bug-fixes"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(icons): restored icon.overrides styles to preserve font awesome icon display ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a3d35488c99014469de1287346ba83b0c86bae1e"},(0,n.yg)("inlineCode",{parentName:"a"},"a3d3548")))),(0,n.yg)("h4",{id:"\ufe0f-others"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Add Sonarqube tag using insitu-frontend addons list ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d3d779363caa10f384d829a7e4242c5d54268099"},(0,n.yg)("inlineCode",{parentName:"a"},"d3d7793")))),(0,n.yg)("h3",{id:"1227---2024-01-22"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.22.6...1.22.7"},"1.22.7")," - 2024-01-22"),(0,n.yg)("h3",{id:"1226---2024-01-19"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.22.5...1.22.6"},"1.22.6")," - 2024-01-19"),(0,n.yg)("h4",{id:"-bug-fixes-1"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(site): re-enable Icons font face since it's still used in some of Volto's interface ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fe0c2966b0860905b062313ae018001dbf579ec9"},(0,n.yg)("inlineCode",{parentName:"a"},"fe0c296"))),(0,n.yg)("li",{parentName:"ul"},"fix(site): re-enable Icons font face still used in Volto ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e85a1abd0b1c21fc531cbe7ef742cc504b53e1f1"},(0,n.yg)("inlineCode",{parentName:"a"},"e85a1ab")))),(0,n.yg)("h4",{id:"\ufe0f-others-1"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Revert \"fix(site): re-enable Icons font face since it's still used in some of Volto's interface\" ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cefa2213d0b20d15a7ee3d6272a0a5f53057e07d"},(0,n.yg)("inlineCode",{parentName:"a"},"cefa221")))),(0,n.yg)("h3",{id:"1225---2024-01-17"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.22.4...1.22.5"},"1.22.5")," - 2024-01-17"),(0,n.yg)("h4",{id:"-bug-fixes-2"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(a11y): Refactor lazy loading of images in Footer and SubFooter components ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2513a82d69f7c76bd6231fc709328a4e3680e6b4"},(0,n.yg)("inlineCode",{parentName:"a"},"2513a82"))),(0,n.yg)("li",{parentName:"ul"},"fix(a11y): alt text in FooterSites component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eff3fa0522b277a25a00e53c21bd4e838e677856"},(0,n.yg)("inlineCode",{parentName:"a"},"eff3fa0"))),(0,n.yg)("li",{parentName:"ul"},"fix(a11y): dropdown Certain ARIA roles must contain particular children error ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8311bab99d2696cb52eeb9568aa38f2744477296"},(0,n.yg)("inlineCode",{parentName:"a"},"8311bab"))),(0,n.yg)("li",{parentName:"ul"},"fix(tabs): inside content boxes which apply theme and text color for children ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d3902deff42cc62459888a5085b229e746fc8d12"},(0,n.yg)("inlineCode",{parentName:"a"},"d3902de"))),(0,n.yg)("li",{parentName:"ul"},"fix: Make inpage-navigation not visibile on edit sidebar - refs #261560 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e124080b76c1dd2a2d63cf4fe0e6dd6f259bad8a"},(0,n.yg)("inlineCode",{parentName:"a"},"e124080")))),(0,n.yg)("h3",{id:"1224---2023-12-05"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.22.3...1.22.4"},"1.22.4")," - 2023-12-05"),(0,n.yg)("h4",{id:"\ufe0f-others-2"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Update Twitter logo in Share to section. ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d86fc2144d7ae6b4a6cb5337820e9b13040fd455"},(0,n.yg)("inlineCode",{parentName:"a"},"d86fc21")))),(0,n.yg)("h3",{id:"1223---2023-12-04"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.22.2...1.22.3"},"1.22.3")," - 2023-12-04"),(0,n.yg)("h4",{id:"\ufe0f-others-3"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Use RemixIcon 3.6.0. ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cd267ee64818457d136ccc26b5c2e582110e52af"},(0,n.yg)("inlineCode",{parentName:"a"},"cd267ee")))),(0,n.yg)("h3",{id:"1222---2023-11-29"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.22.1...1.22.2"},"1.22.2")," - 2023-11-29"),(0,n.yg)("h4",{id:"-bug-fixes-3"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(tabs): inside content boxes which apply theme and text color for children ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/618124f8ff20ce293b9e5593aa33a9c53addcae9"},(0,n.yg)("inlineCode",{parentName:"a"},"618124f")))),(0,n.yg)("h3",{id:"1221---2023-11-29"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.22.0...1.22.1"},"1.22.1")," - 2023-11-29"),(0,n.yg)("h4",{id:"-bug-fixes-4"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(header): wrong size of items on tablet and for the mobile menu button ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/868897c9c85ee8c896f63c306d075d8aedb3e5db"},(0,n.yg)("inlineCode",{parentName:"a"},"868897c")))),(0,n.yg)("h3",{id:"1220---2023-11-24"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.21.1...1.22.0"},"1.22.0")," - 2023-11-24"),(0,n.yg)("h4",{id:"-new-features"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(mega-menu): added ability to set a * option that would hold configuration for non specific layouts ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/11b4b8ca14741d2fac6b11a09ab6ad1af65264b2"},(0,n.yg)("inlineCode",{parentName:"a"},"11b4b8c")))),(0,n.yg)("h4",{id:"-enhancements"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(header): ensure header items are without large gaps when menu goes over 2 lines ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6aba059320c608cadaf5563085ffa63d0812583"},(0,n.yg)("inlineCode",{parentName:"a"},"f6aba05")))),(0,n.yg)("h4",{id:"\ufe0f-others-4"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Bump package version ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4304cf667fd63ac9ce13524dfaaa972bdd1dd009"},(0,n.yg)("inlineCode",{parentName:"a"},"4304cf6")))),(0,n.yg)("h3",{id:"1211---2023-11-21"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.21.0...1.21.1"},"1.21.1")," - 2023-11-21"),(0,n.yg)("h4",{id:"-bug-fixes-5"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix: Regression on Button.Action component when used with RSS link ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dd4548de999787eff688b4ee36860d69459735c3"},(0,n.yg)("inlineCode",{parentName:"a"},"dd4548d")))),(0,n.yg)("h3",{id:"1210---2023-11-20"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.20.0...1.21.0"},"1.21.0")," - 2023-11-20"),(0,n.yg)("h4",{id:"-bug-fixes-6"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(item): styling difference so that column group or section group flex template match design ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f57e0744808df8b467e179b83266e8b2c2398956"},(0,n.yg)("inlineCode",{parentName:"a"},"f57e074")))),(0,n.yg)("h4",{id:"-enhancements-1"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(message): Renamed Error to ErrorMessage to avoid special identifier Sonarqube warning ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/09e49ac4e71c02b439459eec29266d3f5b884d50"},(0,n.yg)("inlineCode",{parentName:"a"},"09e49ac"))),(0,n.yg)("li",{parentName:"ul"},"change(header): dropdowns now auto open and close on focus and blur when using keyboard navigation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d558e9bf7abba19221744be871759d025ce0f05a"},(0,n.yg)("inlineCode",{parentName:"a"},"d558e9b")))),(0,n.yg)("h4",{id:"\ufe0f-others-5"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Add dropdown test case to Header component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9ea3234c2c0f1c819c7c2b54a75c56cda7812c56"},(0,n.yg)("inlineCode",{parentName:"a"},"9ea3234"))),(0,n.yg)("li",{parentName:"ul"},"Added some tests for TopDropdownMenu mobile and dropdown interaction ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9d24488c1e97b2b1b14bd9bd8cb6f5b68414794b"},(0,n.yg)("inlineCode",{parentName:"a"},"9d24488"))),(0,n.yg)("li",{parentName:"ul"},"test: ","[JENKINS]"," Improve cypress time ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e38f17ed735e743e59df7d06ca723c1218bdb569"},(0,n.yg)("inlineCode",{parentName:"a"},"e38f17e"))),(0,n.yg)("li",{parentName:"ul"},"Modified test to reference ErrorMessage ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36fefd05a6b30d92494a7974c9fb86d35cae5acc"},(0,n.yg)("inlineCode",{parentName:"a"},"36fefd0"))),(0,n.yg)("li",{parentName:"ul"},"Test Header onBlur ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/42f9c97d01f7b59a1c63e42e1825dfa0697f0ef2"},(0,n.yg)("inlineCode",{parentName:"a"},"42f9c97"))),(0,n.yg)("li",{parentName:"ul"},"test: ","[JENKINS]"," Run cypress in started frontend container ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eadf018aa1f32d310619ce4ef08f9b11950a20dc"},(0,n.yg)("inlineCode",{parentName:"a"},"eadf018"))),(0,n.yg)("li",{parentName:"ul"},"Release 1.21.0 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fe39edde81fd4f01f7958aee706887a5dedce521"},(0,n.yg)("inlineCode",{parentName:"a"},"fe39edd"))),(0,n.yg)("li",{parentName:"ul"},"Lint fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c1fc104f1e7be0611de4aa17c55ad9c402c70ff8"},(0,n.yg)("inlineCode",{parentName:"a"},"c1fc104"))),(0,n.yg)("li",{parentName:"ul"},"Lint fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e29fd50ee73477007dcf94a268596e6c11176d7b"},(0,n.yg)("inlineCode",{parentName:"a"},"e29fd50"))),(0,n.yg)("li",{parentName:"ul"},"test: ","[JENKINS]"," Add cpu limit on cypress docker ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/947cb929c01ebb6f46bf124833fe1fec0f385edb"},(0,n.yg)("inlineCode",{parentName:"a"},"947cb92"))),(0,n.yg)("li",{parentName:"ul"},"test: ","[JENKINS]"," Increase shm-size to cypress docker ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8356dfe929039dcd165af0692cbbfc771a0f7fb4"},(0,n.yg)("inlineCode",{parentName:"a"},"8356dfe"))),(0,n.yg)("li",{parentName:"ul"},"Remove unused import in Header.test.jsx ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/082069e1f057786e0f1fb00c98d54b8e03b5d9c5"},(0,n.yg)("inlineCode",{parentName:"a"},"082069e")))),(0,n.yg)("h3",{id:"1200---2023-11-02"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.19.0...1.20.0"},"1.20.0")," - 2023-11-02"),(0,n.yg)("h4",{id:"-new-features-1"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(storybook): add event date on cards based on volto-listing-block; refs #258288 #402 from eea/cards-storybook ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/638241cd8376dba9970c415fce5b46c93dde48da"},(0,n.yg)("inlineCode",{parentName:"a"},"638241c"))),(0,n.yg)("li",{parentName:"ul"},"feat(tabs): style tabs for themes without need of secondary and pointing classes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/233765947f2653b6dd6bf91e85a2c09deb5af5a6"},(0,n.yg)("inlineCode",{parentName:"a"},"2337659"))),(0,n.yg)("li",{parentName:"ul"},"feat(accordion): style inverted theme version to set bg color to theme color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab1e8df9ea5911a70ee45212213eac4fe0d3611d"},(0,n.yg)("inlineCode",{parentName:"a"},"ab1e8df"))),(0,n.yg)("li",{parentName:"ul"},"feat(tabs): allow styling of vertical tabs with and without secondary or pointing classes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d1b78ba22bbf63c02f7db0d4a8b5a1dd309f755"},(0,n.yg)("inlineCode",{parentName:"a"},"1d1b78b"))),(0,n.yg)("li",{parentName:"ul"},"feat(tabs): added theme config to tabs storybook ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/01d1e85b82b18cae7ac6519f86e471149c210e73"},(0,n.yg)("inlineCode",{parentName:"a"},"01d1e85"))),(0,n.yg)("li",{parentName:"ul"},"feat(tabs): added inverted option to tabs storybook ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d9e760b069a48a7a4594c6dba0044755415d505d"},(0,n.yg)("inlineCode",{parentName:"a"},"d9e760b"))),(0,n.yg)("li",{parentName:"ul"},"feat(accordion): accordion title now has css variable for justification and icon order ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cd775de9a347b2999cfa378da947bac2076df460"},(0,n.yg)("inlineCode",{parentName:"a"},"cd775de")))),(0,n.yg)("h4",{id:"-bug-fixes-7"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(item): position of text when icon is on top to align on center ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce37114c97f29884080747a4691031ffd66d2ab5"},(0,n.yg)("inlineCode",{parentName:"a"},"ce37114"))),(0,n.yg)("li",{parentName:"ul"},"fix: Fix page layout on edit view when a block has full-with size; Refs #259212 #405 from eea/full-width-edit-mode ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36820f5252992eecb27b3a4b5a87a74df6d2c274"},(0,n.yg)("inlineCode",{parentName:"a"},"36820f5"))),(0,n.yg)("li",{parentName:"ul"},"fix: redo changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/101e95777a40a1c8b3958c90c7f3a44152a48f7c"},(0,n.yg)("inlineCode",{parentName:"a"},"101e957"))),(0,n.yg)("li",{parentName:"ul"},"fix: Fix page layout on edit view when a block has full-with size; Refs #259212 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/55617e6ec9ce4930e97fe4a886cbdd36c1bb3941"},(0,n.yg)("inlineCode",{parentName:"a"},"55617e6"))),(0,n.yg)("li",{parentName:"ul"},"fix: formatting (stylelint) ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ba35c2e000aa7443670de32f212af3e0c93f5576"},(0,n.yg)("inlineCode",{parentName:"a"},"ba35c2e"))),(0,n.yg)("li",{parentName:"ul"},"fix(accordion): color change of sub accordions due to theme settings on parent ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f3755ac9ffcc5ba5ed9992fbab8fbd5f69dc92ba"},(0,n.yg)("inlineCode",{parentName:"a"},"f3755ac"))),(0,n.yg)("li",{parentName:"ul"},"fix: Fix page layout on edit view when a block has full-with size; Refs #259212 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/16c9a558118fd312688a8aa8dee6ee2f474664a5"},(0,n.yg)("inlineCode",{parentName:"a"},"16c9a55"))),(0,n.yg)("li",{parentName:"ul"},"fix(block-chooser): title block order and color because it receives styling from accordion title styles ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ecc85b2e1fa9bd6809dabf4655afe785e1085473"},(0,n.yg)("inlineCode",{parentName:"a"},"ecc85b2"))),(0,n.yg)("li",{parentName:"ul"},"fix(tabs): edit active tab background color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5726a467a39592415dae2a7e40616cf5a9a0bbf"},(0,n.yg)("inlineCode",{parentName:"a"},"c5726a4")))),(0,n.yg)("h4",{id:"-enhancements-2"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(storybook): add event date on cards based on volto-listing-block; refs #258288 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/25af204d81c4253c5ca6705b47a893c3f3443cc3"},(0,n.yg)("inlineCode",{parentName:"a"},"25af204"))),(0,n.yg)("li",{parentName:"ul"},"change(tabs): modified logic for left and right tabs to work without secondary and pointing ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac60bc0a282da41fdc36792275807e7625a11076"},(0,n.yg)("inlineCode",{parentName:"a"},"ac60bc0"))),(0,n.yg)("li",{parentName:"ul"},"change(tabs): vertical menu gets same item size as themes without borders or shadows ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2b49ec3bc4358f33f134230f91c18fe36bc95ef"},(0,n.yg)("inlineCode",{parentName:"a"},"f2b49ec")))),(0,n.yg)("h4",{id:"-internal-changes"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"chore: ","[JENKINS]"," Refactor automated testing ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a70ca642918f578d6737d975e4769bac8312f48d"},(0,n.yg)("inlineCode",{parentName:"a"},"a70ca64"))),(0,n.yg)("li",{parentName:"ul"},"chore: ","[JENKINS]"," add comment step ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/50227587db2c72d17e26e7b66f28d4c09b760873"},(0,n.yg)("inlineCode",{parentName:"a"},"5022758"))),(0,n.yg)("li",{parentName:"ul"},"chore: ","[JENKINS]"," do not run tests on PR comments ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51b68fc76a956996e01521b784262c67e7094d35"},(0,n.yg)("inlineCode",{parentName:"a"},"51b68fc"))),(0,n.yg)("li",{parentName:"ul"},"chore: husky, lint-staged use fixed versions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/59ecb8e28b259472303324f9655b0cbbcbbf9c23"},(0,n.yg)("inlineCode",{parentName:"a"},"59ecb8e")))),(0,n.yg)("h4",{id:"\ufe0f-others-6"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"prettier and stylelint fix commands ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/82ec097016b4d3ba06d36ae473151d636b00be6a"},(0,n.yg)("inlineCode",{parentName:"a"},"82ec097"))),(0,n.yg)("li",{parentName:"ul"},"style tabs with situations where we have secondary plus theme classes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/41ee8353a43b25095d01c63a3bf9895ab7601b68"},(0,n.yg)("inlineCode",{parentName:"a"},"41ee835"))),(0,n.yg)("li",{parentName:"ul"},"Style inverted secondary menu using css variables: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d3a8d7c65472f9abcc93ccbe13b2c9ca5634266f"},(0,n.yg)("inlineCode",{parentName:"a"},"d3a8d7c"))),(0,n.yg)("li",{parentName:"ul"},"fixed missing comma from accordion selector ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/609f67627c500d5e1d7714d4eb5598f78aafe90d"},(0,n.yg)("inlineCode",{parentName:"a"},"609f676"))),(0,n.yg)("li",{parentName:"ul"},"Added color for inverted active menu ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/457e223dc5a45ae5173fcdd239b89f2cbcc48942"},(0,n.yg)("inlineCode",{parentName:"a"},"457e223"))),(0,n.yg)("li",{parentName:"ul"},"make accordion transformed from rrt_tabs use same color bg as tabs ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3a1a144e5ec1a936db9caa8c1f39af4db4dd7c72"},(0,n.yg)("inlineCode",{parentName:"a"},"3a1a144"))),(0,n.yg)("li",{parentName:"ul"},"Added correct color for tab brown option ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4e58fefdfb5b35168bf8e514f8c1c1661d46288"},(0,n.yg)("inlineCode",{parentName:"a"},"a4e58fe"))),(0,n.yg)("li",{parentName:"ul"},"bump package version preparing for release ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c3bddab1d2aa18b0cc2b1b4d5d9d8a4e437e6e07"},(0,n.yg)("inlineCode",{parentName:"a"},"c3bddab"))),(0,n.yg)("li",{parentName:"ul"},"Tabs to accordion transformation for volto-tabs-block accordion template #256605 #392 from eea/tabs-accordion-transformation-256605 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cf7d1ef6200c898c86598ba7e4a225180faa9537"},(0,n.yg)("inlineCode",{parentName:"a"},"cf7d1ef"))),(0,n.yg)("li",{parentName:"ul"},"test(Card): add Card tests to check correct rendering ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1de5f5065a0fa10a931b57fcc4f7831427f897cf"},(0,n.yg)("inlineCode",{parentName:"a"},"1de5f50"))),(0,n.yg)("li",{parentName:"ul"},"test(Card): fix duplicated lines reported by sonarqube ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef1fc337855049364d7fdc10621c8f4c376815f5"},(0,n.yg)("inlineCode",{parentName:"a"},"ef1fc33"))),(0,n.yg)("li",{parentName:"ul"},"style tabs menu items for any themes without assumption of pointing or secondary class being present ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6278457324f7fc4b2c40bdc8c38af708d3950707"},(0,n.yg)("inlineCode",{parentName:"a"},"6278457"))),(0,n.yg)("li",{parentName:"ul"},"implement colors for tabs when using the inverted option, and we still secondary or pointing ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e3e5fef006ce6ad5dd144a9fb6b8054be9a2a50c"},(0,n.yg)("inlineCode",{parentName:"a"},"e3e5fef"))),(0,n.yg)("li",{parentName:"ul"},"add styles for tabs ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8448bf4ed60b18a9a28e6e5ef4451fefc141d263"},(0,n.yg)("inlineCode",{parentName:"a"},"8448bf4"))),(0,n.yg)("li",{parentName:"ul"},"test(Card): add missing tests for ImageGrid ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5971e01a2f4f5ba8a180ed2fd38df28d55ad92c0"},(0,n.yg)("inlineCode",{parentName:"a"},"5971e01"))),(0,n.yg)("li",{parentName:"ul"},"stylelint fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fd4831ef31b70bcad8f8b3c49a14b47e857e5e36"},(0,n.yg)("inlineCode",{parentName:"a"},"fd4831e"))),(0,n.yg)("li",{parentName:"ul"},"wip modifying menu classes so that we can use css variables for tab menus ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8a55c5ab059de53b66db2f8233fac068d3c96b0"},(0,n.yg)("inlineCode",{parentName:"a"},"f8a55c5"))),(0,n.yg)("li",{parentName:"ul"},"modify tabs story for vertical to still make use of pointing param ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6963345702c08dd6e1e68dcbf067c9a9ff1502a1"},(0,n.yg)("inlineCode",{parentName:"a"},"6963345"))),(0,n.yg)("li",{parentName:"ul"},"add jest test ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc9533c41ef985d394be6b9bb5c776d03a37993c"},(0,n.yg)("inlineCode",{parentName:"a"},"cc9533c"))),(0,n.yg)("li",{parentName:"ul"},"Rollback previous change as passing items shorthand does not add ui class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce36c789c9289698d7e8a2c0ab54d364a0909b07"},(0,n.yg)("inlineCode",{parentName:"a"},"ce36c78"))),(0,n.yg)("li",{parentName:"ul"},"fix text bounce when using normal tabs due to border size and negative border margin ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/10b72418ecdf16690eaec229d406969b0eb31336"},(0,n.yg)("inlineCode",{parentName:"a"},"10b7241"))),(0,n.yg)("li",{parentName:"ul"},"Removed pointing option from vertical tab by default: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19d187037a8aa7d5e2c8dfb518ebf3941d24839f"},(0,n.yg)("inlineCode",{parentName:"a"},"19d1870"))),(0,n.yg)("li",{parentName:"ul"},"fixed color of input within edit page when double-clicking to edit the tab name ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/957e6fd5eba3d7b35b8b1a16dbbcef9d732c4e35"},(0,n.yg)("inlineCode",{parentName:"a"},"957e6fd"))),(0,n.yg)("li",{parentName:"ul"},"fix test ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d6e3b9fa83665dbdff206f0a8e5530c1a128ffe"},(0,n.yg)("inlineCode",{parentName:"a"},"6d6e3b9"))),(0,n.yg)("li",{parentName:"ul"},"inverted border should be transparent black instead of black ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/700b9e7abef32d5721ea093baa122d8cd4eb5e1b"},(0,n.yg)("inlineCode",{parentName:"a"},"700b9e7")))),(0,n.yg)("h3",{id:"1190---2023-10-13"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.18.3...1.19.0"},"1.19.0")," - 2023-10-13"),(0,n.yg)("h4",{id:"-bug-fixes-8"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(section): flex item variation width incorrectly applied ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4977cd2b8c3a6454d3689066ad77ca1a53c757be"},(0,n.yg)("inlineCode",{parentName:"a"},"4977cd2"))),(0,n.yg)("li",{parentName:"ul"},"fix(general): update Makefile for current stylint syntax ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dc0ab83f969bc314fd187f0f6916f464aed87ebf"},(0,n.yg)("inlineCode",{parentName:"a"},"dc0ab83"))),(0,n.yg)("li",{parentName:"ul"},"fix(flex-items): flex item variation width incorrectly applied #394 from eea/fix-flex-items-wrapper ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/715580d209fe905274406a73b919249bdcae949b"},(0,n.yg)("inlineCode",{parentName:"a"},"715580d"))),(0,n.yg)("li",{parentName:"ul"},"fix(top-bar): dropdown overlapping with toolbar dropdown #258324 #398 from eea/fix-z-index ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a210e8d8609e1554d65d51618a0afc190ecc9eae"},(0,n.yg)("inlineCode",{parentName:"a"},"a210e8d"))),(0,n.yg)("li",{parentName:"ul"},"fix: z-index for top bar to not show on top of toolbar menu - refs #258324 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c876b01f101e28d2461190011958ad1f05b4ff6"},(0,n.yg)("inlineCode",{parentName:"a"},"3c876b0"))),(0,n.yg)("li",{parentName:"ul"},"fix(tests): set volto version ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b6fb28c5837eae4bb1de19c0ed8fb34ffd0a3d54"},(0,n.yg)("inlineCode",{parentName:"a"},"b6fb28c")))),(0,n.yg)("h4",{id:"-internal-changes-1"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"chore:volto 16 in tests, update docs, fix stylelint overrides ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f04a1f3563a775398359059bbaf26a9b85a1c748"},(0,n.yg)("inlineCode",{parentName:"a"},"f04a1f3")))),(0,n.yg)("h4",{id:"\ufe0f-others-7"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Release 1.19.0 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac2f8bf7aae10de84b7010fa4eecd362662defea"},(0,n.yg)("inlineCode",{parentName:"a"},"ac2f8bf"))),(0,n.yg)("li",{parentName:"ul"},"Fix missing label for footer site links ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/570304298b26d2a3f35f1f510078941156f5e045"},(0,n.yg)("inlineCode",{parentName:"a"},"5703042"))),(0,n.yg)("li",{parentName:"ul"},"change z-index value ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7ef735e6051e2f8647f4ba61c4a6d6ddf7e04bd0"},(0,n.yg)("inlineCode",{parentName:"a"},"7ef735e"))),(0,n.yg)("li",{parentName:"ul"},"Update Makefile to fix Volto version pin and stylelint command #396 from eea/makefile-fix-stylint ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/159071eb14dff6d0cca511b75e308c4f736a65d1"},(0,n.yg)("inlineCode",{parentName:"a"},"159071e")))),(0,n.yg)("h3",{id:"1183---2023-09-29"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.18.2...1.18.3"},"1.18.3")," - 2023-09-29"),(0,n.yg)("h4",{id:"-documentation-changes"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs: Update README and DEVELOP ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d3b4ba83a045e0fc51642b07e029c7a4f2ea8f5d"},(0,n.yg)("inlineCode",{parentName:"a"},"d3b4ba8"))),(0,n.yg)("li",{parentName:"ul"},"docs: Update README and DEVELOP ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/efbc67072601e42203ea6314fb65ebe16df64954"},(0,n.yg)("inlineCode",{parentName:"a"},"efbc670")))),(0,n.yg)("h3",{id:"1182---2023-09-25"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.18.1...1.18.2"},"1.18.2")," - 2023-09-25"),(0,n.yg)("h4",{id:"-bug-fixes-9"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix: Clear filters in Search Block font-size - refs #258029 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3cbcebbc8021bb4b9dc0cec38fa371eff798543a"},(0,n.yg)("inlineCode",{parentName:"a"},"3cbcebb")))),(0,n.yg)("h3",{id:"1181---2023-09-07"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.18.0...1.18.1"},"1.18.1")," - 2023-09-07"),(0,n.yg)("h4",{id:"-bug-fixes-10"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix: Title block should refresh image on lead image change - refs #257544 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/96a8e2515079ea4869a783f3f492f90f6cb63bed"},(0,n.yg)("inlineCode",{parentName:"a"},"96a8e25"))),(0,n.yg)("li",{parentName:"ul"},"fix(accordion): if statement for icon className #390 from eea/fix-accordion-icons ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4d5252400613eeeec94aeee606f346bb23efd720"},(0,n.yg)("inlineCode",{parentName:"a"},"4d52524")))),(0,n.yg)("h4",{id:"-enhancements-3"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(accordion): fix if for icon className ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ba34003f082d900940a6b2c4466bfe6a2fe416a3"},(0,n.yg)("inlineCode",{parentName:"a"},"ba34003")))),(0,n.yg)("h4",{id:"\ufe0f-others-8"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"test: EN locales, pre-commit fix, feature PRs checks Refs #257193 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/977bcb256e2775446dc3d0282bbc4afc17c39c42"},(0,n.yg)("inlineCode",{parentName:"a"},"977bcb2")))),(0,n.yg)("h3",{id:"1180---2023-09-01"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.17.0...1.18.0"},"1.18.0")," - 2023-09-01"),(0,n.yg)("h4",{id:"-bug-fixes-11"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(accordion): fix accordion filtering size and color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4abb86ce8d196483b0df13f848a533ed12ea797"},(0,n.yg)("inlineCode",{parentName:"a"},"a4abb86"))),(0,n.yg)("li",{parentName:"ul"},"fix(accordion): fix filtering text color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e6b6ebc176b82cca7c25a5af0cc563e7560557b8"},(0,n.yg)("inlineCode",{parentName:"a"},"e6b6ebc"))),(0,n.yg)("li",{parentName:"ul"},"fix(accordion): fix accordion filtering size and color #387 from eea/accordion-filter ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0356c1c5de27bd9a7bfbddf7d07d7247d485fe0f"},(0,n.yg)("inlineCode",{parentName:"a"},"0356c1c")))),(0,n.yg)("h4",{id:"-enhancements-4"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(item): added column widths for flex-item-wrapper ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0e0e894dedb0edec0fd3209b890a6f0b722b7217"},(0,n.yg)("inlineCode",{parentName:"a"},"0e0e894")))),(0,n.yg)("h4",{id:"-internal-changes-2"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"chore: lint fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/43fc96d9da6de4eec1aed36c4d7e75b650709bd9"},(0,n.yg)("inlineCode",{parentName:"a"},"43fc96d")))),(0,n.yg)("h4",{id:"\ufe0f-others-9"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"perf(site): optimize footer svg using svgomg dropping size from 868kb to 422kb ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5118c62883c83883ef3c7cead137ddc45f471eaf"},(0,n.yg)("inlineCode",{parentName:"a"},"5118c62"))),(0,n.yg)("li",{parentName:"ul"},"test: fix tests failing ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f00f4e36f14898c4c5bdd647828a89a04b0f5941"},(0,n.yg)("inlineCode",{parentName:"a"},"f00f4e3"))),(0,n.yg)("li",{parentName:"ul"},"prettier fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/848080233fb761649174e9abdb2d1f3cabcb9568"},(0,n.yg)("inlineCode",{parentName:"a"},"8480802"))),(0,n.yg)("li",{parentName:"ul"},"fix error reading baseWidth less variable ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f83dcb16017c368acb8e612a8f34c93d195fec64"},(0,n.yg)("inlineCode",{parentName:"a"},"f83dcb1"))),(0,n.yg)("li",{parentName:"ul"},"bump package version ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f4006b8c98658236e9a9d5a69919ca2752aba599"},(0,n.yg)("inlineCode",{parentName:"a"},"f4006b8"))),(0,n.yg)("li",{parentName:"ul"},"test: fix tests failing #388 from eea/fix-tests ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cfb0213686d7e0ef92058956a090eb36cb0195f3"},(0,n.yg)("inlineCode",{parentName:"a"},"cfb0213"))),(0,n.yg)("li",{parentName:"ul"},"lint fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ec6099685f93c58a858282d3791643931d7cb64"},(0,n.yg)("inlineCode",{parentName:"a"},"4ec6099")))),(0,n.yg)("h3",{id:"1170---2023-08-29"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.16.0...1.17.0"},"1.17.0")," - 2023-08-29"),(0,n.yg)("h4",{id:"-new-features-2"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(accordion): improve a11n by providing open close support using space bar on header ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac04dbd8fa166a70d535354f6ab631709ee021b3"},(0,n.yg)("inlineCode",{parentName:"a"},"ac04dbd")))),(0,n.yg)("h4",{id:"-bug-fixes-12"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(sharing): button placement and styling ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15ecefcb4e0a2fcc99d585bf0c913ea515b3f676"},(0,n.yg)("inlineCode",{parentName:"a"},"15ecefc"))),(0,n.yg)("li",{parentName:"ul"},"fix(popup): Fix wrong placement of Popper refs #256765 #384 from eea/popper ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee69ca299348509f10ecd954ae4415aaef347104"},(0,n.yg)("inlineCode",{parentName:"a"},"ee69ca2")))),(0,n.yg)("h4",{id:"-enhancements-5"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(mega-menu): mobile accordions now have aria expanded support ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e0dbb3f533c9022308527d2d44d32831f66b389f"},(0,n.yg)("inlineCode",{parentName:"a"},"e0dbb3f"))),(0,n.yg)("li",{parentName:"ul"},"change(accordion): removed listitem role from mobile accordion links ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b85dac5451b10968275c9ed46a0b4cfc0ccd442"},(0,n.yg)("inlineCode",{parentName:"a"},"8b85dac")))),(0,n.yg)("h4",{id:"-internal-changes-3"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"chore: Remove i18n.js script ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/701b82a67dc97f774c6250d45f159c61b9c7bfec"},(0,n.yg)("inlineCode",{parentName:"a"},"701b82a")))),(0,n.yg)("h4",{id:"\ufe0f-others-10"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"test: add unit tests for DS components - refs #254313 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0c4d4d118b8e13082c576dc5c2dce6a715f49006"},(0,n.yg)("inlineCode",{parentName:"a"},"0c4d4d1"))),(0,n.yg)("li",{parentName:"ul"},"test: Fix eslint and yarn i18n ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/331149f5eb16a9cc6f2d996f7b793909773063c2"},(0,n.yg)("inlineCode",{parentName:"a"},"331149f"))),(0,n.yg)("li",{parentName:"ul"},"fix popper ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/762f199ff5725e7ad1fb788feb4f7b7548d1ee44"},(0,n.yg)("inlineCode",{parentName:"a"},"762f199"))),(0,n.yg)("li",{parentName:"ul"},"remove ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bf3974be18225c893fd09814cb2aca9a84ba0ece"},(0,n.yg)("inlineCode",{parentName:"a"},"bf3974b"))),(0,n.yg)("li",{parentName:"ul"},"test: Update Makefile and docker-compose to align it with Jenkinsfile ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7eea21fd4e71c4f420cd061717166483082dd6e"},(0,n.yg)("inlineCode",{parentName:"a"},"b7eea21"))),(0,n.yg)("li",{parentName:"ul"},"fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/615e67ff3c9a0fbd6cc7cadbb0c845bf09eec4f0"},(0,n.yg)("inlineCode",{parentName:"a"},"615e67f"))),(0,n.yg)("li",{parentName:"ul"},"Release 1.17.0 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e3c25eeeca5e863244faae396b5aa915d0702633"},(0,n.yg)("inlineCode",{parentName:"a"},"e3c25ee"))),(0,n.yg)("li",{parentName:"ul"},"i18n: Add en ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/458429530d993c27cfb962ddfe2f376f3568bf01"},(0,n.yg)("inlineCode",{parentName:"a"},"4584295"))),(0,n.yg)("li",{parentName:"ul"},"chrore(mega-menu): mobile accordion accessibility enhancements #385 from eea/accordion-improvements ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9dd717dc4c82a220463da16dba33c9a9d1633c47"},(0,n.yg)("inlineCode",{parentName:"a"},"9dd717d"))),(0,n.yg)("li",{parentName:"ul"},"fix popper ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/005f2be705136eebd5f8f4ae4dd5e27d9fbff15d"},(0,n.yg)("inlineCode",{parentName:"a"},"005f2be")))),(0,n.yg)("h3",{id:"1160---2023-08-17"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.15.0...1.16.0"},"1.16.0")," - 2023-08-17"),(0,n.yg)("h4",{id:"-new-features-3"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(banner): allow Banner.Action to be a link #254325 #378 from eea/banner_link ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/144f71fdbf24aec8c35ae7cbb93cd719271a4413"},(0,n.yg)("inlineCode",{parentName:"a"},"144f71f"))),(0,n.yg)("li",{parentName:"ul"},"feat(accordion): eea design filtering support and theme refactoring #379 from eea/accordion-filter ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e82454490777a42bc032646483fee59e7236df4"},(0,n.yg)("inlineCode",{parentName:"a"},"7e82454")))),(0,n.yg)("h4",{id:"-bug-fixes-13"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(popup): ref error and make sure that all .popup-container .popup get their position fixed ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4435c1fd10f81c9366955567fc1bc6a2c5364ba7"},(0,n.yg)("inlineCode",{parentName:"a"},"4435c1f"))),(0,n.yg)("li",{parentName:"ul"},"fix(popup): handle click outside popup area to close the popup ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a6da52d8e03f28fa851b841397e0f896223144b8"},(0,n.yg)("inlineCode",{parentName:"a"},"a6da52d"))),(0,n.yg)("li",{parentName:"ul"},"fix(carousel): lower opacity of arrows when we don't use infinite option ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8964c0b5637da266c42e3785cfdf3f38babcdae"},(0,n.yg)("inlineCode",{parentName:"a"},"b8964c0"))),(0,n.yg)("li",{parentName:"ul"},"fix: use quanta-toolbar class as trigger #256275 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5ede47dcc2bd9211ee963c7e881f9ee5663d9d1a"},(0,n.yg)("inlineCode",{parentName:"a"},"5ede47d"))),(0,n.yg)("li",{parentName:"ul"},"fix: ensure rule only on quanta-toolbar #256275 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b3e0a4b6414aac5a9c21686043bc293a194afbd"},(0,n.yg)("inlineCode",{parentName:"a"},"4b3e0a4"))),(0,n.yg)("li",{parentName:"ul"},"fix: teaserGrid controls move only on quanta-toolbar #256275 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/90c973679e189587ed3d9afeb5e6a0eb84fa5852"},(0,n.yg)("inlineCode",{parentName:"a"},"90c9736")))),(0,n.yg)("h4",{id:"-enhancements-6"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(popup): use a functional component for popup component using react-popper ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3fe26294162966d3815d74384f5e53071ad80b26"},(0,n.yg)("inlineCode",{parentName:"a"},"3fe2629"))),(0,n.yg)("li",{parentName:"ul"},"change(site): use css variable values for inputs for easier customization ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a085e26496420a503ba5c21b3791e66af96c96c"},(0,n.yg)("inlineCode",{parentName:"a"},"7a085e2"))),(0,n.yg)("li",{parentName:"ul"},"change(accordion): use real icons for active and inactive panel icons #380 from eea/accordion-filtering ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb9e20ca9b68890852baae4f7a06c35db6136286"},(0,n.yg)("inlineCode",{parentName:"a"},"bb9e20c"))),(0,n.yg)("li",{parentName:"ul"},"change(accordion): make use of css variables for text and background colors ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a6cddd542abb3d1aba3e985107410a60b697744e"},(0,n.yg)("inlineCode",{parentName:"a"},"a6cddd5"))),(0,n.yg)("li",{parentName:"ul"},"change(accordion): use the right selector for accordion panels hovering ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b041b29a4c871a50844f1054c7c39d3a468a7ae"},(0,n.yg)("inlineCode",{parentName:"a"},"3b041b2"))),(0,n.yg)("li",{parentName:"ul"},"change(accordion): use a css variable for icon active and inactive ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a11bf76c8ba5d3f58f330a75e673a0eed7c10c7e"},(0,n.yg)("inlineCode",{parentName:"a"},"a11bf76"))),(0,n.yg)("li",{parentName:"ul"},"change(carousel): modified setting of current dot based on parent li slick-active class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ac957ed7fcba588f56ba65f9405ad4e39b568b7"},(0,n.yg)("inlineCode",{parentName:"a"},"4ac957e"))),(0,n.yg)("li",{parentName:"ul"},"change(accordion): simplify change of icon for filter icons ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a1cb797929ddda6513dcc7027f32ebad6992ee14"},(0,n.yg)("inlineCode",{parentName:"a"},"a1cb797")))),(0,n.yg)("h4",{id:"-internal-changes-4"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"chore: Add filter to accordion story -refs #254324 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fdc906a2e065e250bda198311e4e3b20b0880169"},(0,n.yg)("inlineCode",{parentName:"a"},"fdc906a"))),(0,n.yg)("li",{parentName:"ul"},"chore(accordion): Improve accordion filter styling -refs#254324 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d3ca98e494a4e0a68880dd87ed0f90967c431d50"},(0,n.yg)("inlineCode",{parentName:"a"},"d3ca98e")))),(0,n.yg)("h4",{id:"-documentation-changes-1"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs: Cleanup Makefile, update DEVELOP documentation, i18n - refs #254894 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df303a56e90581d6ed554e839343a359727bb166"},(0,n.yg)("inlineCode",{parentName:"a"},"df303a5"))),(0,n.yg)("li",{parentName:"ul"},"docs: add links to docusaurus and storybook - refs #253277 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f7ba848d2e54ea7cd9d9eb92a0171274077e307"},(0,n.yg)("inlineCode",{parentName:"a"},"9f7ba84")))),(0,n.yg)("h4",{id:"\ufe0f-others-11"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"bump package release version ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fff4264d5a91fbf2fc5fe52fb2cc530c77ea43b1"},(0,n.yg)("inlineCode",{parentName:"a"},"fff4264"))),(0,n.yg)("li",{parentName:"ul"},"Refs #254325; allow setting a Banner.Action to be a link ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/18b00bf355d8180d7ed4f43810e95fb6cef0e95c"},(0,n.yg)("inlineCode",{parentName:"a"},"18b00bf")))),(0,n.yg)("h3",{id:"1150---2023-07-26"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.14.0...1.15.0"},"1.15.0")," - 2023-07-26"),(0,n.yg)("h4",{id:"-new-features-4"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(carousel): added story example on how to customize the dots to contain accessibility labels ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fe5eb46dc94abfeaaa2c79022e507b452b4bb36a"},(0,n.yg)("inlineCode",{parentName:"a"},"fe5eb46")))),(0,n.yg)("h4",{id:"-bug-fixes-14"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(storybook): controls that broke after the Hero stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8e995d30e971163677a198846b1314222dbe408"},(0,n.yg)("inlineCode",{parentName:"a"},"f8e995d"))),(0,n.yg)("li",{parentName:"ul"},"fix(accessibility): of carousel arrows, dots and role of carousel as a carousel region ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00257fcfd0cd3b9959f2f3c68f0b2725c2d96f09"},(0,n.yg)("inlineCode",{parentName:"a"},"00257fc"))),(0,n.yg)("li",{parentName:"ul"},"fix: hover and focused border for block child - refs #255840 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fdd7783b0658711674d251cce498900d9add52af"},(0,n.yg)("inlineCode",{parentName:"a"},"fdd7783"))),(0,n.yg)("li",{parentName:"ul"},"fix(storybook): popup story react import ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/18888f95888f1e3c89d9d1814462e1f27e85ea87"},(0,n.yg)("inlineCode",{parentName:"a"},"18888f9")))),(0,n.yg)("h4",{id:"-enhancements-7"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor: Use EEA countup instead of react-countup - refs #254634 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/146d8c2d9d7d55530b39261bfabf7cebd9c8ac0b"},(0,n.yg)("inlineCode",{parentName:"a"},"146d8c2"))),(0,n.yg)("li",{parentName:"ul"},"change(carousel): set aria current to current dot button to indicate which slide we are on ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e711ec806be8b45b122a56b84717a0c45057cbbe"},(0,n.yg)("inlineCode",{parentName:"a"},"e711ec8"))),(0,n.yg)("li",{parentName:"ul"},"change(search): style icon class instead of i.icon ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f96a590beb15ca6b577a169773b740b171b5e3c0"},(0,n.yg)("inlineCode",{parentName:"a"},"f96a590"))),(0,n.yg)("li",{parentName:"ul"},"change(header): move handling of key press that checks for enter key to a generic function ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8df5c8a03f0fb0ad462605df283e622f5b6daf3f"},(0,n.yg)("inlineCode",{parentName:"a"},"8df5c8a"))),(0,n.yg)("li",{parentName:"ul"},"change(header): use a real button for search submit ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37e491ba4af37f16a40bf6377d220d984be17656"},(0,n.yg)("inlineCode",{parentName:"a"},"37e491b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(SearchBox): add key down handler for search icon ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4f46ba5d3c2457a24e705bf7f34e1cfde2e2f79d"},(0,n.yg)("inlineCode",{parentName:"a"},"4f46ba5"))),(0,n.yg)("li",{parentName:"ul"},"change(search): added search icon as button for proper accessibility support ","[ACCESSIBILITY 2.1.1.1]"," #360 from eea/refactor-search-input-icon ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f932ffba42a96f7d6665c593ff3ad22c3b362fc"},(0,n.yg)("inlineCode",{parentName:"a"},"8f932ff")))),(0,n.yg)("h4",{id:"\ufe0f-others-12"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Release 1.15.0 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/30152fcdfffa4ec2262ebf78c1c8a885e222e73c"},(0,n.yg)("inlineCode",{parentName:"a"},"30152fc")))),(0,n.yg)("h3",{id:"1140---2023-07-24"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.13.2...1.14.0"},"1.14.0")," - 2023-07-24"),(0,n.yg)("h4",{id:"-new-features-5"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(storybook): add image card storybook with proper storybook controls ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3bcf25f2c0df67fb83a8dd47ff2b5b2810a4e57d"},(0,n.yg)("inlineCode",{parentName:"a"},"3bcf25f"))),(0,n.yg)("li",{parentName:"ul"},"feat(cards): added image card grid layout when inside imageCard-items ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8203c348c0867a091149965d56176826b154d47c"},(0,n.yg)("inlineCode",{parentName:"a"},"8203c34"))),(0,n.yg)("li",{parentName:"ul"},"feat(Fonts): add base token for browser font size scaling ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6aced8253370485981a34b6ebf7593989b2c01b6"},(0,n.yg)("inlineCode",{parentName:"a"},"6aced82"))),(0,n.yg)("li",{parentName:"ul"},"feat(cards): title on image font size adjustment when having a large base font size #369 from eea/accessibility-114-scaling-font-size-issues ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a630cc263ebc72ff48cb128a2045599bf1e8feb"},(0,n.yg)("inlineCode",{parentName:"a"},"4a630cc")))),(0,n.yg)("h4",{id:"-bug-fixes-15"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(cards): removed padding within titles on images ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/868864135b51fe1b2041b2f8f83bc2a280e57041"},(0,n.yg)("inlineCode",{parentName:"a"},"8688641"))),(0,n.yg)("li",{parentName:"ul"},"fix(stylemenu): remove generic css selectors in favour of specific class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2190ebe9e0b4b94481f1a4605d0b96f06a787702"},(0,n.yg)("inlineCode",{parentName:"a"},"2190ebe"))),(0,n.yg)("li",{parentName:"ul"},"fix(lint): of stylelint that complained about deprecated syntax flag ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a591a2ed62b5b9e9d51a65db8086c337b328f3fe"},(0,n.yg)("inlineCode",{parentName:"a"},"a591a2e"))),(0,n.yg)("li",{parentName:"ul"},"fix(contentBox): z-index is placed on before instead of the relative content-box-inner ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab4f2e7aa6d04288f1c042ab5c8318604eecdec5"},(0,n.yg)("inlineCode",{parentName:"a"},"ab4f2e7"))),(0,n.yg)("li",{parentName:"ul"},"fix(accessibility): ","[ACCESSIBILITY 11.4]"," Common Elements - Font size scaling issues #363 from eea/accessibility-114-scaling-font-size-issues ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00dba6ed83cadcd1d9683ea96cd74b0e6493df8d"},(0,n.yg)("inlineCode",{parentName:"a"},"00dba6e"))),(0,n.yg)("li",{parentName:"ul"},"fix(sitemenu): active background color, default slate color was too dark breaking accessibility ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5bcbde5d24cb5ed411effc4af72eab9ebf4cf23e"},(0,n.yg)("inlineCode",{parentName:"a"},"5bcbde5"))),(0,n.yg)("li",{parentName:"ul"},"fix(accessibility): Header Search Box size #359 from eea/refactor-search-box ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b4e1abecdee91af2d782b50d978321656961333"},(0,n.yg)("inlineCode",{parentName:"a"},"4b4e1ab"))),(0,n.yg)("li",{parentName:"ul"},"fix(stylemenu): remove generic css selectors in favour of specific class #354 from eea/fix-stylemenu-selectors ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/402755e7a684c958df55035fe20cc467de245d10"},(0,n.yg)("inlineCode",{parentName:"a"},"402755e")))),(0,n.yg)("h4",{id:"-enhancements-8"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(storybook): refactored card storybook for greater flexibility ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f3580146ba1b5e11100fd6ab54efb018fcc27e0"},(0,n.yg)("inlineCode",{parentName:"a"},"9f35801"))),(0,n.yg)("li",{parentName:"ul"},"change(label): ribbon label now has z-index 1 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/83d8705e16c9624573122aae3318007de3c3762e"},(0,n.yg)("inlineCode",{parentName:"a"},"83d8705"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): clamp titles ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f104623357f3f8636c3b8de6e7df809561a29896"},(0,n.yg)("inlineCode",{parentName:"a"},"f104623"))),(0,n.yg)("li",{parentName:"ul"},"change(stylemenu): simplify css to target the color directly on the classes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4801013fd6f4a3b9c534b95d67c9c0bf9e05d690"},(0,n.yg)("inlineCode",{parentName:"a"},"4801013"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Header): accessibility updates on dropdowns - refs #254319 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b16de8a648f779aecefb494ef14ec14fba447c28"},(0,n.yg)("inlineCode",{parentName:"a"},"b16de8a"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Header): replace height with min-height on search box and update input margins ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/679adaa07b100a90077344ac6a835d766dd5574c"},(0,n.yg)("inlineCode",{parentName:"a"},"679adaa"))),(0,n.yg)("li",{parentName:"ul"},"change(card): removed border that separates image from content area ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/be4cb55da77a0acbe554d1c1a84bfe498aa78c81"},(0,n.yg)("inlineCode",{parentName:"a"},"be4cb55")))),(0,n.yg)("h4",{id:"\ufe0f-others-13"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"test: remove useless code ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2c14b0ce4596cfc11a81b9762677596d1861acfe"},(0,n.yg)("inlineCode",{parentName:"a"},"2c14b0c"))),(0,n.yg)("li",{parentName:"ul"},"Release 1.14.0 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb9084fb2246dc1b729e12a419a26daa12c26f7a"},(0,n.yg)("inlineCode",{parentName:"a"},"cb9084f"))),(0,n.yg)("li",{parentName:"ul"},"test: ","[JENKINS]"," set pipe fail ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1cdfc39d08f1ae301dea57f1e4be5265c4a4c6f9"},(0,n.yg)("inlineCode",{parentName:"a"},"1cdfc39"))),(0,n.yg)("li",{parentName:"ul"},"test: try storybook upload ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d5833d4419d00f1ac04c9eb78a0884214f9a494"},(0,n.yg)("inlineCode",{parentName:"a"},"6d5833d")))),(0,n.yg)("h3",{id:"1132---2023-06-13"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.13.1...1.13.2"},"1.13.2")," - 2023-06-13"),(0,n.yg)("h4",{id:"-bug-fixes-16"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(focus): chrome disregard of our focus visible outline value ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af75079ab1dc93292cfe1bb5e081be33ab4c9682"},(0,n.yg)("inlineCode",{parentName:"a"},"af75079")))),(0,n.yg)("h4",{id:"\ufe0f-others-14"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},'Revert "feat: a11y accessibility footer logos - refs #254122" ',(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d45f294ca9849dc076bf0c59328107ad2d82e003"},(0,n.yg)("inlineCode",{parentName:"a"},"d45f294")))),(0,n.yg)("h3",{id:"1131---2023-06-13"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.13.0...1.13.1"},"1.13.1")," - 2023-06-13"),(0,n.yg)("h4",{id:"-new-features-6"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat: a11y accessibility footer logos - refs #254122 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1e40f364aab3208d2ccfbbd5f1d51a1b12f5be0d"},(0,n.yg)("inlineCode",{parentName:"a"},"1e40f36")))),(0,n.yg)("h4",{id:"\ufe0f-others-15"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"test: jest should look for addons in node_modules Refs #253277 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7b011a9e883db93fc7a24ac4db3e6e28068171c3"},(0,n.yg)("inlineCode",{parentName:"a"},"7b011a9")))),(0,n.yg)("h3",{id:"1130---2023-06-08"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.12.1...1.13.0"},"1.13.0")," - 2023-06-08"),(0,n.yg)("h4",{id:"-breaking-change"},"\ud83d\udca5 Breaking Change"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"breaking(footer): use url parameter instead of link for footer actions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5b9cc2c8a2979f3d49d69841a57684b3f80d5ea2"},(0,n.yg)("inlineCode",{parentName:"a"},"5b9cc2c"))),(0,n.yg)("li",{parentName:"ul"},"breaking(footer): renamed contact-block to contact-wrapper ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2fbb7df66eb37e17ab5391feb46d7ce2cfdfcbf3"},(0,n.yg)("inlineCode",{parentName:"a"},"2fbb7df")))),(0,n.yg)("h4",{id:"-new-features-7"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(search): added matchpath to specify search location #352 from eea/searchpopup_update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7c236d52f5de620f77b820387181fe1d902247d3"},(0,n.yg)("inlineCode",{parentName:"a"},"7c236d5")))),(0,n.yg)("h4",{id:"-enhancements-9"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(footer): header can now be added anywhere in the footer section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ae48728dd961d783c6a8120c8a88dc38f63eed6"},(0,n.yg)("inlineCode",{parentName:"a"},"6ae4872"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): add dedicated classes for theme sites logos ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/adebd04bcf5dc5b28b90db540816384fc60b4073"},(0,n.yg)("inlineCode",{parentName:"a"},"adebd04")))),(0,n.yg)("h4",{id:"-internal-changes-5"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"chore: ","[JENKINS]"," Deprecate circularity website ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fb2b166d64f95a1c183901abfe0fe0254d1bbc7a"},(0,n.yg)("inlineCode",{parentName:"a"},"fb2b166")))),(0,n.yg)("h4",{id:"-documentation-changes-2"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs: Update and rename Corporate-site-templates to 2-corporate-site-templates.md ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/41ffc5545def9034e3955bf967a2b0b947023528"},(0,n.yg)("inlineCode",{parentName:"a"},"41ffc55")))),(0,n.yg)("h4",{id:"\ufe0f-others-16"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"breaking(footer): use url parameter instead of link for footer actions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5b9cc2c8a2979f3d49d69841a57684b3f80d5ea2"},(0,n.yg)("inlineCode",{parentName:"a"},"5b9cc2c"))),(0,n.yg)("li",{parentName:"ul"},"Rename to eea-storybook Refs #251478 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bc4e753a8e604ab323a32a1315c46fc5827aadbd"},(0,n.yg)("inlineCode",{parentName:"a"},"bc4e753"))),(0,n.yg)("li",{parentName:"ul"},"breaking(footer): renamed contact-block to contact-wrapper ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2fbb7df66eb37e17ab5391feb46d7ce2cfdfcbf3"},(0,n.yg)("inlineCode",{parentName:"a"},"2fbb7df"))),(0,n.yg)("li",{parentName:"ul"},"test: Fix test config, coverage Refs #253277 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/12f31a2018d8c73173fc7ff091c5c3ddd3b29f64"},(0,n.yg)("inlineCode",{parentName:"a"},"12f31a2"))),(0,n.yg)("li",{parentName:"ul"},"bump package version due to breaking changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/75c83f024dc40388086faeaec449f04da68c0d9b"},(0,n.yg)("inlineCode",{parentName:"a"},"75c83f0"))),(0,n.yg)("li",{parentName:"ul"},"added matchpath, we can independently specify on which location to apply a rule for the search popup ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f4a40e04f50e87f5b0383a1b28d3459a2b91199b"},(0,n.yg)("inlineCode",{parentName:"a"},"f4a40e0")))),(0,n.yg)("h3",{id:"1121---2023-05-24"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.12.0...1.12.1"},"1.12.1")," - 2023-05-24"),(0,n.yg)("h4",{id:"-bug-fixes-17"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(header): Increase z-index on top bar #350 from eea/fix-header ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/59bc935470da8e97f80c22f05f40231df242555f"},(0,n.yg)("inlineCode",{parentName:"a"},"59bc935"))),(0,n.yg)("li",{parentName:"ul"},"fix: Stop image disappear over and over - ref253080 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a8208e7dd656d54cb975f8e7a9887775cfa4bd94"},(0,n.yg)("inlineCode",{parentName:"a"},"a8208e7"))),(0,n.yg)("li",{parentName:"ul"},"fix(subsite): Fix z-index to make it clickable - refs #253352 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e0203fd8e7c0887cddfcf5d140ca1c3cdaa54e4d"},(0,n.yg)("inlineCode",{parentName:"a"},"e0203fd"))),(0,n.yg)("li",{parentName:"ul"},"fix(header): Increase z-index on top bar ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ccaa08d61b2681368f94ebf6304fa70073eac0db"},(0,n.yg)("inlineCode",{parentName:"a"},"ccaa08d")))),(0,n.yg)("h4",{id:"-internal-changes-6"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"style: remove unnecessary z-index on content-area ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f5e574f5a15ac0844e7b5ce184003e0e89e7d76b"},(0,n.yg)("inlineCode",{parentName:"a"},"f5e574f")))),(0,n.yg)("h3",{id:"1120---2023-05-19"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.11.0...1.12.0"},"1.12.0")," - 2023-05-19"),(0,n.yg)("h4",{id:"-breaking-change-1"},"\ud83d\udca5 Breaking Change"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"breaking(menu): removed css hiding of home link ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/81bdcc6857b724927c92d4b9de463629a3f9fdd6"},(0,n.yg)("inlineCode",{parentName:"a"},"81bdcc6")))),(0,n.yg)("h4",{id:"-bug-fixes-18"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(container): width of position ov view-wrapper container ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c3230cb3a946801dd6a00e2ea4d7215445ac8a81"},(0,n.yg)("inlineCode",{parentName:"a"},"c3230cb")))),(0,n.yg)("h4",{id:"-enhancements-10"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(mega-menu): removed need for hardcoded sub-section of countries mega menu ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d8dab69a03595784e208cddc076788bc3399bc85"},(0,n.yg)("inlineCode",{parentName:"a"},"d8dab69")))),(0,n.yg)("h4",{id:"\ufe0f-others-17"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Release #347 from eea/develop ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3eaa50494ba5480c460c7d83141eff954579e962"},(0,n.yg)("inlineCode",{parentName:"a"},"3eaa504"))),(0,n.yg)("li",{parentName:"ul"},"breaking(menu): removed css hiding of home link ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/81bdcc6857b724927c92d4b9de463629a3f9fdd6"},(0,n.yg)("inlineCode",{parentName:"a"},"81bdcc6"))),(0,n.yg)("li",{parentName:"ul"},"(fix): Remove copyright of hero block and extra spaces on print ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/afbf2122ec1133979df22864ce243d50afb647b6"},(0,n.yg)("inlineCode",{parentName:"a"},"afbf212"))),(0,n.yg)("li",{parentName:"ul"},"moved customcss ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8af6b0f620a5b9c71ed2b20c485e650c0553e56c"},(0,n.yg)("inlineCode",{parentName:"a"},"8af6b0f"))),(0,n.yg)("li",{parentName:"ul"},"printing at topics ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9d6853ee717cc208419593590539697ced3b709"},(0,n.yg)("inlineCode",{parentName:"a"},"b9d6853"))),(0,n.yg)("li",{parentName:"ul"},"hero print ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a988c8c745569e58e031c0f6cf680e58dccc2c6d"},(0,n.yg)("inlineCode",{parentName:"a"},"a988c8c"))),(0,n.yg)("li",{parentName:"ul"},"Use variables instead of hardcoded dimensions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/064b2a4e004e8f71aaae2ac710159f004e928777"},(0,n.yg)("inlineCode",{parentName:"a"},"064b2a4"))),(0,n.yg)("li",{parentName:"ul"},"printing at topics ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6c9e4a072785e74022e7557132ae067e00066ef0"},(0,n.yg)("inlineCode",{parentName:"a"},"6c9e4a0"))),(0,n.yg)("li",{parentName:"ul"},"(fix): Remove header and hero block extra space ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/03d08fbe5f99ef082a87a22697cafe593f7ea5e3"},(0,n.yg)("inlineCode",{parentName:"a"},"03d08fb"))),(0,n.yg)("li",{parentName:"ul"},"printing at topics ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/341866ab4ade6ba29c160e857003ca4dbda7106b"},(0,n.yg)("inlineCode",{parentName:"a"},"341866a"))),(0,n.yg)("li",{parentName:"ul"},"break hero block ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cfa7d0d0c8e7db505d6ca2a1cadb9ac9b9f99a64"},(0,n.yg)("inlineCode",{parentName:"a"},"cfa7d0d"))),(0,n.yg)("li",{parentName:"ul"},"bump package version as we have some breaking changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/064e170ee40a8e58533a2e6db0ed6b58c38ad7bb"},(0,n.yg)("inlineCode",{parentName:"a"},"064e170")))),(0,n.yg)("h3",{id:"1110---2023-05-11"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.7...1.11.0"},"1.11.0")," - 2023-05-11"),(0,n.yg)("h4",{id:"-breaking-change-2"},"\ud83d\udca5 Breaking Change"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"breaking(table): cell text align is again inherited instead of center ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/46602c59bfebd0eae8ede2dcc345efdc635e35f6"},(0,n.yg)("inlineCode",{parentName:"a"},"46602c5")))),(0,n.yg)("h4",{id:"-new-features-8"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(docusaurus): Add Video block to docusaurus #343 from eea/feature-video-block ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f692fd42a8c0171db3e86a95c504b7a6f8b89b30"},(0,n.yg)("inlineCode",{parentName:"a"},"f692fd4"))),(0,n.yg)("li",{parentName:"ul"},"feat(cards): added image position and title and description max lines also to storybook #335 from eea/rounded-card-control ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9cba23bef8d74cdd5cf3505b9a9f3d51b68eedcf"},(0,n.yg)("inlineCode",{parentName:"a"},"9cba23b"))),(0,n.yg)("li",{parentName:"ul"},"feat(video) initial component work in progress ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1c99c914161827528bc3a6bf9f8c13bef4ba5817"},(0,n.yg)("inlineCode",{parentName:"a"},"1c99c91"))),(0,n.yg)("li",{parentName:"ul"},"feat(teaser): add object-fit and object-position classnames ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/68c9567179e4e67136a9fd53758d1f6fb43f005c"},(0,n.yg)("inlineCode",{parentName:"a"},"68c9567"))),(0,n.yg)("li",{parentName:"ul"},"feat(accordion): Add control to change the heading tag of the title within storybook #337 from eea/accordion-refactor ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3bf19bdc4053d9e5b8c69226d55b358632d82c5e"},(0,n.yg)("inlineCode",{parentName:"a"},"3bf19bd"))),(0,n.yg)("li",{parentName:"ul"},"feat(cards): add teaser card image alignment styles refs #250422 #338 from eea/teaser-image-alignment ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1e5677c8d40aeb5013097219d45954b869974e90"},(0,n.yg)("inlineCode",{parentName:"a"},"1e5677c"))),(0,n.yg)("li",{parentName:"ul"},"feat(storybook): Add Video block to storybook based on existing Volto EEA add-on #331 from eea/feature-video-block ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1b539c8ccfab459fa7682cca7f75dd6aaaabca24"},(0,n.yg)("inlineCode",{parentName:"a"},"1b539c8"))),(0,n.yg)("li",{parentName:"ul"},"feat(video): add video block story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e1addf5df1219af4d6663310342ffb8587404e12"},(0,n.yg)("inlineCode",{parentName:"a"},"e1addf5")))),(0,n.yg)("h4",{id:"-bug-fixes-19"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix: fill links in Storybook #250343 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e09995b1488176017d4e9c04ee89b84a8145d0c4"},(0,n.yg)("inlineCode",{parentName:"a"},"e09995b"))),(0,n.yg)("li",{parentName:"ul"},"fix(listing): link size for image block by setting display to block ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5afa6651ce35aaef0b09da71f13dd90b90ac5052"},(0,n.yg)("inlineCode",{parentName:"a"},"5afa665"))),(0,n.yg)("li",{parentName:"ul"},"fix(footer): Check contact url if is internal #250343 #342 from eea/footer_url_internal_check ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d753c2150ec211ec5f4838afc6dd53f89c8a3b7b"},(0,n.yg)("inlineCode",{parentName:"a"},"d753c21"))),(0,n.yg)("li",{parentName:"ul"},"fix(video): fix tracks after the file loader module update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a3a3614e19ce25e65d8f51e70c47d6c634a15a0e"},(0,n.yg)("inlineCode",{parentName:"a"},"a3a3614"))),(0,n.yg)("li",{parentName:"ul"},"fix(cards): use css variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/71abd31ece6c24d85d32698fea448a9493475452"},(0,n.yg)("inlineCode",{parentName:"a"},"71abd31"))),(0,n.yg)("li",{parentName:"ul"},"fix(card): overrides file missing { and cleaned duplicated css code ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0979032827318d3af186e05d23bf781094d8e82f"},(0,n.yg)("inlineCode",{parentName:"a"},"0979032"))),(0,n.yg)("li",{parentName:"ul"},"fix(video): fix lint track error ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6249f9e93b21c15883974ccbfa980749e342e4ab"},(0,n.yg)("inlineCode",{parentName:"a"},"6249f9e"))),(0,n.yg)("li",{parentName:"ul"},"fix(cards): title from next line becoming visible with large titles ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c196f1a35ee06a0bec1d7b2e33d02f0744fe57fd"},(0,n.yg)("inlineCode",{parentName:"a"},"c196f1a")))),(0,n.yg)("h4",{id:"-enhancements-11"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(cards, utilities): modified name of object fit and position classes to have hyphens ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5fb39ab2601d36b92cf896a7de66025ba56928a6"},(0,n.yg)("inlineCode",{parentName:"a"},"5fb39ab"))),(0,n.yg)("li",{parentName:"ul"},"change(search): added possibility to configure button url in search popup #345 from eea/searchpopup_update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/112e97e2139cd5bed5be23cd1bcc80065ae2ce09"},(0,n.yg)("inlineCode",{parentName:"a"},"112e97e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): delete rounded card code and stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5177697eac60b9876160b5f2741f0389e4bf8196"},(0,n.yg)("inlineCode",{parentName:"a"},"5177697"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): add image controls ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5c1c0b8081fdc5f944fcf495e17379a9526e25d0"},(0,n.yg)("inlineCode",{parentName:"a"},"5c1c0b8"))),(0,n.yg)("li",{parentName:"ul"},"refactor(accordion): update structure ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc9847fdc11576a73770caee0f141992652bb001"},(0,n.yg)("inlineCode",{parentName:"a"},"fc9847f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): restore designs & add max lines controls ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e7d6e395dfc4110a361d27cd25af4a950a283aa4"},(0,n.yg)("inlineCode",{parentName:"a"},"e7d6e39"))),(0,n.yg)("li",{parentName:"ul"},"change(cards): set object fit and position on any ui images ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/118530573145055ddb11e717ce2ba80270586c66"},(0,n.yg)("inlineCode",{parentName:"a"},"1185305"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): add rounded control for cards ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df2e6a0bea91ee87a522a0c0eb3ea16d2eb61f0a"},(0,n.yg)("inlineCode",{parentName:"a"},"df2e6a0")))),(0,n.yg)("h4",{id:"-documentation-changes-3"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(video): docusaurus page for video component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e5b51e8fed58c4abc37b6d4a86a89256c9422a2"},(0,n.yg)("inlineCode",{parentName:"a"},"6e5b51e")))),(0,n.yg)("h4",{id:"\ufe0f-others-18"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Release 1.11.0 #344 from eea/develop ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/02ccaa149d26b387e197eabec841691abd752fc2"},(0,n.yg)("inlineCode",{parentName:"a"},"02ccaa1"))),(0,n.yg)("li",{parentName:"ul"},"added possibility to configure button url ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91cd27764f646429f168c09361b370632e900c80"},(0,n.yg)("inlineCode",{parentName:"a"},"91cd277"))),(0,n.yg)("li",{parentName:"ul"},"Release 1.11.0 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/acc76ea7b81e31a8d83179cb0af48482a8f84709"},(0,n.yg)("inlineCode",{parentName:"a"},"acc76ea"))),(0,n.yg)("li",{parentName:"ul"},"bump package version ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3dfa3f088a4c012ac1bb36f3ef08fac9079f3f81"},(0,n.yg)("inlineCode",{parentName:"a"},"3dfa3f0"))),(0,n.yg)("li",{parentName:"ul"},"breaking(table): cell text align is again inherited instead of center ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/46602c59bfebd0eae8ede2dcc345efdc635e35f6"},(0,n.yg)("inlineCode",{parentName:"a"},"46602c5"))),(0,n.yg)("li",{parentName:"ul"},"Update Footer.stories.js ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/400153652a87b141c5f081fa443127f40d8b2d61"},(0,n.yg)("inlineCode",{parentName:"a"},"4001536"))),(0,n.yg)("li",{parentName:"ul"},"no need for title in link ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b01c361c7e346d485214d69f33a7fc22180f5b5c"},(0,n.yg)("inlineCode",{parentName:"a"},"b01c361"))),(0,n.yg)("li",{parentName:"ul"},"Check contact url if is internal ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5996d4efc26aa00f2644f658252d6b817f06c177"},(0,n.yg)("inlineCode",{parentName:"a"},"5996d4e"))),(0,n.yg)("li",{parentName:"ul"},"ismultilingual ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/367c07c500cb8db3fb5941513ecba5eb357bc6af"},(0,n.yg)("inlineCode",{parentName:"a"},"367c07c"))),(0,n.yg)("li",{parentName:"ul"},"(feat): Make menu aware of pathname #151573 #336 from eea/ionut-menu ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4a2a96807bf9ea11ffaf08f2abeaa629c3dc876"},(0,n.yg)("inlineCode",{parentName:"a"},"d4a2a96"))),(0,n.yg)("li",{parentName:"ul"},"activeIndex ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ba9d4b3b1bf0ace3adc2b4dd55c09c509293138f"},(0,n.yg)("inlineCode",{parentName:"a"},"ba9d4b3"))),(0,n.yg)("li",{parentName:"ul"},"remove console ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7320e3a3e2c1c8190480570edec3a57180c4eb4f"},(0,n.yg)("inlineCode",{parentName:"a"},"7320e3a"))),(0,n.yg)("li",{parentName:"ul"},"removed babel override, loader change should be done in storybook config ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d63233ef24eb47a1f4ab68b454895886a0728fc7"},(0,n.yg)("inlineCode",{parentName:"a"},"d63233e"))),(0,n.yg)("li",{parentName:"ul"},"remove default acitve index ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57235c6ad03730c23fe97f01c20a0a955cdcb732"},(0,n.yg)("inlineCode",{parentName:"a"},"57235c6"))),(0,n.yg)("li",{parentName:"ul"},"add default active index back ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5020467ed33612804626cf51dd5f2140d914757c"},(0,n.yg)("inlineCode",{parentName:"a"},"5020467"))),(0,n.yg)("li",{parentName:"ul"},"Back to dev ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/98d00316740230cc3b4b95e031e0c1987effde76"},(0,n.yg)("inlineCode",{parentName:"a"},"98d0031")))),(0,n.yg)("h3",{id:"107---2023-04-10"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.6...1.0.7"},"1.0.7")," - 2023-04-10"),(0,n.yg)("h4",{id:"-new-features-9"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(storybook): components keyboard and screen reader optimization #324 from eea/design-system-accessibility ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/85faff73025442a012f079b6734ef868862cc44f"},(0,n.yg)("inlineCode",{parentName:"a"},"85faff7")))),(0,n.yg)("h4",{id:"-bug-fixes-20"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix: dont run isInternalURL twice ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a48984e0cb224944aed3846447c416511d080779"},(0,n.yg)("inlineCode",{parentName:"a"},"a48984e"))),(0,n.yg)("li",{parentName:"ul"},"fix: github autoformat ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/be9774981032759b3284a6fb93490a204a817c7a"},(0,n.yg)("inlineCode",{parentName:"a"},"be97749"))),(0,n.yg)("li",{parentName:"ul"},"fix(cards): focus outline for header needed for the overflow hidden solution with max title lines ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/849a7a8e3cf801bf0a4d7e9189b603ea15219fcc"},(0,n.yg)("inlineCode",{parentName:"a"},"849a7a8"))),(0,n.yg)("li",{parentName:"ul"},"fix: external url in header ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9e3aea649ca6f9446324d5d351cdfcde08332f84"},(0,n.yg)("inlineCode",{parentName:"a"},"9e3aea6"))),(0,n.yg)("li",{parentName:"ul"},"fix: check if client method change ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7c53b83a54e4e7d3c5329c46de03cdf7aabedf13"},(0,n.yg)("inlineCode",{parentName:"a"},"7c53b83"))),(0,n.yg)("li",{parentName:"ul"},"fix(item): use child selector instead of descendent as it interferes with blockchooser refs #157040 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad4ca3725c595c8dbeaff69f730928313c1779ec"},(0,n.yg)("inlineCode",{parentName:"a"},"ad4ca37"))),(0,n.yg)("li",{parentName:"ul"},"fix(header): external url in header now takes you to the correct url #330 from eea/header-external-url-fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/086c61d683a7ac67dea221aa39ffe4cef05a9a68"},(0,n.yg)("inlineCode",{parentName:"a"},"086c61d"))),(0,n.yg)("li",{parentName:"ul"},"fix(item): flex variant on edit when inside blockchooser #333 from eea/fix-item-csss ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65b9099779180feeb7d10384928bb0a3224b947d"},(0,n.yg)("inlineCode",{parentName:"a"},"65b9099"))),(0,n.yg)("li",{parentName:"ul"},"fix(tag): fix in args ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/18eaaf41fa80a3e175341a2ddd7376b8281fee7d"},(0,n.yg)("inlineCode",{parentName:"a"},"18eaaf4")))),(0,n.yg)("h4",{id:"-enhancements-12"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(megaMenu): align menu items with demo site for better testing ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/82a5c84cfde81dd8243f3f9a2d1fcaa8ac4b1463"},(0,n.yg)("inlineCode",{parentName:"a"},"82a5c84"))),(0,n.yg)("li",{parentName:"ul"},"refactor(breadcrumbs): updates on structure and story for accessibility ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/770c8c0bce88c5d9301ab0293a8e4865849bfeb2"},(0,n.yg)("inlineCode",{parentName:"a"},"770c8c0"))),(0,n.yg)("li",{parentName:"ul"},"refactor(downloadLabeledIcon): accessibility fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df3935dc5836298768316399ba36927325541fef"},(0,n.yg)("inlineCode",{parentName:"a"},"df3935d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(languageLabeledIcon): accessibility fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/61edd9e1022a8954930db30c262290680974d880"},(0,n.yg)("inlineCode",{parentName:"a"},"61edd9e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(newTabLabeledIcon): accessibility fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/211e40aa47d1f0de91b1d949770c452336b80248"},(0,n.yg)("inlineCode",{parentName:"a"},"211e40a"))),(0,n.yg)("li",{parentName:"ul"},"refactor(comment): accessibility fixes and text button update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dad8cb67a0092b01b50197c94691ed8a5d00a128"},(0,n.yg)("inlineCode",{parentName:"a"},"dad8cb6"))),(0,n.yg)("li",{parentName:"ul"},"change(storybook): removed links for Label and Comment that we implement without a link ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee0bfdf3aee3e4b6b6eba6dabd7817a37ace48ae"},(0,n.yg)("inlineCode",{parentName:"a"},"ee0bfdf"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): fix header outline not showing issue ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48fc2e2328ff184402e15edbaf1ed2507e771a14"},(0,n.yg)("inlineCode",{parentName:"a"},"48fc2e2"))),(0,n.yg)("li",{parentName:"ul"},"change(ContextNavigation): accessibility updates, not restructuring of the volto component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/03fe83dce70c6931c543b93c71e3cd8e16f99ec8"},(0,n.yg)("inlineCode",{parentName:"a"},"03fe83d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(modal): restructure close icon as button ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f1b836e3071c220235eb327ee7ef67edac4d467d"},(0,n.yg)("inlineCode",{parentName:"a"},"f1b836e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(label): add href attribute to links ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/05f664dde27f1e0580ab7f32a7934e4d8e85c918"},(0,n.yg)("inlineCode",{parentName:"a"},"05f664d"))),(0,n.yg)("li",{parentName:"ul"},"change(logo): update eionet svg ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c87fc750a3dc376205a643eefced410a41b22c6"},(0,n.yg)("inlineCode",{parentName:"a"},"3c87fc7"))),(0,n.yg)("li",{parentName:"ul"},"refactor(megaMenu): Restructure Topics and Countries lists ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d816e7ab9cdf2f202ab994201c16241cfb26c33a"},(0,n.yg)("inlineCode",{parentName:"a"},"d816e7a"))),(0,n.yg)("li",{parentName:"ul"},"change(mega-menu): use lists for navigation, enhance voice over support for better accessibility ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d13137f024d6357514b85f184d219eb81dd585f2"},(0,n.yg)("inlineCode",{parentName:"a"},"d13137f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): firefox accessibility errors fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c7d35b92b90940b466ea016dbbb3f1c6dfa0c3ab"},(0,n.yg)("inlineCode",{parentName:"a"},"c7d35b9"))),(0,n.yg)("li",{parentName:"ul"},"refactor(inpageNavigation): restructure as a button ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48e22ac0ee521f87497822a0ec9d627829d849d5"},(0,n.yg)("inlineCode",{parentName:"a"},"48e22ac"))),(0,n.yg)("li",{parentName:"ul"},"refactor(labeledIconGroup): group updates for all labeled icons ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a679d9d05b804f516fdeed449eba1e74e227818c"},(0,n.yg)("inlineCode",{parentName:"a"},"a679d9d"))),(0,n.yg)("li",{parentName:"ul"},"change(breadcrumbs): label modification for better screen reader output ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c967bef63ac6f622f5936235dd5590831a674d15"},(0,n.yg)("inlineCode",{parentName:"a"},"c967bef"))),(0,n.yg)("li",{parentName:"ul"},"refactor(checkbox): accessibility fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b3047f6a6bdd9e9ad858e6a7ca0c6f6b404e605"},(0,n.yg)("inlineCode",{parentName:"a"},"3b3047f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(megaMenu): clean up function after test ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/883eb73cbc3db6a1fadd0200118eafdce91b7aab"},(0,n.yg)("inlineCode",{parentName:"a"},"883eb73"))),(0,n.yg)("li",{parentName:"ul"},"change(mega-menu): added code to align countries left column subtitle with the right column ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1aa33dd7ac7154a91515eef688f276d664d5d7f3"},(0,n.yg)("inlineCode",{parentName:"a"},"1aa33dd"))),(0,n.yg)("li",{parentName:"ul"},"change(mega-menu): sub-title padding tweaks for better spacing normalization ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e08668dd9fd948e57628e5582e7a4a7f08d96451"},(0,n.yg)("inlineCode",{parentName:"a"},"e08668d"))),(0,n.yg)("li",{parentName:"ul"},"change(breadcrumbs): fixed sizing of breadcrumbs list items ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1761e984a6ffebbcca0c7b88128a01235fc6b903"},(0,n.yg)("inlineCode",{parentName:"a"},"1761e98"))),(0,n.yg)("li",{parentName:"ul"},"change(checkbox): toggle hover color correction ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4f4d0df7292fdccb89f83feface51639bd5d6559"},(0,n.yg)("inlineCode",{parentName:"a"},"4f4d0df"))),(0,n.yg)("li",{parentName:"ul"},"change(card): simplified headerLineHeightOffset used as margin top for cards header ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca61105f2f39e6880ce545ba4d54f3568e7b87e2"},(0,n.yg)("inlineCode",{parentName:"a"},"ca61105"))),(0,n.yg)("li",{parentName:"ul"},"change(logos): updated eionet logo used in the site footer #318 from eea/footer-logo-update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70671d03bbc228e3013e382cb51e6764a83b01a8"},(0,n.yg)("inlineCode",{parentName:"a"},"70671d0"))),(0,n.yg)("li",{parentName:"ul"},"change(breadcrumbs,mega-menu): better screen readers support, see links instead of groups #309 from eea/firefox-accessibility-tab-issues ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d6b0b4adba8f04799491025fb41ac97e875bcce0"},(0,n.yg)("inlineCode",{parentName:"a"},"d6b0b4a"))),(0,n.yg)("li",{parentName:"ul"},"change(card): add links to teaser titles ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc64c74a69539af287f424abdf96226635284303"},(0,n.yg)("inlineCode",{parentName:"a"},"cc64c74"))),(0,n.yg)("li",{parentName:"ul"},"change(inpageNavigation): story improvements ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ade63c6f0b08c62318d31c54568cca29d0f106bc"},(0,n.yg)("inlineCode",{parentName:"a"},"ade63c6")))),(0,n.yg)("h4",{id:"-internal-changes-7"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"style(megaMenu): remove comments and unused properties ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fa5f8f878421d879026aacd86e5390112b8852a1"},(0,n.yg)("inlineCode",{parentName:"a"},"fa5f8f8")))),(0,n.yg)("h4",{id:"-documentation-changes-4"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(footer): logo update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad982d63423442bc292cd7553ad3163b33b337bb"},(0,n.yg)("inlineCode",{parentName:"a"},"ad982d6")))),(0,n.yg)("h3",{id:"106---2023-03-29"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.5...1.0.6"},"1.0.6")," - 2023-03-29"),(0,n.yg)("h4",{id:"-new-features-10"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat: add viewport-(width/height) less functions and fixed banner image url #329 from eea/develop ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e8e70bdc81f4f301a9dce370867a873e55563048"},(0,n.yg)("inlineCode",{parentName:"a"},"e8e70bd"))),(0,n.yg)("li",{parentName:"ul"},"feat: add viewport-(width/height) less functions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/68300a3c34e66954c7ef3a6e52baa37431fbfa9e"},(0,n.yg)("inlineCode",{parentName:"a"},"68300a3")))),(0,n.yg)("h4",{id:"-enhancements-13"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): set full class name for remix icons ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f435e10034b04cab4aeb301d8521559f98be299e"},(0,n.yg)("inlineCode",{parentName:"a"},"f435e10"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Banner.jsx): use flattenToAppURL helper function to get image source URL ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/24b13d7c09a498ca889d413135c9abc4e6cab9ad"},(0,n.yg)("inlineCode",{parentName:"a"},"24b13d7")))),(0,n.yg)("h4",{id:"-internal-changes-8"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"style(theme): update container width and margins in eea theme ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e4446a3af641ddca03f1f2833dd6e79535feb98"},(0,n.yg)("inlineCode",{parentName:"a"},"3e4446a")))),(0,n.yg)("h4",{id:"\ufe0f-others-19"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"horizontal overflow hidden in view mode ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f395f276df003480a219bae639f87bebcf35799f"},(0,n.yg)("inlineCode",{parentName:"a"},"f395f27")))),(0,n.yg)("h3",{id:"105---2023-03-28"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.4...1.0.5"},"1.0.5")," - 2023-03-28"),(0,n.yg)("h4",{id:"-new-features-11"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat: improve full-width class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70bba7e295dd237e7c579ef0446ff05e0c8529d8"},(0,n.yg)("inlineCode",{parentName:"a"},"70bba7e")))),(0,n.yg)("h4",{id:"-bug-fixes-21"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(banner): Add missing divider for time tag #327 from eea/banner-metadata ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c46a58336ec9eb2ce75d2637f3197f417e8ca326"},(0,n.yg)("inlineCode",{parentName:"a"},"c46a583"))),(0,n.yg)("li",{parentName:"ul"},"fix(banner): Add missing divider for time tag ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d68c395d368a267baef4422df6e72f63d099b75"},(0,n.yg)("inlineCode",{parentName:"a"},"7d68c39")))),(0,n.yg)("h3",{id:"104---2023-03-27"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.3...1.0.4"},"1.0.4")," - 2023-03-27"),(0,n.yg)("h4",{id:"-new-features-12"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(copyright): Add copyright prefix - Image - refs #250724 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6a727723c15aee499ed7cedc9f364c5e2c8014bb"},(0,n.yg)("inlineCode",{parentName:"a"},"6a72772")))),(0,n.yg)("h4",{id:"-internal-changes-9"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"style(copyright): Cleanup useless min-height - refs #250724 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2457df6376ac1a4d00f87eee90e61f66f7ffebb"},(0,n.yg)("inlineCode",{parentName:"a"},"f2457df")))),(0,n.yg)("h4",{id:"\ufe0f-others-20"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Back to dev ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cfd6eba8b01eceff4e28ab7ab51b2457672ac172"},(0,n.yg)("inlineCode",{parentName:"a"},"cfd6eba")))),(0,n.yg)("h3",{id:"103---2023-03-24"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.2...1.0.3"},"1.0.3")," - 2023-03-24"),(0,n.yg)("h4",{id:"-bug-fixes-22"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix: improve full-width class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93222590a630b27f3dfccb7df0a50070c9c9901c"},(0,n.yg)("inlineCode",{parentName:"a"},"9322259"))),(0,n.yg)("li",{parentName:"ul"},"fix(header): Remove z-index from subsite logo #320 from eea/subsite-logo ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/50911009918faf7d3064d97ea7b685ad71970521"},(0,n.yg)("inlineCode",{parentName:"a"},"5091100"))),(0,n.yg)("li",{parentName:"ul"},"fix(header): Remove z-index from subsite logo ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d433a9788d76db0f1c08ef6bb2313f479c2bb19b"},(0,n.yg)("inlineCode",{parentName:"a"},"d433a97")))),(0,n.yg)("h4",{id:"-enhancements-14"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(header): Add search popup customizations from eea-website-theme ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/43e5a78be8efa1098ea0fc87f43f40f2b5d482c1"},(0,n.yg)("inlineCode",{parentName:"a"},"43e5a78"))),(0,n.yg)("li",{parentName:"ul"},"change(popup): create custom popup for better accessibility ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/036aac95509b6d78b2d3b251578a7de878e28371"},(0,n.yg)("inlineCode",{parentName:"a"},"036aac9"))),(0,n.yg)("li",{parentName:"ul"},"change(popup): added most important popup properties from Semantic ui implementation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/61f65bc0e5806aaac33b54db36d5360fd05a48cc"},(0,n.yg)("inlineCode",{parentName:"a"},"61f65bc"))),(0,n.yg)("li",{parentName:"ul"},"change(banner): use custom-made Popup for better accessibility ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/10d0fcfb28ca97efe9fa5c0f6c9c350b76a73140"},(0,n.yg)("inlineCode",{parentName:"a"},"10d0fcf"))),(0,n.yg)("li",{parentName:"ul"},"change(banner): use custom-made Popup for better accessibility ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9108bee5f671505be5199e72a4749bb0af0c0cb9"},(0,n.yg)("inlineCode",{parentName:"a"},"9108bee"))),(0,n.yg)("li",{parentName:"ul"},"change(popup): added also the basic property ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4497acddde258ed31cda09f4d905e003a1e4611"},(0,n.yg)("inlineCode",{parentName:"a"},"a4497ac"))),(0,n.yg)("li",{parentName:"ul"},"change(colors): update gray-4 color value #321 from eea/update-gray-4 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f458ff0965debd3629cdd78362244836d0d42687"},(0,n.yg)("inlineCode",{parentName:"a"},"f458ff0"))),(0,n.yg)("li",{parentName:"ul"},"change(banner): MetadataField now uses proper time tag when value is datetime ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b4c4d34d5905a6771a281fc3db1174b4998c8fa8"},(0,n.yg)("inlineCode",{parentName:"a"},"b4c4d34"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tokens): updated gray-4 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b890df7693880fb965e41752eda64df992a1cdc4"},(0,n.yg)("inlineCode",{parentName:"a"},"b890df7"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): Fix error and empty div if no social links are present #319 from eea/footer-social ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/89222466b76a4720af73c0d516074efec0757c34"},(0,n.yg)("inlineCode",{parentName:"a"},"8922246"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): Fix error and empty div if no social links are present ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5d934a6545ae783ff41dc9e3eda389c571d1369b"},(0,n.yg)("inlineCode",{parentName:"a"},"5d934a6")))),(0,n.yg)("h4",{id:"\ufe0f-others-21"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"lint ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca41def7a3743a8328f26cec868bd20395b62446"},(0,n.yg)("inlineCode",{parentName:"a"},"ca41def"))),(0,n.yg)("li",{parentName:"ul"},"refactor ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9789201c7966cd711bfa85fe448f6f6df2583eaf"},(0,n.yg)("inlineCode",{parentName:"a"},"9789201"))),(0,n.yg)("li",{parentName:"ul"},"lint ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/646dfaa729b51367ce7545ea928837a481a5485a"},(0,n.yg)("inlineCode",{parentName:"a"},"646dfaa"))),(0,n.yg)("li",{parentName:"ul"},"(feat):Page Header Banner accessibility #316 from eea/accesibility-banner ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e587f4657de137273053480a3536a066ab032a29"},(0,n.yg)("inlineCode",{parentName:"a"},"e587f46"))),(0,n.yg)("li",{parentName:"ul"},"storybook ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c8c77de372060328d535b190f30747797db0d23a"},(0,n.yg)("inlineCode",{parentName:"a"},"c8c77de"))),(0,n.yg)("li",{parentName:"ul"},"banner accesibility ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5e2f23bae30b5bb14d3f607e0cfeb85d0cfe4a9f"},(0,n.yg)("inlineCode",{parentName:"a"},"5e2f23b"))),(0,n.yg)("li",{parentName:"ul"},"prettier ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ed78e50ee68accca10b06b0790c231ddeb1a1fa"},(0,n.yg)("inlineCode",{parentName:"a"},"6ed78e5"))),(0,n.yg)("li",{parentName:"ul"},"cleaning ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4391aa6c6611d1a15f5977eb150416909ad83bc1"},(0,n.yg)("inlineCode",{parentName:"a"},"4391aa6"))),(0,n.yg)("li",{parentName:"ul"},"lint 3 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2e0bed19a24d8abfa230212cd8c09f8313dc00f2"},(0,n.yg)("inlineCode",{parentName:"a"},"2e0bed1"))),(0,n.yg)("li",{parentName:"ul"},"lint 1 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b4c958034870a9861c542359144e3c56f9157994"},(0,n.yg)("inlineCode",{parentName:"a"},"b4c9580")))),(0,n.yg)("h3",{id:"102---2023-03-14"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.1...1.0.2"},"1.0.2")," - 2023-03-14"),(0,n.yg)("h4",{id:"-bug-fixes-23"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(megamenu): topic menu title is now placed before content ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6004bcb2683dedf6d6e18e61f33fde84a54c38d5"},(0,n.yg)("inlineCode",{parentName:"a"},"6004bcb"))),(0,n.yg)("li",{parentName:"ul"},"fix(megamenu): removed in depth nav_title renaming that set title wrongly to a-z topics ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/899ca0e2ba5f8f9eb61e4280d786f74a17c186b7"},(0,n.yg)("inlineCode",{parentName:"a"},"899ca0e")))),(0,n.yg)("h4",{id:"-enhancements-15"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(megamenu): removed special styling from at a glance mega menu section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fd0c4c8a06bb4c4aa26f57c453132d13d30bc691"},(0,n.yg)("inlineCode",{parentName:"a"},"fd0c4c8"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): renamed thematic information platforms to environmental information systems ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e7004a7ea39451dbf97e1faed222b0cc5a12d6ce"},(0,n.yg)("inlineCode",{parentName:"a"},"e7004a7"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): updated static image of footer sections ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ff3185edf9257c790d2a124d3f937f61d84e147"},(0,n.yg)("inlineCode",{parentName:"a"},"4ff3185")))),(0,n.yg)("h4",{id:"-documentation-changes-5"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(What's new): Update 'What's new' ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d7ed9d619aa60d087c3821a972ebe5bf5766521a"},(0,n.yg)("inlineCode",{parentName:"a"},"d7ed9d6")))),(0,n.yg)("h4",{id:"\ufe0f-others-22"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fixed accordion selector typo ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f4cabc8f2222cf587af9e04b0ea196799b84202f"},(0,n.yg)("inlineCode",{parentName:"a"},"f4cabc8")))),(0,n.yg)("h3",{id:"101---2023-03-13"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0...1.0.1"},"1.0.1")," - 2023-03-13"),(0,n.yg)("h2",{id:"100---2023-03-13"},(0,n.yg)("a",{parentName:"h2",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-beta.6...1.0.0"},"1.0.0")," - 2023-03-13"),(0,n.yg)("h4",{id:"-bug-fixes-24"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(Footer): Open internal links within the same page ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5b3e409c71281800bb0fd137a1bac256efaca2b5"},(0,n.yg)("inlineCode",{parentName:"a"},"5b3e409")))),(0,n.yg)("h4",{id:"-enhancements-16"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(banner): use huge scale instead of full image for better performance ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/381c58e3521436f562d9e1727428a18435e2c0f3"},(0,n.yg)("inlineCode",{parentName:"a"},"381c58e")))),(0,n.yg)("h3",{id:"100-beta6---2023-03-10"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-beta.5...1.0.0-beta.6"},"1.0.0-beta.6")," - 2023-03-10"),(0,n.yg)("h4",{id:"-new-features-13"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(site): serve Roboto fonts from eea design system package instead of google fonts #311 from eea/roboto-library ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6a1b3e3864a0bc8602e9c434ff70746bba59f44"},(0,n.yg)("inlineCode",{parentName:"a"},"f6a1b3e")))),(0,n.yg)("h4",{id:"-bug-fixes-25"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix: full-width is now properly sized ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e2e3482d658febbd692112608df14279bed05e7"},(0,n.yg)("inlineCode",{parentName:"a"},"6e2e348"))),(0,n.yg)("li",{parentName:"ul"},"fix(storybook): add fontDisplay ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/078966a6a5c7277d36fcd31bb4c0704bcc43e523"},(0,n.yg)("inlineCode",{parentName:"a"},"078966a")))),(0,n.yg)("h4",{id:"-enhancements-17"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(image): copyright position fixes, moved image floating to image-block-container ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/53422e0ea345a7cb6e8cb07bf9006b48d86ded58"},(0,n.yg)("inlineCode",{parentName:"a"},"53422e0"))),(0,n.yg)("li",{parentName:"ul"},"change(colors:) update the design system colour palette #312 from eea/update-color-palette ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5fb69465717dbdc0fe8091640a0e46f66199b65"},(0,n.yg)("inlineCode",{parentName:"a"},"a5fb694"))),(0,n.yg)("li",{parentName:"ul"},"refactor(docusaurus): added roboto library ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19de7b19fe795870102000bfebbf452d88b3a7b1"},(0,n.yg)("inlineCode",{parentName:"a"},"19de7b1"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): added roboto library ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e9916215728dda0ff423f8196e7442588058042e"},(0,n.yg)("inlineCode",{parentName:"a"},"e991621"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tokens): update colours ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3a2c1e1da8f0224e08f9f8afac3f0a74f7ce91d3"},(0,n.yg)("inlineCode",{parentName:"a"},"3a2c1e1"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): restored site variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a48478bae9bdf1d9275be999e1ec8382f10a2fec"},(0,n.yg)("inlineCode",{parentName:"a"},"a48478b"))),(0,n.yg)("li",{parentName:"ul"},"change(copyright): implemented copyright hover design ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b1244163de7ff58d1529fdd791502c862ee48ec"},(0,n.yg)("inlineCode",{parentName:"a"},"6b12441")))),(0,n.yg)("h4",{id:"-internal-changes-10"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"chore(storybook): switched google fonts to true ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a8cae46582356cc24ec3cd7ec47e692bc67a6a5"},(0,n.yg)("inlineCode",{parentName:"a"},"4a8cae4"))),(0,n.yg)("li",{parentName:"ul"},"chore(colours): changed back yellow 6 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87c9bbc0ec9a2a0f4bf8eeb03525d43ce6f502be"},(0,n.yg)("inlineCode",{parentName:"a"},"87c9bbc"))),(0,n.yg)("li",{parentName:"ul"},"chore(lint): lint ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9b0f1256a8b0a583ac7724a8d88259c615d7e0c7"},(0,n.yg)("inlineCode",{parentName:"a"},"9b0f125"))),(0,n.yg)("li",{parentName:"ul"},"chore(storybook): lint ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/29bc809ab2e9fa4207b8b067785e6b17e91db3b4"},(0,n.yg)("inlineCode",{parentName:"a"},"29bc809")))),(0,n.yg)("h4",{id:"-documentation-changes-6"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(colours): colours update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/161007e2480aa79517c4ca772364a12a0756f1af"},(0,n.yg)("inlineCode",{parentName:"a"},"161007e"))),(0,n.yg)("li",{parentName:"ul"},"docs(colours): accessibility ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee342aa6af3863d243222eaa89709be2ba61f988"},(0,n.yg)("inlineCode",{parentName:"a"},"ee342aa")))),(0,n.yg)("h4",{id:"\ufe0f-others-23"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"test(cypress): Use latest stable Volto for testing ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/20516617ae045f48c37a7ac7ad05c3d1090339b3"},(0,n.yg)("inlineCode",{parentName:"a"},"2051661"))),(0,n.yg)("li",{parentName:"ul"},"Update What's new section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/caa4b5d93affa7b63a332eaed9e73ea161a508cf"},(0,n.yg)("inlineCode",{parentName:"a"},"caa4b5d"))),(0,n.yg)("li",{parentName:"ul"},"Prepare final release 1.0.0 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef4383d05b295cbbb377f877522b9f83cd0873ef"},(0,n.yg)("inlineCode",{parentName:"a"},"ef4383d"))),(0,n.yg)("li",{parentName:"ul"},"lint fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/599f5098904f607bd694dd5d2e642c8820f11b3c"},(0,n.yg)("inlineCode",{parentName:"a"},"599f509"))),(0,n.yg)("li",{parentName:"ul"},"Back to dev ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/80cd3df3534e46e52ba246256c3d990a52753bbd"},(0,n.yg)("inlineCode",{parentName:"a"},"80cd3df")))),(0,n.yg)("h3",{id:"100-beta5---2023-03-07"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-beta.4...1.0.0-beta.5"},"1.0.0-beta.5")," - 2023-03-07"),(0,n.yg)("h4",{id:"-enhancements-18"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(carousel): tweak size of carousel dots for better touch interaction ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e1fb8230806de2e157a9a5ea87e63765769565b4"},(0,n.yg)("inlineCode",{parentName:"a"},"e1fb823"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): removed min width and height from links ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac33219fb77f23bb5148355551a7aad9f453d2e7"},(0,n.yg)("inlineCode",{parentName:"a"},"ac33219")))),(0,n.yg)("h4",{id:"-internal-changes-11"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"style(hiddenStructure): Add hiddenStructure utility to be used with h1 heading on frontpage - refs #158717 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/672cca2401003f56e5ea104f18103ea090e38fd7"},(0,n.yg)("inlineCode",{parentName:"a"},"672cca2")))),(0,n.yg)("h4",{id:"\ufe0f-others-24"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fixed less build failure due to changes in footer.less ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/190bc8cfa88191b45808f1e27c6e2737ee3d15b1"},(0,n.yg)("inlineCode",{parentName:"a"},"190bc8c"))),(0,n.yg)("li",{parentName:"ul"},"lazyload bg img on footer also ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ae07162ba1b27bff58fed70eaabc28c78c5f45a3"},(0,n.yg)("inlineCode",{parentName:"a"},"ae07162"))),(0,n.yg)("li",{parentName:"ul"},"lazyload footer images ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a0633c9ec4ccfb63a48eb4e4c4a63c90daac1a37"},(0,n.yg)("inlineCode",{parentName:"a"},"a0633c9"))),(0,n.yg)("li",{parentName:"ul"},"Increase performance - mobile friendly ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/07d86c8e77568f91d50b3a45248de9427140a295"},(0,n.yg)("inlineCode",{parentName:"a"},"07d86c8"))),(0,n.yg)("li",{parentName:"ul"},"better useOnScreen hook ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c214b6b76443f81c795ce2f3aa457562ec088b30"},(0,n.yg)("inlineCode",{parentName:"a"},"c214b6b"))),(0,n.yg)("li",{parentName:"ul"},"role change for accessibility ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5e758e0a7fa8c56ba688d0a43de5890686f14ea3"},(0,n.yg)("inlineCode",{parentName:"a"},"5e758e0"))),(0,n.yg)("li",{parentName:"ul"},"minimum tap dimension for mobile ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a25e9a8ba8a8a0f24d287ed7513e549ae2caab0f"},(0,n.yg)("inlineCode",{parentName:"a"},"a25e9a8"))),(0,n.yg)("li",{parentName:"ul"},"Release 1.0.0-beta.5 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4417e121477511c350ae3fbe4e70aadb445ed86"},(0,n.yg)("inlineCode",{parentName:"a"},"e4417e1"))),(0,n.yg)("li",{parentName:"ul"},"Add Sonarqube tag using eea-website-frontend addons list ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b227cf8a8c44b9d91e9fda8a7999fb0a42bacdca"},(0,n.yg)("inlineCode",{parentName:"a"},"b227cf8"))),(0,n.yg)("li",{parentName:"ul"},"feature(mobile): increased performance by lazy loading footer images #303 from eea/increase_performance ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/80d1df1c459680331d486f9e8e6a95c9db0adbf6"},(0,n.yg)("inlineCode",{parentName:"a"},"80d1df1"))),(0,n.yg)("li",{parentName:"ul"},"useOnScreen default export ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e6cfdd4dcb814aad328f97be7af41af071ccba6"},(0,n.yg)("inlineCode",{parentName:"a"},"3e6cfdd"))),(0,n.yg)("li",{parentName:"ul"},"use aria-labels on dropdown ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/27e144315416ceace0f01def03b5b24640f5c7da"},(0,n.yg)("inlineCode",{parentName:"a"},"27e1443"))),(0,n.yg)("li",{parentName:"ul"},"prettier ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7f838470c1bcc4e2be115d514d92a1b686a5e9b"},(0,n.yg)("inlineCode",{parentName:"a"},"a7f8384")))),(0,n.yg)("h3",{id:"100-beta4---2023-03-01"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-beta.3...1.0.0-beta.4"},"1.0.0-beta.4")," - 2023-03-01"),(0,n.yg)("h4",{id:"-new-features-14"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(footer): Add footer description ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ad0f714556c5b8c2fd95a2caea5c3a1e82c75d1"},(0,n.yg)("inlineCode",{parentName:"a"},"2ad0f71"))),(0,n.yg)("li",{parentName:"ul"},"feat(footer): Add footer description #306 from eea/footer-description ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bf655d133dd75b217c34b3d4303ad450a59f2c51"},(0,n.yg)("inlineCode",{parentName:"a"},"bf655d1")))),(0,n.yg)("h4",{id:"-bug-fixes-26"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(footer): Don't show empty row if description is not present ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ca7f7d3247668ae8583b8cd629856aac82eb07d"},(0,n.yg)("inlineCode",{parentName:"a"},"2ca7f7d"))),(0,n.yg)("li",{parentName:"ul"},"fix(footer): Add class for children ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c50d15cd6ed46d78ef10d48fd851ed7c4b5ddea"},(0,n.yg)("inlineCode",{parentName:"a"},"3c50d15"))),(0,n.yg)("li",{parentName:"ul"},"fix(search): Fix search links color #307 from eea/search-accessibility ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a76f48bab3a7d3f6b748eaa85b33266401372e40"},(0,n.yg)("inlineCode",{parentName:"a"},"a76f48b"))),(0,n.yg)("li",{parentName:"ul"},"fix(search): Fix search links color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/69c42effc5bdc3d31f18de74d77a3b7cc0018dc5"},(0,n.yg)("inlineCode",{parentName:"a"},"69c42ef")))),(0,n.yg)("h4",{id:"-enhancements-19"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(carousel): tweak card width and padding for better arrow alignment ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e184f70062d622e1ec53e8e1e2b012c080e62d77"},(0,n.yg)("inlineCode",{parentName:"a"},"e184f70"))),(0,n.yg)("li",{parentName:"ul"},"change(storybook): include footer description in storybook ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e904aa0850e101d736e8d045e822d9a58b75ff6a"},(0,n.yg)("inlineCode",{parentName:"a"},"e904aa0")))),(0,n.yg)("h4",{id:"\ufe0f-others-25"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Release 1.0.0-beta.4 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8c335c56c5a2a76ea87f9da318055770f904e649"},(0,n.yg)("inlineCode",{parentName:"a"},"8c335c5"))),(0,n.yg)("li",{parentName:"ul"},"Back to dev ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/38b03333066416915b056f8ac45da4de87ed7184"},(0,n.yg)("inlineCode",{parentName:"a"},"38b0333")))),(0,n.yg)("h3",{id:"100-beta3---2023-02-21"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-beta.2...1.0.0-beta.3"},"1.0.0-beta.3")," - 2023-02-21"),(0,n.yg)("h4",{id:"-new-features-15"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(accordion): storybook accessibility by using buttons for titles #297 from eea/accessibility-accordion ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/809d52b203ef40fab735006b3b8358d68682f7cf"},(0,n.yg)("inlineCode",{parentName:"a"},"809d52b")))),(0,n.yg)("h4",{id:"-bug-fixes-27"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(dropdown): remove close on blur so that we can navigate links using keyboard ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5442715e022b3eb2eeb709ff597f815947ac45bd"},(0,n.yg)("inlineCode",{parentName:"a"},"5442715")))),(0,n.yg)("h4",{id:"-enhancements-20"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(language): dropdown to use links for proper keyboard navigation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6a7de30d9d229443d6d2070d9649129e6d35badf"},(0,n.yg)("inlineCode",{parentName:"a"},"6a7de30"))),(0,n.yg)("li",{parentName:"ul"},"refactor(images): cleared unused/renamed images assets ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/821f5c1da5c1e2350818cd9b8b82bc0b1893370d"},(0,n.yg)("inlineCode",{parentName:"a"},"821f5c1"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Accessibility): add box-shadow on focus-visible components ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b1adcc315a89c7d3431e542e8d1b6ec479a346e2"},(0,n.yg)("inlineCode",{parentName:"a"},"b1adcc3"))),(0,n.yg)("li",{parentName:"ul"},"refactor(images): remove unused docusaurus svgs ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5ef14cdb1923d803feb673559d41b3064211653"},(0,n.yg)("inlineCode",{parentName:"a"},"c5ef14c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): add escape key functionality, actions from div to button to have proper focus state ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8081aa4e3b77f8a3dc89aa358408d75e3dca5579"},(0,n.yg)("inlineCode",{parentName:"a"},"8081aa4"))),(0,n.yg)("li",{parentName:"ul"},"change(language): restore dropdown duplication in order to properly show and hide language dropdown ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb28888ff19bd9894b58403e674f69de42ad8d09"},(0,n.yg)("inlineCode",{parentName:"a"},"cb28888"))),(0,n.yg)("li",{parentName:"ul"},"change(search): to reflect changes from eea-website-theme ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2cc35e0da6e6eac1473724293fcf6cd6b0a914b5"},(0,n.yg)("inlineCode",{parentName:"a"},"2cc35e0"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer): update p with h3 heading tag for header ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca1477b554f56423d40a33d8ee788c3f3bd3e341"},(0,n.yg)("inlineCode",{parentName:"a"},"ca1477b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer images): removed unused/renamed ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/186de6b23906e05ec700c3db5180a4d7f7e5ed68"},(0,n.yg)("inlineCode",{parentName:"a"},"186de6b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Accordion): div titles to buttons, test in mobile mega menu accordions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eaad4b479e37ebf5ac004cfc5759e0be603000a7"},(0,n.yg)("inlineCode",{parentName:"a"},"eaad4b4"))),(0,n.yg)("li",{parentName:"ul"},"refactor(docusaurus): cleanup decorative images ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fedc4d4dc156f9c1394fcedcebece4fb87dc70b6"},(0,n.yg)("inlineCode",{parentName:"a"},"fedc4d4"))),(0,n.yg)("li",{parentName:"ul"},"change(accessibility): style outline instead of box-shadow ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/53209f3b28c9a1dd54a8a86ab418b8bc2a8e01b3"},(0,n.yg)("inlineCode",{parentName:"a"},"53209f3"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Footer): update mobile header size ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/01ab7f0d9abe688b3d96aaec018838e1abefec73"},(0,n.yg)("inlineCode",{parentName:"a"},"01ab7f0"))),(0,n.yg)("li",{parentName:"ul"},"change(header): set the logo class directly on the link ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8fba508f925d9e6b86720fcb2c7dcfffee4ab5e"},(0,n.yg)("inlineCode",{parentName:"a"},"f8fba50"))),(0,n.yg)("li",{parentName:"ul"},"refactor(images): clear docusaurus unused pngs ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/db5c61124182e3030f753f6baa294fbdecaa3798"},(0,n.yg)("inlineCode",{parentName:"a"},"db5c611"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header-images): removed unused ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8250d94421d9d1ee13144e71bc0938af2b7309f5"},(0,n.yg)("inlineCode",{parentName:"a"},"8250d94"))),(0,n.yg)("li",{parentName:"ul"},"change(language): hide language dropdown by default ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc6064f72dcb4dbf96e9b05205cc796775d75205"},(0,n.yg)("inlineCode",{parentName:"a"},"cc6064f"))),(0,n.yg)("li",{parentName:"ul"},"change(header): top dropdown menu keyboard navigation #293 from eea/accessibility-megamenu-searchbox ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1e6fa658e52b9d5e6cc38f065b5707b592005241"},(0,n.yg)("inlineCode",{parentName:"a"},"1e6fa65"))),(0,n.yg)("li",{parentName:"ul"},"change(button): set focus styling for buttons ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/33ebfcacb014fca365ae58079bfa5429d9007e54"},(0,n.yg)("inlineCode",{parentName:"a"},"33ebfca"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): Avoid devtools warning in FooterActions #304 from eea/avoid_warning ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d774824c5d3d0998b3440ac83152428cfa821087"},(0,n.yg)("inlineCode",{parentName:"a"},"d774824"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): Accessibility update p with h3 heading tag for theme sites title #302 from eea/footer-accessibility ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5bf70de97aee216a0b88f5843a290c6bcb5da6f2"},(0,n.yg)("inlineCode",{parentName:"a"},"5bf70de"))),(0,n.yg)("li",{parentName:"ul"},"change(documentation): Rename all image files to follow the agreed convention #301 from eea/refactor-image-filenames ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cfe44ef79943af9b9179df1b8ec5f8c743e8bb39"},(0,n.yg)("inlineCode",{parentName:"a"},"cfe44ef")))),(0,n.yg)("h4",{id:"-internal-changes-12"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"style(header): react syntax fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3add1271c785a92bea0ef925d7bc562cef1e0d92"},(0,n.yg)("inlineCode",{parentName:"a"},"3add127"))),(0,n.yg)("li",{parentName:"ul"},"chore(docusaurus): ignore website/.yarn ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0b33ffd1dda61b126e3cc5ff48888124d6aee41b"},(0,n.yg)("inlineCode",{parentName:"a"},"0b33ffd")))),(0,n.yg)("h4",{id:"-documentation-changes-7"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(guidelines): add image name convention ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/290747c8df6919199577bc7fce6a0e337cb57853"},(0,n.yg)("inlineCode",{parentName:"a"},"290747c")))),(0,n.yg)("h4",{id:"\ufe0f-others-26"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Avoid warning in FooterActions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0fe73d70e44e32be73049f3b5cf826de42115942"},(0,n.yg)("inlineCode",{parentName:"a"},"0fe73d7"))),(0,n.yg)("li",{parentName:"ul"},"Release 1.0.0-beta.3 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/386c9032d39317b0bb95191bd59e3b7a99bded69"},(0,n.yg)("inlineCode",{parentName:"a"},"386c903")))),(0,n.yg)("h3",{id:"100-beta2---2023-02-13"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-beta.1...1.0.0-beta.2"},"1.0.0-beta.2")," - 2023-02-13"),(0,n.yg)("h4",{id:"-bug-fixes-28"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(footer): action and copyright #300 from eea/develop ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/579f3e436e9608b38a2407a16c070345462bfccc"},(0,n.yg)("inlineCode",{parentName:"a"},"579f3e4"))),(0,n.yg)("li",{parentName:"ul"},"fix(footer): action or copyright links are simple a tags for external link ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9af5070187ec975e58387f133afedcf1bbc47a50"},(0,n.yg)("inlineCode",{parentName:"a"},"9af5070"))),(0,n.yg)("li",{parentName:"ul"},"fix(accessibility): added navigation and footer id's for skip link ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48354b908e7d1a87b4e1a965d225e8f1b3e0ac59"},(0,n.yg)("inlineCode",{parentName:"a"},"48354b9")))),(0,n.yg)("h4",{id:"-enhancements-21"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(footer): typos and modified footer links to be center aligned ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac23f046bcac06525985dff7520bb2766dec44ec"},(0,n.yg)("inlineCode",{parentName:"a"},"ac23f04"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): added gap for actions and copyright ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d32ddd3c28a48c6c2fb73dea373bb5873b6f76b"},(0,n.yg)("inlineCode",{parentName:"a"},"7d32ddd"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): modified footer gap ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8a820ac90c7d6664e4d4655c2c06edfa976c64e"},(0,n.yg)("inlineCode",{parentName:"a"},"b8a820a"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): removed extra text and date from copyright section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af47bbec298678fece6f879fbc18fe2e01ab0894"},(0,n.yg)("inlineCode",{parentName:"a"},"af47bbe"))),(0,n.yg)("li",{parentName:"ul"},"change(navigation): raise z-index of go to top link ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/485ca7291da7a156b6b580c42e46d4f3602211bb"},(0,n.yg)("inlineCode",{parentName:"a"},"485ca72")))),(0,n.yg)("h4",{id:"-internal-changes-13"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"chore(docs): Update eea.hbs template to beta - refs #158717 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/196538ed7bb9dab36a0efb4cef84e96dd3038ff8"},(0,n.yg)("inlineCode",{parentName:"a"},"196538e")))),(0,n.yg)("h4",{id:"\ufe0f-others-27"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change version to beta 2 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cbb07981454b28de840561eca281888e8bc29f9e"},(0,n.yg)("inlineCode",{parentName:"a"},"cbb0798"))),(0,n.yg)("li",{parentName:"ul"},"Beta release ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ad51b3c2bbb75f19af14fa56afdbddf57b6c95e"},(0,n.yg)("inlineCode",{parentName:"a"},"4ad51b3")))),(0,n.yg)("h3",{id:"100-beta1---2023-02-09"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.15...1.0.0-beta.1"},"1.0.0-beta.1")," - 2023-02-09"),(0,n.yg)("h4",{id:"-new-features-16"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(search): Add search suggestions style ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b2b77bbaba11541606ae2bc1f4e8ffc823f470d"},(0,n.yg)("inlineCode",{parentName:"a"},"6b2b77b"))),(0,n.yg)("li",{parentName:"ul"},"feat(search): Add search suggestions style #296 from eea/search-suggestions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b0c956f569ebdc8400b88249c45067a1f881264"},(0,n.yg)("inlineCode",{parentName:"a"},"3b0c956")))),(0,n.yg)("h4",{id:"-enhancements-22"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(search): Add proper margin for search popup ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/190c9f5be570215586086f42aebc7e36d6a26ea2"},(0,n.yg)("inlineCode",{parentName:"a"},"190c9f5")))),(0,n.yg)("h4",{id:"\ufe0f-others-28"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Extra bottom padding for header menu ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4f38c7a96d93fbcd47de4ec60176de2a667c5643"},(0,n.yg)("inlineCode",{parentName:"a"},"4f38c7a"))),(0,n.yg)("li",{parentName:"ul"},"Release 1.0.0-beta.1 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4384ae28597c725f66ab0f1361ffd5167ee5e3a1"},(0,n.yg)("inlineCode",{parentName:"a"},"4384ae2"))),(0,n.yg)("li",{parentName:"ul"},"Back to dev ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c2ee90c1754f17a304897839adf482bc2a111212"},(0,n.yg)("inlineCode",{parentName:"a"},"c2ee90c")))),(0,n.yg)("h3",{id:"100-alpha15---2023-02-08"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.14...1.0.0-alpha.15"},"1.0.0-alpha.15")," - 2023-02-08"),(0,n.yg)("h4",{id:"-new-features-17"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(Card): add teaser card grid story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/53cac0b0d1c40ad6ad8c9dc91c5d24bfb160f98e"},(0,n.yg)("inlineCode",{parentName:"a"},"53cac0b"))),(0,n.yg)("li",{parentName:"ul"},"feat(utilities): Complete list of text-align utilities - refs #160747 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/224fab602184b8974f588c91a7412e3d03e4e2f7"},(0,n.yg)("inlineCode",{parentName:"a"},"224fab6"))),(0,n.yg)("li",{parentName:"ul"},"feat(small): CSS for small HTML tag - refs #160747 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad3c0adec4efa7cead69153d399c6452131c94cc"},(0,n.yg)("inlineCode",{parentName:"a"},"ad3c0ad"))),(0,n.yg)("li",{parentName:"ul"},"feat(fw-light): Add font weight light utility - refs #160747 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c44cf57db5845fbb9c07233aeedab79e1438f80f"},(0,n.yg)("inlineCode",{parentName:"a"},"c44cf57")))),(0,n.yg)("h4",{id:"-bug-fixes-29"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(card): teaser card dimensions on tablet size #290 from eea/teaser-card-grid ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/013fdf5cad347aee14bdc51553dbd95d972a7c66"},(0,n.yg)("inlineCode",{parentName:"a"},"013fdf5")))),(0,n.yg)("h4",{id:"-enhancements-23"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(card): added extra content for teaser card story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/30690ae6c499682853cb19db10b0cdc13c6f9508"},(0,n.yg)("inlineCode",{parentName:"a"},"30690ae"))),(0,n.yg)("li",{parentName:"ul"},"refactor(style-menu): add text-color to paragraphs styles #291 from eea/stylemenu-theme-colors ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2d783075b8089184e50b1763226af0d60ed11786"},(0,n.yg)("inlineCode",{parentName:"a"},"2d78307"))),(0,n.yg)("li",{parentName:"ul"},"change(header): Small fix in search popup #292 from eea/search-popup ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/86c130539455b9a00b4b088b1871a98b9756df79"},(0,n.yg)("inlineCode",{parentName:"a"},"86c1305"))),(0,n.yg)("li",{parentName:"ul"},"refactor(style-menu): add text-color to paragraphs styles ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3446bc2704603bbfead7ff6c72d4e3a1ce81c7d4"},(0,n.yg)("inlineCode",{parentName:"a"},"3446bc2"))),(0,n.yg)("li",{parentName:"ul"},"change(color): darkCyan is now replaced everywhere by the new green ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef3791de6e2ea23487791c717eefc575e21fd283"},(0,n.yg)("inlineCode",{parentName:"a"},"ef3791d"))),(0,n.yg)("li",{parentName:"ul"},"change(header): Small fix in search popup ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3d622ea99df5a1f1088f70998e38fd5bf43997cf"},(0,n.yg)("inlineCode",{parentName:"a"},"3d622ea")))),(0,n.yg)("h4",{id:"\ufe0f-others-29"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Release alpha 15 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b72b29aaf9b3e1bfb7015808aafbd73a7167895"},(0,n.yg)("inlineCode",{parentName:"a"},"3b72b29")))),(0,n.yg)("h3",{id:"100-alpha14---2023-01-30"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.13.1...1.0.0-alpha.14"},"1.0.0-alpha.14")," - 2023-01-30"),(0,n.yg)("h4",{id:"-enhancements-24"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(mobile menu): integrate a-z topic with menu rendering logic #287 from eea/develop ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/05d4c04603e6572cd6f9b255faa03c4636d8efdb"},(0,n.yg)("inlineCode",{parentName:"a"},"05d4c04"))),(0,n.yg)("li",{parentName:"ul"},"change(mobile menu): integrate a-z topic with menu rendering logic ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/246d3d839b773e2f6e1fff7fed5f9aa7a4968daa"},(0,n.yg)("inlineCode",{parentName:"a"},"246d3d8")))),(0,n.yg)("h4",{id:"\ufe0f-others-30"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"bump release to alpha 14 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/92f01975a809553ed122824c8407c74da9132c23"},(0,n.yg)("inlineCode",{parentName:"a"},"92f0197"))),(0,n.yg)("li",{parentName:"ul"},"link fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e1c12a132a1a99d773af359ebce071fb37c7e661"},(0,n.yg)("inlineCode",{parentName:"a"},"e1c12a1")))),(0,n.yg)("h3",{id:"100-alpha131---2023-01-30"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.13...1.0.0-alpha.13.1"},"1.0.0-alpha.13.1")," - 2023-01-30"),(0,n.yg)("h4",{id:"-enhancements-25"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(mobile menu): hardcode a-z topics to '/en/topics-in-depth' #286 from eea/develop ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6436224e1922fb5d4b4053c874cebe5c57b2a6b9"},(0,n.yg)("inlineCode",{parentName:"a"},"6436224"))),(0,n.yg)("li",{parentName:"ul"},"change(mobile menu): hardcode a-z topics to '/en/topics-in-depth' ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5235b52047a80a8b626aa5ef3ef304c4d9a82003"},(0,n.yg)("inlineCode",{parentName:"a"},"5235b52")))),(0,n.yg)("h4",{id:"\ufe0f-others-31"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change release to 13.1 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70aa5648e7d9e14796445323b6ebaf7733cc7fd8"},(0,n.yg)("inlineCode",{parentName:"a"},"70aa564")))),(0,n.yg)("h3",{id:"100-alpha13---2023-01-27"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.12...1.0.0-alpha.13"},"1.0.0-alpha.13")," - 2023-01-27"),(0,n.yg)("h4",{id:"-new-features-18"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(utilities): added has--bg--top center and bottom utility classes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/051e6d7c33aca7947802ddaa9fe68ac41ed7fe11"},(0,n.yg)("inlineCode",{parentName:"a"},"051e6d7")))),(0,n.yg)("h4",{id:"-bug-fixes-30"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(header): update green color used in page header #284 from eea/fix-banner-background ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/29d54db06487d18a367202725e525ac26e5b7c58"},(0,n.yg)("inlineCode",{parentName:"a"},"29d54db")))),(0,n.yg)("h4",{id:"-enhancements-26"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(site): added fixes from customVolto.css to design package ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51ba9b5df0186bdf075d803dea6032bac52e540f"},(0,n.yg)("inlineCode",{parentName:"a"},"51ba9b5"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Banner): update banner background green color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fd4a552d9ff7a2973ebd6d18b6fbfd9bba5d98c6"},(0,n.yg)("inlineCode",{parentName:"a"},"fd4a552"))),(0,n.yg)("li",{parentName:"ul"},"change(mobile menu): changed link for a-z topics to point to in depth ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/721bf237d23d2a8e47fc2132912646c4ce182c9d"},(0,n.yg)("inlineCode",{parentName:"a"},"721bf23")))),(0,n.yg)("h4",{id:"\ufe0f-others-32"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"1.0.0-alpha.13 release #285 from eea/develop ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c96694005e2d4160876f6a900db13940d42266d5"},(0,n.yg)("inlineCode",{parentName:"a"},"c966940"))),(0,n.yg)("li",{parentName:"ul"},"bump next version to alpha 13 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/897e9069062282f1b5cd8d86a02b8e54c40a4690"},(0,n.yg)("inlineCode",{parentName:"a"},"897e906"))),(0,n.yg)("li",{parentName:"ul"},"Back to dev ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5780dc7abeb24da5e77b043a34593ff7a44f350d"},(0,n.yg)("inlineCode",{parentName:"a"},"5780dc7")))),(0,n.yg)("h3",{id:"100-alpha12---2023-01-24"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.11...1.0.0-alpha.12"},"1.0.0-alpha.12")," - 2023-01-24"),(0,n.yg)("h4",{id:"-new-features-19"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(card, colors): visited color change and title on image option for cards #283 from eea/develop ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e638ee6b77885fd5989179aa9e6532e46e475247"},(0,n.yg)("inlineCode",{parentName:"a"},"e638ee6")))),(0,n.yg)("h4",{id:"-bug-fixes-31"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(mobile menu): sub links when an accordion section is active ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb3be81416340ad0e3e992cd4e75642fc50f8ad3"},(0,n.yg)("inlineCode",{parentName:"a"},"bb3be81")))),(0,n.yg)("h4",{id:"-enhancements-27"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(Card): create card template for stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2fa77f3f93935dd01cd5e3d77437fe8dc03721da"},(0,n.yg)("inlineCode",{parentName:"a"},"2fa77f3"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Card): add image with title css ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e6e63e2362a27b0bbf4b8dd968f11a0dc87da2a"},(0,n.yg)("inlineCode",{parentName:"a"},"6e6e63e"))),(0,n.yg)("li",{parentName:"ul"},"change(card): implement title on image within image section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff6cc600978355e04dde704d014d2cbe27df1298"},(0,n.yg)("inlineCode",{parentName:"a"},"ff6cc60"))),(0,n.yg)("li",{parentName:"ul"},"change(card): added image card section, tweaked mobile heading size ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0f879e15d22ae066f020d8188ef3e355c27d016c"},(0,n.yg)("inlineCode",{parentName:"a"},"0f879e1"))),(0,n.yg)("li",{parentName:"ul"},"change(cards): moved image gradient overlay to a mixin.less file ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b4928a87bfe5fae6f64c93d7c8f1f7a3045816c"},(0,n.yg)("inlineCode",{parentName:"a"},"8b4928a"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): Update titles value and size ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c35ad5c76caa00556f8a501d2e7d516464790dc4"},(0,n.yg)("inlineCode",{parentName:"a"},"c35ad5c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(docusaurus): applied image naming convention ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee7bc290084e198f9f94e40fbf44c6d9cb19d1ba"},(0,n.yg)("inlineCode",{parentName:"a"},"ee7bc29"))),(0,n.yg)("li",{parentName:"ul"},"change(cards): added image for all storybook card examples ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3f194130bb6fb7b9ab04a7e1305f26fa135c23d2"},(0,n.yg)("inlineCode",{parentName:"a"},"3f19413"))),(0,n.yg)("li",{parentName:"ul"},"change(banner): restored label value of metadata field when type isn't date ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/571a4f27fe73d0465b6482f70dd70b2dc47dffe8"},(0,n.yg)("inlineCode",{parentName:"a"},"571a4f2"))),(0,n.yg)("li",{parentName:"ul"},"change(card): title padding value for a more balance look ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/74b65563d973eb9c6afc534935e253f2705fe9ee"},(0,n.yg)("inlineCode",{parentName:"a"},"74b6556"))),(0,n.yg)("li",{parentName:"ul"},"change(card): removed uppercase transform from title on image ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2948ae16f748911929910ac53d1e0acf96952317"},(0,n.yg)("inlineCode",{parentName:"a"},"2948ae1"))),(0,n.yg)("li",{parentName:"ul"},"change(colors, Docusaurus): Visited link colour change and thematic logo replacement #278 from eea/refactor-visited-link ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f82d9781cc3b34443f181565c2ec1892d534f8e2"},(0,n.yg)("inlineCode",{parentName:"a"},"f82d978"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): visited link variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b209b2f7703641926c6d4b1f7162eef39b2a1ad8"},(0,n.yg)("inlineCode",{parentName:"a"},"b209b2f")))),(0,n.yg)("h4",{id:"-documentation-changes-8"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(colors): visited link update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ece77fec130de1d9d8014d40e7da975bf57061ee"},(0,n.yg)("inlineCode",{parentName:"a"},"ece77fe")))),(0,n.yg)("h4",{id:"\ufe0f-others-33"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix typos in footer gradient variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/40066405d97af838e986370101371a8162029e02"},(0,n.yg)("inlineCode",{parentName:"a"},"4006640"))),(0,n.yg)("li",{parentName:"ul"},"change version to alpha 12 instead of 1 final ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32250253f5d7fe9f01126136ad86b8a4f2f5c700"},(0,n.yg)("inlineCode",{parentName:"a"},"3225025"))),(0,n.yg)("li",{parentName:"ul"},"feature(card): new card variation with title on top of image #267 from eea/title-on-image-card ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2c0ca95700bb162bc1273c83f2fc4f591de8dcf0"},(0,n.yg)("inlineCode",{parentName:"a"},"2c0ca95"))),(0,n.yg)("li",{parentName:"ul"},"Back to dev ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/477d997513ef5152ab98e080ad07f927b5869705"},(0,n.yg)("inlineCode",{parentName:"a"},"477d997")))),(0,n.yg)("h3",{id:"100-alpha11---2023-01-17"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.10...1.0.0-alpha.11"},"1.0.0-alpha.11")," - 2023-01-17"),(0,n.yg)("h4",{id:"-new-features-20"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(docusaurus): Header and footer elements section #277 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0df271c4c79bd8a24750cfe44d69f32cb04a1b63"},(0,n.yg)("inlineCode",{parentName:"a"},"0df271c")))),(0,n.yg)("h4",{id:"-bug-fixes-32"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(banner): storybook date input and simplified gradient opacity ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7674d767bb770342828d6bea6953ce45b823943f"},(0,n.yg)("inlineCode",{parentName:"a"},"7674d76"))),(0,n.yg)("li",{parentName:"ul"},"fix(banner): re-added title class on banner title ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d157994934c3da9af4e3dd37844f910bddf8377"},(0,n.yg)("inlineCode",{parentName:"a"},"6d15799")))),(0,n.yg)("h4",{id:"-enhancements-28"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(banner): sync storybook and Volto component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c9087cc8edc3fb27e0b96b509354861ec306f22a"},(0,n.yg)("inlineCode",{parentName:"a"},"c9087cc"))),(0,n.yg)("li",{parentName:"ul"},"change(banner): removed margin from title ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/17e592c4f3fd16a78069af50574e2ac608166a0f"},(0,n.yg)("inlineCode",{parentName:"a"},"17e592c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(banner): sync storybook and Volto component #275 from eea/sync-page-banner-theme ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4331fb4a6d5744e7d7d6a001bca91265a22587fd"},(0,n.yg)("inlineCode",{parentName:"a"},"4331fb4")))),(0,n.yg)("h4",{id:"-documentation-changes-9"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(footer): updates on header elements ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b41c550475dc5a2eefcad5d75439601d079613e2"},(0,n.yg)("inlineCode",{parentName:"a"},"b41c550"))),(0,n.yg)("li",{parentName:"ul"},"docs(footer): add elements anatomy ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d9f0872f93a6f7572f798b2c001d3af00eb282e3"},(0,n.yg)("inlineCode",{parentName:"a"},"d9f0872")))),(0,n.yg)("h4",{id:"\ufe0f-others-34"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"add(banner): banner title css ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d0032474d2b57eb63a4b50a882ced2ee743a48e6"},(0,n.yg)("inlineCode",{parentName:"a"},"d003247"))),(0,n.yg)("li",{parentName:"ul"},"Release 1.0.0-alpha.11 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/07e8f858b0bdeaa6a348c0bfc2b785f26017e1ea"},(0,n.yg)("inlineCode",{parentName:"a"},"07e8f85"))),(0,n.yg)("li",{parentName:"ul"},"renamed image elements as requested in review ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8541fb6739d3c935ed8d44a220114546b2aef682"},(0,n.yg)("inlineCode",{parentName:"a"},"8541fb6"))),(0,n.yg)("li",{parentName:"ul"},"remove(banner-gradiant): image gradiant in favour of text ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1b58520490be5e17ea4ce6fc98329d467dad3960"},(0,n.yg)("inlineCode",{parentName:"a"},"1b58520"))),(0,n.yg)("li",{parentName:"ul"},"update(gradient): use 8deg angle ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fd597d8d7a83fdf8a27939e4c69dfc3975b6a81"},(0,n.yg)("inlineCode",{parentName:"a"},"6fd597d"))),(0,n.yg)("li",{parentName:"ul"},"update(gradiant): make it 0deg ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1bb2696375eef233b509e27d9d464b8343421430"},(0,n.yg)("inlineCode",{parentName:"a"},"1bb2696"))),(0,n.yg)("li",{parentName:"ul"},"remove(comment) referencing old verison of title ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4226d42e34b119e057cf4e9878b6a99172cb976a"},(0,n.yg)("inlineCode",{parentName:"a"},"4226d42")))),(0,n.yg)("h3",{id:"100-alpha10---2023-01-13"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.9...1.0.0-alpha.10"},"1.0.0-alpha.10")," - 2023-01-13"),(0,n.yg)("h4",{id:"-bug-fixes-33"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(subsite): Fix logo size on subsite section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65fff54503a9ace573dc7198f6bedb372e65d211"},(0,n.yg)("inlineCode",{parentName:"a"},"65fff54"))),(0,n.yg)("li",{parentName:"ul"},"fix(subsite): Fix logo size on subsite section #279 from eea/subsite-fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f6cf94811dbebc2081c0ca812570a72dd977b06"},(0,n.yg)("inlineCode",{parentName:"a"},"8f6cf94"))),(0,n.yg)("li",{parentName:"ul"},"fix(mega-menu): show sub grid only if there are children ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ddfbd82aab2be723ae230d703f72a8cd489f17d8"},(0,n.yg)("inlineCode",{parentName:"a"},"ddfbd82")))),(0,n.yg)("h4",{id:"\ufe0f-others-35"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Add variable definitions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/293fe65e2f24e6290e1286229169a77f9be4750e"},(0,n.yg)("inlineCode",{parentName:"a"},"293fe65"))),(0,n.yg)("li",{parentName:"ul"},"Release 1.0.0-alpha.10 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7014d080ce114bd0bc039abeecbd7229333b0971"},(0,n.yg)("inlineCode",{parentName:"a"},"7014d08"))),(0,n.yg)("li",{parentName:"ul"},"Add Sonarqube tag using advisory-board-frontend addons list ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef58a6f5ad8deea26b1395a86778fe1159b7617b"},(0,n.yg)("inlineCode",{parentName:"a"},"ef58a6f"))),(0,n.yg)("li",{parentName:"ul"},"Back to dev ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/31d461662b9184a7bbe190e86f3c47fab39229fe"},(0,n.yg)("inlineCode",{parentName:"a"},"31d4616")))),(0,n.yg)("h3",{id:"100-alpha9---2022-12-28"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.8...1.0.0-alpha.9"},"1.0.0-alpha.9")," - 2022-12-28"),(0,n.yg)("h4",{id:"-enhancements-29"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(contextnav): Default title is text, custom title is link #273 from eea/context-nav-link-title ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef7bdb7c40cd12c3d7e059074aa5797b8cb3378c"},(0,n.yg)("inlineCode",{parentName:"a"},"ef7bdb7")))),(0,n.yg)("h4",{id:"\ufe0f-others-36"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Show document and folder content-type in Navigation listing ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8471db3b3d555e8602f1076d0f96a2ba38a12247"},(0,n.yg)("inlineCode",{parentName:"a"},"8471db3"))),(0,n.yg)("li",{parentName:"ul"},"Default title is text, custom title is link ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1ae95b05b67423121566448c6b0cededca4b2b1d"},(0,n.yg)("inlineCode",{parentName:"a"},"1ae95b0"))),(0,n.yg)("li",{parentName:"ul"},"Context nav title link to # ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a27a6b78bcda0eb6037f73f1d36b06e00e3ffc52"},(0,n.yg)("inlineCode",{parentName:"a"},"a27a6b7")))),(0,n.yg)("h3",{id:"100-alpha8---2022-12-23"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.7...1.0.0-alpha.8"},"1.0.0-alpha.8")," - 2022-12-23"),(0,n.yg)("h4",{id:"-new-features-21"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(copyright): Align copyright options with Volto integration - refs #158210 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6bac7f6a9ad969af4be1c8c08a18a1144d5bad63"},(0,n.yg)("inlineCode",{parentName:"a"},"6bac7f6")))),(0,n.yg)("h4",{id:"-enhancements-30"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(logo): import theme site logos to the story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2f29136ca457f2419ca25a5292a036b2cd0fc402"},(0,n.yg)("inlineCode",{parentName:"a"},"2f29136"))),(0,n.yg)("li",{parentName:"ul"},"refactor(logo): update logo and mega search gradient ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e11f44d59334fc02e3833a133b20e7b2240a2022"},(0,n.yg)("inlineCode",{parentName:"a"},"e11f44d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(logos): convert logo names to lowercase ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/07b822864490b4cc63bef94f3306466ba5933e16"},(0,n.yg)("inlineCode",{parentName:"a"},"07b8228"))),(0,n.yg)("li",{parentName:"ul"},"change(item): use default logic of setting align class on content ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b5b47c10ce5a6d3710bedd492aa3d362d62d225"},(0,n.yg)("inlineCode",{parentName:"a"},"6b5b47c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(logo): update logo ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/170efe5bfc7fd4988f4a4d4aac18ace32c360cd6"},(0,n.yg)("inlineCode",{parentName:"a"},"170efe5"))),(0,n.yg)("li",{parentName:"ul"},"refactor(logos): convert storybook logo names to lowercase ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4b24ec8796f8fffd87158a55f4ac19624ebe04c"},(0,n.yg)("inlineCode",{parentName:"a"},"c4b24ec"))),(0,n.yg)("li",{parentName:"ul"},"refactor(logo): add eea roboto font logo variations ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de1224a97568c0b48b509c65170a6080d8a058d4"},(0,n.yg)("inlineCode",{parentName:"a"},"de1224a"))),(0,n.yg)("li",{parentName:"ul"},"refactor(logo): add container and segment to logo story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/61eff16fcd080194fe1187656d67ef73a7dd4d6c"},(0,n.yg)("inlineCode",{parentName:"a"},"61eff16"))),(0,n.yg)("li",{parentName:"ul"},"change(item): removed requirement for aligned classes to be on content ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/30c0d5d2de7ac05172cfb726b60a8bd763de7b31"},(0,n.yg)("inlineCode",{parentName:"a"},"30c0d5d"))),(0,n.yg)("li",{parentName:"ul"},"change(logos): cleanup eea logo reference to only eea-logo and eea-logo-white.svg ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2796e054a21a9025036c8b2882afe23a6984cd37"},(0,n.yg)("inlineCode",{parentName:"a"},"2796e05")))),(0,n.yg)("h4",{id:"-internal-changes-14"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"chore(npmignore): Reduce npmjs package size ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/164c8a5ad0f7241eb8e30c53eccfdff9cec1fb93"},(0,n.yg)("inlineCode",{parentName:"a"},"164c8a5"))),(0,n.yg)("li",{parentName:"ul"},"chore(npmignore): Reduce npmjs package size ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ade9d5ba3411efc47cdd3b461fd60b2b7389f9be"},(0,n.yg)("inlineCode",{parentName:"a"},"ade9d5b"))),(0,n.yg)("li",{parentName:"ul"},"chore(docs): renamed logo mdx to md ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/52e9d46bb2decabdc935eeee84dacc3e063e3616"},(0,n.yg)("inlineCode",{parentName:"a"},"52e9d46")))),(0,n.yg)("h4",{id:"-documentation-changes-10"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(logos): svgs without classes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/28a58336ac57deb3eec7287b6fbf5cd58ada8a7e"},(0,n.yg)("inlineCode",{parentName:"a"},"28a5833"))),(0,n.yg)("li",{parentName:"ul"},"docs(logos): add dark mode logos ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ccc1609643cff5f851942ab95198d44252ddb22e"},(0,n.yg)("inlineCode",{parentName:"a"},"ccc1609"))),(0,n.yg)("li",{parentName:"ul"},"docs(logo): update eea logos and add logo wrapper ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91cdd6636dfb102e4712177ad5fa7e952eb6ea45"},(0,n.yg)("inlineCode",{parentName:"a"},"91cdd66"))),(0,n.yg)("li",{parentName:"ul"},"docs(logo): update logos on docusaurus ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/760e1012892ab28b25e8d9b0de50cfa0ba07addf"},(0,n.yg)("inlineCode",{parentName:"a"},"760e101"))),(0,n.yg)("li",{parentName:"ul"},"docs(logos): updated svgs ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dc224e1dbcf46a29b0639afde694d44221affe27"},(0,n.yg)("inlineCode",{parentName:"a"},"dc224e1"))),(0,n.yg)("li",{parentName:"ul"},"docs(logos): add thematic logos ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5a21a3076e506e6bd7f82fa97697f81825e87255"},(0,n.yg)("inlineCode",{parentName:"a"},"5a21a30"))),(0,n.yg)("li",{parentName:"ul"},"docs(logos): add zipped svgs for download ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5855bf83b471a9849ee71370d7eee4f6a1d12a44"},(0,n.yg)("inlineCode",{parentName:"a"},"5855bf8"))),(0,n.yg)("li",{parentName:"ul"},"docs(logos): wisef logo update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f90b59d03c1c4eaa760dd981e082f237c09e96f"},(0,n.yg)("inlineCode",{parentName:"a"},"8f90b59"))),(0,n.yg)("li",{parentName:"ul"},"docs(logos): move to static, add download ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8c1fd5f9a64bd8fb976687fe5ed96bc515b95393"},(0,n.yg)("inlineCode",{parentName:"a"},"8c1fd5f"))),(0,n.yg)("li",{parentName:"ul"},"docs(logos): improve eea logo visibility ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/82188abb99aa080d7bea15975497e03c653d311c"},(0,n.yg)("inlineCode",{parentName:"a"},"82188ab"))),(0,n.yg)("li",{parentName:"ul"},"docs(logos): change eea logo to svg ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f57b846ca9d635f5af4d1adeee280a5adcaf7b5f"},(0,n.yg)("inlineCode",{parentName:"a"},"f57b846")))),(0,n.yg)("h4",{id:"\ufe0f-others-37"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"logo update or docusaurus thematic logo listing #274 from eea/develop ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dde90beb68ac129e476ece22e7ced4640786f094"},(0,n.yg)("inlineCode",{parentName:"a"},"dde90be"))),(0,n.yg)("li",{parentName:"ul"},"(feat): Add ability to disable the language select from website top menu - refs #158616 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/411c8e4afaf0b2b9edfdeeecdca22aa4cc41f329"},(0,n.yg)("inlineCode",{parentName:"a"},"411c8e4"))),(0,n.yg)("li",{parentName:"ul"},"Proof reading page header section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/230239e1b22734fb8606656985bc5e513731e244"},(0,n.yg)("inlineCode",{parentName:"a"},"230239e"))),(0,n.yg)("li",{parentName:"ul"},"bump package version ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b4628bed134abc76e38a243d4e98143e19cef989"},(0,n.yg)("inlineCode",{parentName:"a"},"b4628be"))),(0,n.yg)("li",{parentName:"ul"},"feature(docusaurus, storybook): logos selection for sites plus inverted options #253 from eea/doc-logo-page ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dbfc90d035dc40e9d4054347f00fde4de486d63d"},(0,n.yg)("inlineCode",{parentName:"a"},"dbfc90d"))),(0,n.yg)("li",{parentName:"ul"},"Add Sonarqube tag using advisory-board-frontend addons list ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4769e987d525f5dcafac8e6cf8a89fd8111667d"},(0,n.yg)("inlineCode",{parentName:"a"},"c4769e9"))),(0,n.yg)("li",{parentName:"ul"},"test(Jenkins): Run tests and cypress with latest canary @plone/volto ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/92feea09796c9ef0530f65fa1d34139905133215"},(0,n.yg)("inlineCode",{parentName:"a"},"92feea0")))),(0,n.yg)("h3",{id:"100-alpha7---2022-12-16"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.6...1.0.0-alpha.7"},"1.0.0-alpha.7")," - 2022-12-16"),(0,n.yg)("h4",{id:"-new-features-22"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(item): normalized size for image or icon items #258 from eea/refactor-items ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/945170f1503be68aa3fc1bd950a97eeebfd81037"},(0,n.yg)("inlineCode",{parentName:"a"},"945170f")))),(0,n.yg)("h4",{id:"-bug-fixes-34"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(card): rounded after removal of has--rounded--true style class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4727afdecf3d25e3e5bc98d472b976d60154183"},(0,n.yg)("inlineCode",{parentName:"a"},"d4727af"))),(0,n.yg)("li",{parentName:"ul"},"fix(item): removed margin set for description which pushed the text from icon ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d9d40310fcfb1bd214bd901b79dcbac41e9a8518"},(0,n.yg)("inlineCode",{parentName:"a"},"d9d4031"))),(0,n.yg)("li",{parentName:"ul"},"fix(project): Proper paths if volto-eea-design-system package is not installed, but in development #270 from eea/correct_paths ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0f8ee8d770f1b26d4315be8f615d58a61acbafc8"},(0,n.yg)("inlineCode",{parentName:"a"},"0f8ee8d")))),(0,n.yg)("h4",{id:"-enhancements-31"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(item): update icon variations and paddings ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6a407b3e7f743eb7b73247bcc5d489685d567bc6"},(0,n.yg)("inlineCode",{parentName:"a"},"6a407b3"))),(0,n.yg)("li",{parentName:"ul"},"refactor(item): update spacing ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2fd91c4aa1a76dd2f7099d3f24f94067e95e06a1"},(0,n.yg)("inlineCode",{parentName:"a"},"2fd91c4"))),(0,n.yg)("li",{parentName:"ul"},"refactor(item): initial values for new sizes & add description class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3546296f0cacb96411c8c67b98e9763e2b843b05"},(0,n.yg)("inlineCode",{parentName:"a"},"3546296"))),(0,n.yg)("li",{parentName:"ul"},"refactor(item): add icon and more size options ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1120bb62d9ab908c5c97a4871a66e3c08c5c7ece"},(0,n.yg)("inlineCode",{parentName:"a"},"1120bb6"))),(0,n.yg)("li",{parentName:"ul"},"refactor(item): update image and icon sizes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8025735121aaa0024a5783afbde0f6be3715618"},(0,n.yg)("inlineCode",{parentName:"a"},"b802573"))),(0,n.yg)("li",{parentName:"ul"},"change(item): set same height as width on item images ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/69cbd23ca53dd68ae9f7c00a69ed2d8820746305"},(0,n.yg)("inlineCode",{parentName:"a"},"69cbd23"))),(0,n.yg)("li",{parentName:"ul"},"refactor(item): update item part 2 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9812ae2e41ac86cfd4c56e13af8af570b752966f"},(0,n.yg)("inlineCode",{parentName:"a"},"9812ae2"))),(0,n.yg)("li",{parentName:"ul"},"change(item): rename large to big class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/24ff1275b9a0556b85ab86757bc0c84f50357e7d"},(0,n.yg)("inlineCode",{parentName:"a"},"24ff127"))),(0,n.yg)("li",{parentName:"ul"},"change(item): added tiny size that outputs 24px icon sizes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ea96363a957f9033cb5bfe2d7fd311e92377493"},(0,n.yg)("inlineCode",{parentName:"a"},"2ea9636"))),(0,n.yg)("li",{parentName:"ul"},"change(image): added preview image size default to 400px ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a0aa867e932d1b3c0bf449553726d6feb645853e"},(0,n.yg)("inlineCode",{parentName:"a"},"a0aa867"))),(0,n.yg)("li",{parentName:"ul"},"refactor(item): update operator for condition controls ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/149ccb2f1e498c27e5550214cdee25eb808ab27e"},(0,n.yg)("inlineCode",{parentName:"a"},"149ccb2")))),(0,n.yg)("h4",{id:"\ufe0f-others-38"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Proper paths if the package is not installed, but in development ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a2655f7cf9d3c687f172eefcf2b4cff4b12f832"},(0,n.yg)("inlineCode",{parentName:"a"},"7a2655f"))),(0,n.yg)("li",{parentName:"ul"},"Update .project.eslintrc.js ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a2fd3f23473325976c2b146e066eeb538d140dce"},(0,n.yg)("inlineCode",{parentName:"a"},"a2fd3f2"))),(0,n.yg)("li",{parentName:"ul"},"added back descriptionDistance variable until package release ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3af811a8d86a132e16de118697ba5a4302a8a4da"},(0,n.yg)("inlineCode",{parentName:"a"},"3af811a"))),(0,n.yg)("li",{parentName:"ul"},"Release 1.0.0-alpha.7 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e66bcc296b389bc55073e7f99681534977dce3a"},(0,n.yg)("inlineCode",{parentName:"a"},"7e66bcc"))),(0,n.yg)("li",{parentName:"ul"},"Add Sonarqube tag using cca-frontend addons list ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce47e9b163bcb4eda988e3a87718b54ffbd3f99f"},(0,n.yg)("inlineCode",{parentName:"a"},"ce47e9b"))),(0,n.yg)("li",{parentName:"ul"},"Back to dev ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb531c933c907bdbb88c9de0f1df2eb7ce899a4c"},(0,n.yg)("inlineCode",{parentName:"a"},"cb531c9")))),(0,n.yg)("h3",{id:"100-alpha6---2022-12-07"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.5...1.0.0-alpha.6"},"1.0.0-alpha.6")," - 2022-12-07"),(0,n.yg)("h4",{id:"-new-features-23"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(copyright): create copyright component and import it in banner ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8fcde9df2915585e2336024436cef76642820d75"},(0,n.yg)("inlineCode",{parentName:"a"},"8fcde9d"))),(0,n.yg)("li",{parentName:"ul"},"feat(Header): add hideSearch prop ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/13ddfe59a6bd7fe2050b70ac4524a6f6c5c169ea"},(0,n.yg)("inlineCode",{parentName:"a"},"13ddfe5"))),(0,n.yg)("li",{parentName:"ul"},"feat(Docusaurus): Image copyright information #257 from eea/image-copyright-info ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/21195153240da052acb7171f7904449ed7854cb3"},(0,n.yg)("inlineCode",{parentName:"a"},"2119515")))),(0,n.yg)("h4",{id:"-bug-fixes-35"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(tags): content gap when using tags-content wrapper ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4eb9b89d4ea09f936b7fcdc22a84105fd8639af"},(0,n.yg)("inlineCode",{parentName:"a"},"c4eb9b8")))),(0,n.yg)("h4",{id:"-enhancements-32"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(hero): add copyright component to hero ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0fa88fad3e7b48789dc6d0462b9f78dd359b8949"},(0,n.yg)("inlineCode",{parentName:"a"},"0fa88fa"))),(0,n.yg)("li",{parentName:"ul"},"change(copyright): implementation to add classes on content sections ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e10bde674f2b1f722ec6c70734e4a72c018f4afe"},(0,n.yg)("inlineCode",{parentName:"a"},"e10bde6"))),(0,n.yg)("li",{parentName:"ul"},"change(copyright): removed color variant ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/747b8a27155569247d4975837587e3320327fce9"},(0,n.yg)("inlineCode",{parentName:"a"},"747b8a2"))),(0,n.yg)("li",{parentName:"ul"},"change(copyright): removed copyrightVariant from Banner and Hero stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac62e079d4eafb818f9cae25880a04d9e069d107"},(0,n.yg)("inlineCode",{parentName:"a"},"ac62e07"))),(0,n.yg)("li",{parentName:"ul"},"change(tagList): modified implementation to align to volto-tags-block ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a57a3d4bf7ede4b5ab5f3ef045d664aaaf67f2c"},(0,n.yg)("inlineCode",{parentName:"a"},"7a57a3d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(copyright): remove data section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/52cb09dc363bb0a2e363ec86dcefb4c57e07a14d"},(0,n.yg)("inlineCode",{parentName:"a"},"52cb09d"))),(0,n.yg)("li",{parentName:"ul"},"change(copyright): line height to match page header implementation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a56254e7588cfc6aca999f550084d79dca6e9a6c"},(0,n.yg)("inlineCode",{parentName:"a"},"a56254e"))),(0,n.yg)("li",{parentName:"ul"},"change(copyright): now uses text color css variable with fallback to white ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee7268ba359f079dfce45fd0fe91f75ae5c37e94"},(0,n.yg)("inlineCode",{parentName:"a"},"ee7268b")))),(0,n.yg)("h4",{id:"-documentation-changes-11"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(copyright): copyright documentation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a90ed766e60b5eb5b027beb36d2b1967d2c41fa3"},(0,n.yg)("inlineCode",{parentName:"a"},"a90ed76")))),(0,n.yg)("h4",{id:"\ufe0f-others-39"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Update usage_markdown.md ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f76d4a242f795451d64ef2d192d0006a0ed5eac1"},(0,n.yg)("inlineCode",{parentName:"a"},"f76d4a2"))),(0,n.yg)("li",{parentName:"ul"},"grammar fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb2a5a5fd9dfc01eccc179721b06988742f5b2e2"},(0,n.yg)("inlineCode",{parentName:"a"},"cb2a5a5"))),(0,n.yg)("li",{parentName:"ul"},"Release 1.0.0-alpha.6 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ca32f03c1860781d3c1c4ff9558713ad8acac95"},(0,n.yg)("inlineCode",{parentName:"a"},"6ca32f0"))),(0,n.yg)("li",{parentName:"ul"},"feature(copyright): image information #250 from eea/feature-copyright ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a8618c7f0230a19b6c973aa2c9646463de9eeffb"},(0,n.yg)("inlineCode",{parentName:"a"},"a8618c7"))),(0,n.yg)("li",{parentName:"ul"},"lint fix by introducing local variable tagsGap ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7b6c0ae2ebfed06221700faf9a0d0c2bdeb60d99"},(0,n.yg)("inlineCode",{parentName:"a"},"7b6c0ae"))),(0,n.yg)("li",{parentName:"ul"},"Update 3-images.md ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1b0ef033f9c8a36aaa739f268263f24a6d0fb473"},(0,n.yg)("inlineCode",{parentName:"a"},"1b0ef03")))),(0,n.yg)("h3",{id:"100-alpha5---2022-11-29"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.4...1.0.0-alpha.5"},"1.0.0-alpha.5")," - 2022-11-29"),(0,n.yg)("h4",{id:"-new-features-24"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(Iconography): import and showcase remix icons ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/777112f7e77ce8c74c3fd4384bff6ec9694aba04"},(0,n.yg)("inlineCode",{parentName:"a"},"777112f")))),(0,n.yg)("h4",{id:"-bug-fixes-36"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(docusaurus): right bar overflow fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/197c763624f70556c62379bc0751763725d0fed3"},(0,n.yg)("inlineCode",{parentName:"a"},"197c763"))),(0,n.yg)("li",{parentName:"ul"},"fix(lists): bullet position by using padding instead of margin ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0ecae2e7fe61b98d8795f876a525fbbc873bf799"},(0,n.yg)("inlineCode",{parentName:"a"},"0ecae2e"))),(0,n.yg)("li",{parentName:"ul"},"fix(label): color for yellow variant as white isn't accessible on yellow color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91d8880a829d2728c49a1953f6d2d8c2c812990c"},(0,n.yg)("inlineCode",{parentName:"a"},"91d8880"))),(0,n.yg)("li",{parentName:"ul"},"fix(contentBox): avoid text decoration for header-link added on cards ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ccb592db6f465cec59124b94fb6918b513bb761"},(0,n.yg)("inlineCode",{parentName:"a"},"3ccb592"))),(0,n.yg)("li",{parentName:"ul"},"fix(label): margin value for ribbon image left and right margin ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8e1129734709d6034539a6522105af9d43fef20"},(0,n.yg)("inlineCode",{parentName:"a"},"f8e1129")))),(0,n.yg)("h4",{id:"-enhancements-33"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(docusaurus): eea color palette in separate file ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6c855df9c2238f8d21860ade4578aa969b68448e"},(0,n.yg)("inlineCode",{parentName:"a"},"6c855df"))),(0,n.yg)("li",{parentName:"ul"},"refactor(docusaurus): classes for color boxes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/80219d52bc63842d8e6382dbbe7d43cdc8a29b9c"},(0,n.yg)("inlineCode",{parentName:"a"},"80219d5"))),(0,n.yg)("li",{parentName:"ul"},"refactor(docusaurus): move supplementary, state and link colors to partials ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2776be32615d7a6bdd8561a523fb9cfb1a85e38b"},(0,n.yg)("inlineCode",{parentName:"a"},"2776be3"))),(0,n.yg)("li",{parentName:"ul"},"refactor(docusaurus): fix side menu / moved more content in palette partial ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f5b70775471369ca8f3193784b9bc66caa8fb76f"},(0,n.yg)("inlineCode",{parentName:"a"},"f5b7077"))),(0,n.yg)("li",{parentName:"ul"},"change(tag): set gap on tags element for margin between tag elements ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/726bc6da821a366a5afa03659e614cc73ed02c0b"},(0,n.yg)("inlineCode",{parentName:"a"},"726bc6d")))),(0,n.yg)("h4",{id:"-internal-changes-15"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"chore(colours): fix wrong class name ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51ad0a8232f7f35cae05f5861d7822db852b3f8d"},(0,n.yg)("inlineCode",{parentName:"a"},"51ad0a8")))),(0,n.yg)("h4",{id:"-documentation-changes-12"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus): Iconography updates, thematic platforms ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2a0e596bd002290e0759d8c5e568da4d318f7d59"},(0,n.yg)("inlineCode",{parentName:"a"},"2a0e596"))),(0,n.yg)("li",{parentName:"ul"},"docs(colors): thematic pages integration ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea7a4220a93d3fd2f437b51462f7f19d99f52595"},(0,n.yg)("inlineCode",{parentName:"a"},"ea7a422"))),(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus): color updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc13b5499a9ae13bb45925a057f8ff4d6a2e4643"},(0,n.yg)("inlineCode",{parentName:"a"},"cc13b54"))),(0,n.yg)("li",{parentName:"ul"},"docs(colors): fix swatches accessibility ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/306cb74d3e06390a9c15da9b8b29c9d3c8f0f6c5"},(0,n.yg)("inlineCode",{parentName:"a"},"306cb74"))),(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus): typography and colors fixes according to comments on PR ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ae20a7258cc88465fa0937895c2999952736f456"},(0,n.yg)("inlineCode",{parentName:"a"},"ae20a72"))),(0,n.yg)("li",{parentName:"ul"},"docs(colours): adjust logos heights ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/854d4fb761be7307e83e5dd2eb0fe5a0117727c5"},(0,n.yg)("inlineCode",{parentName:"a"},"854d4fb"))),(0,n.yg)("li",{parentName:"ul"},"docs(typography): merge designer and dev units ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65c240eddbf20b3fc870d301b96837f49ad9caca"},(0,n.yg)("inlineCode",{parentName:"a"},"65c240e"))),(0,n.yg)("li",{parentName:"ul"},"docs(typography): readded extra font sizes, fixed fluid ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4a5d892538a9713d14ac718b1bf2c771be09810"},(0,n.yg)("inlineCode",{parentName:"a"},"a4a5d89"))),(0,n.yg)("li",{parentName:"ul"},"docs(typography): changed em to percentages ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4176007ff4b421bc988b618488e0ba6b550f9fe"},(0,n.yg)("inlineCode",{parentName:"a"},"d417600"))),(0,n.yg)("li",{parentName:"ul"},"docs(colors): minors updates and instructions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84ac8828e430b4af2b461534b4e2f81189080145"},(0,n.yg)("inlineCode",{parentName:"a"},"84ac882"))),(0,n.yg)("li",{parentName:"ul"},"docs(colors): blue-grey-6 adjustment ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e7ab2d15d3a617bc5b3713897f3e3521d9e2720a"},(0,n.yg)("inlineCode",{parentName:"a"},"e7ab2d1"))),(0,n.yg)("li",{parentName:"ul"},"docs(colours): added active colour ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/574f7a95ea8a9510d03a104ad72fafafcae5d738"},(0,n.yg)("inlineCode",{parentName:"a"},"574f7a9"))),(0,n.yg)("li",{parentName:"ul"},"docs(colors): switch FISE logo to png ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/335471fd95bbd78cd7bd80b960272baa0a32e1c5"},(0,n.yg)("inlineCode",{parentName:"a"},"335471f"))),(0,n.yg)("li",{parentName:"ul"},"docs(colors): updated visited ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0248fd164cbf85168945797244977c305c67608d"},(0,n.yg)("inlineCode",{parentName:"a"},"0248fd1"))),(0,n.yg)("li",{parentName:"ul"},"docs(FISE): replaced logo ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f7d833127f769d79f099618b98789c6929b4ba08"},(0,n.yg)("inlineCode",{parentName:"a"},"f7d8331")))),(0,n.yg)("h4",{id:"\ufe0f-others-40"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"perf(docusaurus): added remixicon and roboto locally ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b67b1a72bc9cdc7c62a25967e81b430f8b62d558"},(0,n.yg)("inlineCode",{parentName:"a"},"b67b1a7"))),(0,n.yg)("li",{parentName:"ul"},"feature(Docusaurus): Updates on color palette information including thematic websites #231 from eea/refactor-docusaurus ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec7843dea07f626dc1c71ae1baa8bb5b0caa52f3"},(0,n.yg)("inlineCode",{parentName:"a"},"ec7843d"))),(0,n.yg)("li",{parentName:"ul"},"Upgrade Jenkinsfile storybook to yarn 3 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d20de8d6e21a14660b7b5125a80218a8a6f19e62"},(0,n.yg)("inlineCode",{parentName:"a"},"d20de8d"))),(0,n.yg)("li",{parentName:"ul"},"Back to dev ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/563fbc5fac0d4b0295690d0a3a4e04271753f18a"},(0,n.yg)("inlineCode",{parentName:"a"},"563fbc5")))),(0,n.yg)("h3",{id:"100-alpha4---2022-11-22"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.3...1.0.0-alpha.4"},"1.0.0-alpha.4")," - 2022-11-22"),(0,n.yg)("h4",{id:"-bug-fixes-37"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(cards-storybook): load slick carousel css for arrow and pagination styles ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1159b1beea0d7f7e026f1f1181fea91b7ac38ffa"},(0,n.yg)("inlineCode",{parentName:"a"},"1159b1b")))),(0,n.yg)("h4",{id:"-enhancements-34"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(cards): refactor cards theming implementation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4e454238d540ef306f4c1a4f8e9a94c7aa10189"},(0,n.yg)("inlineCode",{parentName:"a"},"d4e4542"))),(0,n.yg)("li",{parentName:"ul"},"change(cards): allow rounded, inverted and theme parameter to be set by has classes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b4ad893fc5d39629b4e8d874327f31ea2e7d885"},(0,n.yg)("inlineCode",{parentName:"a"},"4b4ad89"))),(0,n.yg)("li",{parentName:"ul"},"change(card): expect has classes on the card directly ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6a9e38bcae0656685a99b47800d556813663d2ee"},(0,n.yg)("inlineCode",{parentName:"a"},"6a9e38b"))),(0,n.yg)("li",{parentName:"ul"},"change(utilities): added has text classes to the text alignment utilities ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e6974c634551fe0d19a9c9da269f5c6fbaefab7a"},(0,n.yg)("inlineCode",{parentName:"a"},"e6974c6"))),(0,n.yg)("li",{parentName:"ul"},"change(utilities): modified class name for text align using has naming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/579a0cbe0f704eb9305119fdd162f4f29c8086d5"},(0,n.yg)("inlineCode",{parentName:"a"},"579a0cb"))),(0,n.yg)("li",{parentName:"ul"},"change(theme): ensure that only direct children of container have a default top and bottom margin ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7f8b8dcc72827004d366e1c531311cf8734053fc"},(0,n.yg)("inlineCode",{parentName:"a"},"7f8b8dc"))),(0,n.yg)("li",{parentName:"ul"},"change(build): upgrade action to trigger workflow and wait to latest version ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c63ad3fdae7972bb2c722dea3d046861fa0ac086"},(0,n.yg)("inlineCode",{parentName:"a"},"c63ad3f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): theming implementation to allow has theming classes #265 from eea/card-refactoring ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/24edc99d85c0c619fc763a8774a96f7208f529a5"},(0,n.yg)("inlineCode",{parentName:"a"},"24edc99"))),(0,n.yg)("li",{parentName:"ul"},"change(theme): add slick-carousel dependency ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2eec7d7233adf86b9c4f61670eb87d9754ff94c"},(0,n.yg)("inlineCode",{parentName:"a"},"f2eec7d")))),(0,n.yg)("h4",{id:"\ufe0f-others-41"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Update eea.github.io on all commits in develop branch ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3d0b8d745138bd2e0219560c8c895ce2c56dbf04"},(0,n.yg)("inlineCode",{parentName:"a"},"3d0b8d7"))),(0,n.yg)("li",{parentName:"ul"},"Exclude mockups from npm package ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/634af8e3ddabec36a18597d8d7638888269875fc"},(0,n.yg)("inlineCode",{parentName:"a"},"634af8e"))),(0,n.yg)("li",{parentName:"ul"},"fix rounded selector ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1fa15442f03d3f3d9ef59afa14075b061483cf3a"},(0,n.yg)("inlineCode",{parentName:"a"},"1fa1544"))),(0,n.yg)("li",{parentName:"ul"},"Trigger re-build ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3566dd2b4d2cd12496e05b792c85a78de550dd50"},(0,n.yg)("inlineCode",{parentName:"a"},"3566dd2"))),(0,n.yg)("li",{parentName:"ul"},"Back to dev. ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea47f6f10097f23f635d98f0c5483bebf8378fc4"},(0,n.yg)("inlineCode",{parentName:"a"},"ea47f6f")))),(0,n.yg)("h3",{id:"100-alpha3---2022-11-16"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.2...1.0.0-alpha.3"},"1.0.0-alpha.3")," - 2022-11-16"),(0,n.yg)("h4",{id:"-new-features-25"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(Header): Add subsite section styling #263 from eea/subsite ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00398b8a6c5d83241c30d0ba85d95c115edf2480"},(0,n.yg)("inlineCode",{parentName:"a"},"00398b8")))),(0,n.yg)("h4",{id:"-bug-fixes-38"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(search): position now changed by default to absolute from relative ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51b08fc217e25c1391a2bac0b42a8c3f7ae091c7"},(0,n.yg)("inlineCode",{parentName:"a"},"51b08fc"))),(0,n.yg)("li",{parentName:"ul"},"fix(megaMenu): remove paddings for buttons added by active class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec33ebfe23a6064c88383ab465bd45edee2dba9b"},(0,n.yg)("inlineCode",{parentName:"a"},"ec33ebf")))),(0,n.yg)("h4",{id:"-enhancements-35"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(components): load overrides files for our defined semantic files ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/adde7a9519f38fa779d8d038f3b6817281f0b4a2"},(0,n.yg)("inlineCode",{parentName:"a"},"adde7a9"))),(0,n.yg)("li",{parentName:"ul"},"change(container): fullwidth now take into account devices without hover ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5a35a65ce4928972027325bd01265db3f046f0e8"},(0,n.yg)("inlineCode",{parentName:"a"},"5a35a65"))),(0,n.yg)("li",{parentName:"ul"},"change(container): ensure only the top level elements behave like containers ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/98b85d1fb285919a8851454fa3007131b2a0ffc3"},(0,n.yg)("inlineCode",{parentName:"a"},"98b85d1"))),(0,n.yg)("li",{parentName:"ul"},"change(container): modified column-block grid to remove margin and padding when using full width class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/35c1cee7b3b35e7c361562ab7a430240f0117cc3"},(0,n.yg)("inlineCode",{parentName:"a"},"35c1cee"))),(0,n.yg)("li",{parentName:"ul"},"change(mega-menu): hide home link and accordion content from mobile menu ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1a691729b6d61c0daf46c5de035c1c55b0fda0d9"},(0,n.yg)("inlineCode",{parentName:"a"},"1a69172"))),(0,n.yg)("li",{parentName:"ul"},"change(container): width from min width 1280px to 1365px max width ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/66e551e532da2cc5e9716e5179f943f172663be4"},(0,n.yg)("inlineCode",{parentName:"a"},"66e551e"))),(0,n.yg)("li",{parentName:"ul"},"change(container): removed app extras and view setting of layout sizes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6dc1ee602634df85140f6db75e41293b72eacf1"},(0,n.yg)("inlineCode",{parentName:"a"},"f6dc1ee"))),(0,n.yg)("li",{parentName:"ul"},"change(views): customized DefaultView to pass class into page-document area ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91123aad429f4bb086110b4997e43e9809a97581"},(0,n.yg)("inlineCode",{parentName:"a"},"91123aa"))),(0,n.yg)("li",{parentName:"ul"},"refactor(megaMenu): desktop - use buttons for menu section titles and readjust content ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb9315f2b999193b7b64cec27c49fc8dda306899"},(0,n.yg)("inlineCode",{parentName:"a"},"cb9315f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(megaMenu): add nav_title and nav_description attributes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0d7a5686daab2ecec87d78728437d8f994606448"},(0,n.yg)("inlineCode",{parentName:"a"},"0d7a568"))),(0,n.yg)("li",{parentName:"ul"},"refactor(megaMenu): style sub-title and nav-description ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2a48fd3588ffdc75f61f0b8d52284d13edf2d92"},(0,n.yg)("inlineCode",{parentName:"a"},"b2a48fd"))),(0,n.yg)("li",{parentName:"ul"},"refactor(sidemenu): add third level list and items & update active indication ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2d87da9fddca2b867f3d065a007c0b921587a61"},(0,n.yg)("inlineCode",{parentName:"a"},"e2d87da"))),(0,n.yg)("li",{parentName:"ul"},"change(columns): implement narrow, container and wide width classes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9696b5457e50ba3186406a584da16f5248c14439"},(0,n.yg)("inlineCode",{parentName:"a"},"9696b54"))),(0,n.yg)("li",{parentName:"ul"},"change(container): story to add classes that modify the max width of the containers ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37948f89ee797738bd8bbb0023bc5dca018d7331"},(0,n.yg)("inlineCode",{parentName:"a"},"37948f8"))),(0,n.yg)("li",{parentName:"ul"},"change(container): affect only left and right margin of containers ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/183265b7dd8d20359b6c3956ea05b62df6e70f75"},(0,n.yg)("inlineCode",{parentName:"a"},"183265b"))),(0,n.yg)("li",{parentName:"ul"},"change(containers): modified class names after layout checks ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1dc3689509001031f0afd30422f517de5316e47a"},(0,n.yg)("inlineCode",{parentName:"a"},"1dc3689"))),(0,n.yg)("li",{parentName:"ul"},"refactor(sidemenu): add is_in_path and is_current attributes for an active example ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a3fe7fd8da93db0a065d4408ce154c9d8c26b568"},(0,n.yg)("inlineCode",{parentName:"a"},"a3fe7fd"))),(0,n.yg)("li",{parentName:"ul"},"change(container): story to avoid adding containerwidth property to container div ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c13d83cdbc8741bf4075cdfcd884f39f3f71d73c"},(0,n.yg)("inlineCode",{parentName:"a"},"c13d83c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(megaMenu): mobile - use buttons for menu section titles ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7b632fd29a8ac815d2e590509baa51f1279e659"},(0,n.yg)("inlineCode",{parentName:"a"},"a7b632f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(megaMenu): update padding variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5f25838ba9ec367a58c98c929921ebf09cd8ad8"},(0,n.yg)("inlineCode",{parentName:"a"},"c5f2583"))),(0,n.yg)("li",{parentName:"ul"},"change(views): moved narrow style bellow the default container width styles ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/72fa58dce9ea03a1e4f409a9f9aab21b01efbfc8"},(0,n.yg)("inlineCode",{parentName:"a"},"72fa58d"))),(0,n.yg)("li",{parentName:"ul"},"change(listing): removed container from default view page-document area ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/69f3d8f422e3cb95e89937929aaef48b5569bcdf"},(0,n.yg)("inlineCode",{parentName:"a"},"69f3d8f"))),(0,n.yg)("li",{parentName:"ul"},"change(views): rename classes names to width_view and added app extras layout component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/745b7720839754d1e248795cb1263f8c02f5f3c2"},(0,n.yg)("inlineCode",{parentName:"a"},"745b772"))),(0,n.yg)("li",{parentName:"ul"},"change(container): use important flag for left and right margin ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a49c83abe9a045d28118a680558de5416a0516a3"},(0,n.yg)("inlineCode",{parentName:"a"},"a49c83a"))),(0,n.yg)("li",{parentName:"ul"},"change(container): add variables for edit and add section of containers ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2e2c335dc82c120d15d4c536c400ae742f68fe7"},(0,n.yg)("inlineCode",{parentName:"a"},"f2e2c33"))),(0,n.yg)("li",{parentName:"ul"},"refactor(megaMenu): update sub-title paddings ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/992f919bb5155c8e6fc169e43adf00dcae41f400"},(0,n.yg)("inlineCode",{parentName:"a"},"992f919"))),(0,n.yg)("li",{parentName:"ul"},"change(site): add a 1rem margin top and bottom on all styled classes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dabf6c1162fe23cef61a2053eefd7e687f649a56"},(0,n.yg)("inlineCode",{parentName:"a"},"dabf6c1"))),(0,n.yg)("li",{parentName:"ul"},"change(homepage): removed hiding of staging banner from homepage ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ba2cd7fc17cdf1bf58381aa58e05acad0ac77ba"},(0,n.yg)("inlineCode",{parentName:"a"},"4ba2cd7"))),(0,n.yg)("li",{parentName:"ul"},"change(container): unset values of page-document on 1200+ browser width ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dd5bea37d414e2a8689eaf6cc99c7b3a3d4b0e08"},(0,n.yg)("inlineCode",{parentName:"a"},"dd5bea3"))),(0,n.yg)("li",{parentName:"ul"},"change(megamenu): set children to be appended to the right of the menu title ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b69c23a20ef2ded1f0382650ff8e85d1bead6941"},(0,n.yg)("inlineCode",{parentName:"a"},"b69c23a"))),(0,n.yg)("li",{parentName:"ul"},"change(theme): modified wide width to point to 1320px as it's perfectly divisible by 4 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f825737d6dafd595024bb4537eab624a47a9ad0"},(0,n.yg)("inlineCode",{parentName:"a"},"8f82573"))),(0,n.yg)("li",{parentName:"ul"},"change(theme): modified wide width to point to 1368px as it's perfectly divisible by 4 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2349fee36ee72783665a0b101d684389f1fdf834"},(0,n.yg)("inlineCode",{parentName:"a"},"2349fee"))),(0,n.yg)("li",{parentName:"ul"},"change(container): renamed content-text-width to container-text-width ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6f788c282348292dd4b5deb47ffe83ca4573e5c8"},(0,n.yg)("inlineCode",{parentName:"a"},"6f788c2"))),(0,n.yg)("li",{parentName:"ul"},"change(listing): provide ui container fallback if no class is passed to default view ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af9e94ded1e301f4c811749badbcc1f59e6d0de5"},(0,n.yg)("inlineCode",{parentName:"a"},"af9e94d"))),(0,n.yg)("li",{parentName:"ul"},"change(narrow-view): re-added container class to page-document ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/56b44a6e09d45f96c106dc471bb2e1cde58ef10f"},(0,n.yg)("inlineCode",{parentName:"a"},"56b44a6"))),(0,n.yg)("li",{parentName:"ul"},"change(view): set container width for view-viewview class as well ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/29dc324319d6dc2450dd0e906c1b4c93fd65ed56"},(0,n.yg)("inlineCode",{parentName:"a"},"29dc324")))),(0,n.yg)("h4",{id:"-internal-changes-16"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"style: load header/footer overrides ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e5b5e0fc00c61d81f45c12f119bd2f06a91b1b5c"},(0,n.yg)("inlineCode",{parentName:"a"},"e5b5e0f"))),(0,n.yg)("li",{parentName:"ul"},"style(megaMenu): restore item description color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8a19bbb4866cdeb31d87b782587c499e621055b7"},(0,n.yg)("inlineCode",{parentName:"a"},"8a19bbb"))),(0,n.yg)("li",{parentName:"ul"},"style(megaMenu): restore accordion content bottom padding ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8e0c5a79f06247d353511b412b0122c6f614f5ec"},(0,n.yg)("inlineCode",{parentName:"a"},"8e0c5a7")))),(0,n.yg)("h4",{id:"\ufe0f-others-42"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Add subsite styling ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e79c0ed7931d6287dbeb3bab1e9155b8707481a3"},(0,n.yg)("inlineCode",{parentName:"a"},"e79c0ed"))),(0,n.yg)("li",{parentName:"ul"},"WIP settings column grid width when using full size class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/affc7ac99527aa92d5a192d90dc8c9ec46a66404"},(0,n.yg)("inlineCode",{parentName:"a"},"affc7ac"))),(0,n.yg)("li",{parentName:"ul"},"code cleanup ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2cdc3e590b6d36865f16890c45ce56d32963e1d0"},(0,n.yg)("inlineCode",{parentName:"a"},"2cdc3e5"))),(0,n.yg)("li",{parentName:"ul"},"fix eslint ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/30c52e4eb443555ca44c1b35df064e73d52c0a8b"},(0,n.yg)("inlineCode",{parentName:"a"},"30c52e4"))),(0,n.yg)("li",{parentName:"ul"},"test(estlint): Fix .project.eslintrc.js ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aaeaa07b27491551daba29bbfdd7cab4a54b6bec"},(0,n.yg)("inlineCode",{parentName:"a"},"aaeaa07"))),(0,n.yg)("li",{parentName:"ul"},"modified left value of full width classes with toolbars ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70d82d47fbc2c00a3a709de0d5c087c8443a1eae"},(0,n.yg)("inlineCode",{parentName:"a"},"70d82d4"))),(0,n.yg)("li",{parentName:"ul"},"Release 1.0.0-alpha.3 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8fc86a7d0bf4ad06ab339b3066ff56ea61d48878"},(0,n.yg)("inlineCode",{parentName:"a"},"8fc86a7"))),(0,n.yg)("li",{parentName:"ul"},"feature(content): added NarrowView useful for modifying the containers from content-area ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d937df7c262e8d8cc6e78eebec736e28263fc657"},(0,n.yg)("inlineCode",{parentName:"a"},"d937df7"))),(0,n.yg)("li",{parentName:"ul"},"jslint fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/98461593605344d0b6d8cba81f91d1cafc2653cd"},(0,n.yg)("inlineCode",{parentName:"a"},"9846159"))),(0,n.yg)("li",{parentName:"ul"},"Feature(container): flexible container size #260 from eea/feature-flexible-container ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f84c5b67afe9cbe01b2a44a8f92a9a554e1036a"},(0,n.yg)("inlineCode",{parentName:"a"},"8f84c5b"))),(0,n.yg)("li",{parentName:"ul"},"Add Sonarqube tag using circularity-frontend addons list ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/76a41c786995fd54afe4d1c345de939f683ffa70"},(0,n.yg)("inlineCode",{parentName:"a"},"76a41c7"))),(0,n.yg)("li",{parentName:"ul"},"fix broken variable call for contentBox.variables introduced in previous commit by mistake ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d249c1160d19bedb174a2fde3fdab48d9ce297d4"},(0,n.yg)("inlineCode",{parentName:"a"},"d249c11"))),(0,n.yg)("li",{parentName:"ul"},"clean up ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/89f3cb33d70a14806a953f0acd1807e94169ee5c"},(0,n.yg)("inlineCode",{parentName:"a"},"89f3cb3"))),(0,n.yg)("li",{parentName:"ul"},"removed console log from code ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fad86ae581dd81d0c29fc03d8528e57cadadd3fb"},(0,n.yg)("inlineCode",{parentName:"a"},"fad86ae")))),(0,n.yg)("h3",{id:"100-alpha2---2022-10-28"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.1...1.0.0-alpha.2"},"1.0.0-alpha.2")," - 2022-10-28"),(0,n.yg)("h4",{id:"-enhancements-36"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(documentation): grammarly proof-read suggestions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f609be3758673b0d479d99baee69e7238a5b7f9"},(0,n.yg)("inlineCode",{parentName:"a"},"9f609be"))),(0,n.yg)("li",{parentName:"ul"},"refactor(volto-slate): Upgrade to @plone/volto-slate - refs #153447 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/853d9d189dd17859e3999fbf53507df7083eefb4"},(0,n.yg)("inlineCode",{parentName:"a"},"853d9d1")))),(0,n.yg)("h4",{id:"-internal-changes-17"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"chore(docs): Back to dev ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e33113a0541d082d93f61c7494bcce2ac5f79a8c"},(0,n.yg)("inlineCode",{parentName:"a"},"e33113a")))),(0,n.yg)("h4",{id:"\ufe0f-others-43"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"test(cypress): Upgrade to Cypress 10 / Razzle 4 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c1c1f4b280945a9f0b77eb0b59de003c1360bac9"},(0,n.yg)("inlineCode",{parentName:"a"},"c1c1f4b"))),(0,n.yg)("li",{parentName:"ul"},"more explanations ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a8b22728659125ba6ea6fb41f29571a8f1b9953b"},(0,n.yg)("inlineCode",{parentName:"a"},"a8b2272"))),(0,n.yg)("li",{parentName:"ul"},"add announcement bar, showing that EEA DS is WIP ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e14aeac02cf922493aff4f83c8d80af95cc63eb9"},(0,n.yg)("inlineCode",{parentName:"a"},"e14aeac"))),(0,n.yg)("li",{parentName:"ul"},"Update dependencies ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee30a2bad3769163d3ab4d996c0a7be8fcb4bc6e"},(0,n.yg)("inlineCode",{parentName:"a"},"ee30a2b")))),(0,n.yg)("h3",{id:"100-alpha1---2022-10-20"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.9.6...1.0.0-alpha.1"},"1.0.0-alpha.1")," - 2022-10-20"),(0,n.yg)("h4",{id:"-enhancements-37"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(footer): update svg and tablet contact link sizes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6aba061a5d37e84da706e94a2ce1140ffca81d43"},(0,n.yg)("inlineCode",{parentName:"a"},"6aba061"))),(0,n.yg)("li",{parentName:"ul"},"change(blockquote): renamed to Callout reflecting the correct naming from Storybook ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/61a518c84f08b03d29b99aafce3d9108ae56b3a7"},(0,n.yg)("inlineCode",{parentName:"a"},"61a518c"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): Shadow removed from logo & tablet updates #252 from eea/fix-footer ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6df783d6571cb1b477202bf1d503763d98db66bf"},(0,n.yg)("inlineCode",{parentName:"a"},"6df783d"))),(0,n.yg)("li",{parentName:"ul"},"change(colors): updated theme classes for text to use css variable colors ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb089fd9a40b67430e0d4efaa2cb51902a46de4f"},(0,n.yg)("inlineCode",{parentName:"a"},"cb089fd")))),(0,n.yg)("h4",{id:"-internal-changes-18"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"style(footer): reduce social icons margin ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6a9cf7a6da4a46d9b85a63fbdfc8d421ae4c0d8"},(0,n.yg)("inlineCode",{parentName:"a"},"f6a9cf7")))),(0,n.yg)("h4",{id:"-documentation-changes-13"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(alpha): Update included components in 1.0 alpha version - refs #154387 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fcc5af9bb9163d158ccd6ce452d7f80ac26f7ac0"},(0,n.yg)("inlineCode",{parentName:"a"},"fcc5af9"))),(0,n.yg)("li",{parentName:"ul"},"docs(callout): Rename Blockqoute to Callout in docusaurus - refs #154387 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8d733ac7b00273581575ceddd1a4480ba67fa498"},(0,n.yg)("inlineCode",{parentName:"a"},"8d733ac")))),(0,n.yg)("h4",{id:"\ufe0f-others-44"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Release 1.0.0-alpha.1 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70e4d97c6a2b13f3b98efe1e2ba93174be2df476"},(0,n.yg)("inlineCode",{parentName:"a"},"70e4d97")))),(0,n.yg)("h3",{id:"096---2022-12-16"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.9.5...0.9.6"},"0.9.6")," - 2022-12-16"),(0,n.yg)("h4",{id:"\ufe0f-others-45"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Release 0.9.6 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ae19b837678ef5a6a26ebe7c69577e446b13ed50"},(0,n.yg)("inlineCode",{parentName:"a"},"ae19b83"))),(0,n.yg)("li",{parentName:"ul"},"feature(copyright): image information #250 from eea/feature-copyright ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7b323ed27e15f9b4265618099089526c97aa89a1"},(0,n.yg)("inlineCode",{parentName:"a"},"7b323ed"))),(0,n.yg)("li",{parentName:"ul"},"Release-it ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f5671de5a36a721f86a2f8ae4077fd2e0ffafb5"},(0,n.yg)("inlineCode",{parentName:"a"},"1f5671d")))),(0,n.yg)("h3",{id:"095---2022-10-20"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.9.4...0.9.5"},"0.9.5")," - 2022-10-20"),(0,n.yg)("h4",{id:"-bug-fixes-39"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(statistic): margin and slate colors when using the inverted options ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f263dea1940594ad00b3548c8640ca378fee5563"},(0,n.yg)("inlineCode",{parentName:"a"},"f263dea")))),(0,n.yg)("h3",{id:"094---2022-10-19"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.9.3...0.9.4"},"0.9.4")," - 2022-10-19"),(0,n.yg)("h4",{id:"-bug-fixes-40"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(edit-interface): block chooser and power user menu item colors when inside content-box ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7aee4f1619a0d798b5fd8d90844a780c25aca019"},(0,n.yg)("inlineCode",{parentName:"a"},"7aee4f1"))),(0,n.yg)("li",{parentName:"ul"},"fix(header): hero text going over the logo and menu on mobile resolutions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1434508f5995d4316dfb2fd18fdc7926a4ece6ee"},(0,n.yg)("inlineCode",{parentName:"a"},"1434508"))),(0,n.yg)("li",{parentName:"ul"},"fix(content-box): z-index of box-inner and added underline to slate links ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c8b7c7e41df39e1bf6377401a7aad4220287d454"},(0,n.yg)("inlineCode",{parentName:"a"},"c8b7c7e"))),(0,n.yg)("li",{parentName:"ul"},"fix(content-box): adding of underline to links ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c2f5f0f45963e48342edb0046d84b945ffe4b6a8"},(0,n.yg)("inlineCode",{parentName:"a"},"c2f5f0f")))),(0,n.yg)("h4",{id:"-enhancements-38"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(banner,colors): content box theme aware colors banner changes#254 from eea/develop ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bcb9a8cde0cb0f927a68c0872e590e5ab853f824"},(0,n.yg)("inlineCode",{parentName:"a"},"bcb9a8c"))),(0,n.yg)("li",{parentName:"ul"},"change(Banner): Add subtitle subcomponent ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb67f4c83a2ff0e17958116fc4a52a426ba64a70"},(0,n.yg)("inlineCode",{parentName:"a"},"bb67f4c"))),(0,n.yg)("li",{parentName:"ul"},"change(item): moved svg filter definitions to item.overrides ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de703661065648968903bb6b46efc13d19c51d2b"},(0,n.yg)("inlineCode",{parentName:"a"},"de70366"))),(0,n.yg)("li",{parentName:"ul"},"change(accordion): accordion titles with themes colors can now be modified by css variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2ac13ea56a74b2f7a22abc274bc94c770fbe3a2"},(0,n.yg)("inlineCode",{parentName:"a"},"e2ac13e"))),(0,n.yg)("li",{parentName:"ul"},"change(colors): in lists and callouts to allow color changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/940d1b8ed815b1a38f78d7602f0b221b48fe21f9"},(0,n.yg)("inlineCode",{parentName:"a"},"940d1b8"))),(0,n.yg)("li",{parentName:"ul"},"change(colors): added backgroundColorSupplementary color variable ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f5262af2b90d2ffd9dd5560232f3bf47bcc85e3"},(0,n.yg)("inlineCode",{parentName:"a"},"1f5262a"))),(0,n.yg)("li",{parentName:"ul"},"change(list,bullet): color is no longer primary instead it's text color css variant ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8c046704871c7202406ff71b280a8a34e195e54d"},(0,n.yg)("inlineCode",{parentName:"a"},"8c04670"))),(0,n.yg)("li",{parentName:"ul"},"change(statistics): use theme colors with css variable for easy color customization ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fb72a012e81eba73fbace58317a52b5cdda31ee5"},(0,n.yg)("inlineCode",{parentName:"a"},"fb72a01"))),(0,n.yg)("li",{parentName:"ul"},"change(Banner): Show label in metadata field ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1acda3c53739b610b501a53baf10226769929d2d"},(0,n.yg)("inlineCode",{parentName:"a"},"1acda3c"))),(0,n.yg)("li",{parentName:"ul"},"change(tags, items): use text color with css variable for content color for easy customization ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6660e2e49c6e732a13283ad7c922c5a5091bffc1"},(0,n.yg)("inlineCode",{parentName:"a"},"6660e2e"))),(0,n.yg)("li",{parentName:"ul"},"change(styling): modified naming of theme css variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a332961e1c4d55cdee3a8bcdf652f53cf03e251b"},(0,n.yg)("inlineCode",{parentName:"a"},"a332961"))),(0,n.yg)("li",{parentName:"ul"},"change(colors): added backgroundColor color variable ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7e68311f77a724c49a3cf858a76239ca5f6876c"},(0,n.yg)("inlineCode",{parentName:"a"},"b7e6831"))),(0,n.yg)("li",{parentName:"ul"},"change(quote): use secondary css var for easier color replacement ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a3231228c2eb9b420cc7b59a4a07fba96643e5e"},(0,n.yg)("inlineCode",{parentName:"a"},"7a32312"))),(0,n.yg)("li",{parentName:"ul"},"change(statistics): tweaked margin of statistics so that they don't overflow over context boxes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b4a8e33dfaa716f38ac9ce5448d400c74ef9ba62"},(0,n.yg)("inlineCode",{parentName:"a"},"b4a8e33"))),(0,n.yg)("li",{parentName:"ul"},"change(accordion): allow customization of accordion title background color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6590baf1716867eabe897e765ae1924122ba2333"},(0,n.yg)("inlineCode",{parentName:"a"},"6590baf"))),(0,n.yg)("li",{parentName:"ul"},"change(colors): introduced css variables for primary colors #247 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac8082590f978ab953ece70082e06b124c292ddf"},(0,n.yg)("inlineCode",{parentName:"a"},"ac80825"))),(0,n.yg)("li",{parentName:"ul"},"change(content-box): override primary text color to white as well ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/28b43c72b9fcfeb153ac7e734bbbca67f2e42111"},(0,n.yg)("inlineCode",{parentName:"a"},"28b43c7")))),(0,n.yg)("h4",{id:"\ufe0f-others-46"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Include changes in the storybook ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4d9fa4c631a6a1ec0d7d525721fd32c5ff01d9c"},(0,n.yg)("inlineCode",{parentName:"a"},"a4d9fa4")))),(0,n.yg)("h3",{id:"093---2022-10-04"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.9.2...0.9.3"},"0.9.3")," - 2022-10-04"),(0,n.yg)("h4",{id:"-bug-fixes-41"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(card, contentBox): meta font size, removed header override of cards ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7f94b9ca8c65a887ced5c4812563a2226fca869"},(0,n.yg)("inlineCode",{parentName:"a"},"a7f94b9"))),(0,n.yg)("li",{parentName:"ul"},"fix(List): Ordered list item story - refs #155248 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c70a2bceecf4ce9497cbe0e9cdb30944fff2287d"},(0,n.yg)("inlineCode",{parentName:"a"},"c70a2bc"))),(0,n.yg)("li",{parentName:"ul"},"fix(OrderedList): li third level margin left - refs #155248 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fba5cb9d3897d2827951cd218405b1ae7c8e818a"},(0,n.yg)("inlineCode",{parentName:"a"},"fba5cb9"))),(0,n.yg)("li",{parentName:"ul"},"fix(cards): inherit color of card description ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ceda79971663785c81292b85ae07b7f9f922213c"},(0,n.yg)("inlineCode",{parentName:"a"},"ceda799"))),(0,n.yg)("li",{parentName:"ul"},"fix(accordion): Fix content default padding - refs #153783 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/566adf7a53c48fb24044eeba1d159d5ce715ecc6"},(0,n.yg)("inlineCode",{parentName:"a"},"566adf7")))),(0,n.yg)("h4",{id:"-enhancements-39"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(site): committed fixed from custom into eea design package ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9b9a1fd3648796a502ca4eb3abd08b61b33bdff2"},(0,n.yg)("inlineCode",{parentName:"a"},"9b9a1fd"))),(0,n.yg)("li",{parentName:"ul"},"change(jenkins): added yarn policy for storybook building ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3d1b844efeea40b99c00c9aa97089e0a0be58a57"},(0,n.yg)("inlineCode",{parentName:"a"},"3d1b844"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): typography updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/60a93a4aece4e478ae13c2dfe697fd3703aa178a"},(0,n.yg)("inlineCode",{parentName:"a"},"60a93a4"))),(0,n.yg)("li",{parentName:"ul"},"change(item): added item image coloring when applying theming classes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0403fe4974f37a46ec7418d9b8492ad74d7c5688"},(0,n.yg)("inlineCode",{parentName:"a"},"0403fe4"))),(0,n.yg)("li",{parentName:"ul"},"change(accordion, site): change text color to tertiary instead of black ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/464105842508a62216aa0a3f28e9565af1b93232"},(0,n.yg)("inlineCode",{parentName:"a"},"4641058"))),(0,n.yg)("li",{parentName:"ul"},"change(accordion): allow customization of accordion title with css variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15e7d27f02c640df582f51a51ef36e645723f842"},(0,n.yg)("inlineCode",{parentName:"a"},"15e7d27"))),(0,n.yg)("li",{parentName:"ul"},"change(content-box): added css variables that will set text color and background for children ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/86cac531cc94386b6022e1be80dba826b39f2443"},(0,n.yg)("inlineCode",{parentName:"a"},"86cac53"))),(0,n.yg)("li",{parentName:"ul"},"change(tabs): allow customization of tab active and hover color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4370f4270dcaa29b1193fc2347567b748f6d5d82"},(0,n.yg)("inlineCode",{parentName:"a"},"4370f42"))),(0,n.yg)("li",{parentName:"ul"},"change(tabs): color for tabs-block section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6778c923618e725194120d7f35e2ee7d66e1be8e"},(0,n.yg)("inlineCode",{parentName:"a"},"6778c92"))),(0,n.yg)("li",{parentName:"ul"},"change(cards): by default date is set to appear on the right of the meta section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7b80e86b69a0179f1e48748bef909bbd2a98d58"},(0,n.yg)("inlineCode",{parentName:"a"},"b7b80e8"))),(0,n.yg)("li",{parentName:"ul"},"change(cards): carousel dots are now relative positioned ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/daa40a4ab6532497830d5f7536bf0a7f20d9cd00"},(0,n.yg)("inlineCode",{parentName:"a"},"daa40a4")))),(0,n.yg)("h4",{id:"-documentation-changes-14"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(typography): update, local fonts ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/39a32d9aa4dec21c0e7df32aa5798432fc6bd403"},(0,n.yg)("inlineCode",{parentName:"a"},"39a32d9"))),(0,n.yg)("li",{parentName:"ul"},"docs(typography): token fix to match used values for heightheight and letterspacing ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91693ecd2dd367cd83fa2752756557d463e214a7"},(0,n.yg)("inlineCode",{parentName:"a"},"91693ec"))),(0,n.yg)("li",{parentName:"ul"},"docs(typography): token fix to match used values for lineheight ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff41b56b4365a3e70ac20e548c7c74671e7c584c"},(0,n.yg)("inlineCode",{parentName:"a"},"ff41b56"))),(0,n.yg)("li",{parentName:"ul"},"docs(typography): remove semibold ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6eb3e0856f01aacf6d294f68e7d845f74f752685"},(0,n.yg)("inlineCode",{parentName:"a"},"6eb3e08")))),(0,n.yg)("h4",{id:"\ufe0f-others-47"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"test(cypress): Fix md5 dependency ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/17f618e7c5eef01759494e787a8c9cb96449fbca"},(0,n.yg)("inlineCode",{parentName:"a"},"17f618e")))),(0,n.yg)("h3",{id:"092---2022-09-27"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.9.1...0.9.2"},"0.9.2")," - 2022-09-27"),(0,n.yg)("h3",{id:"091---2022-09-27"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.9.0...0.9.1"},"0.9.1")," - 2022-09-27"),(0,n.yg)("h4",{id:"-enhancements-40"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(cards): added ability to change the text alignment using css variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ed532ac20c82a6933c4f12613c80ce92eec78405"},(0,n.yg)("inlineCode",{parentName:"a"},"ed532ac"))),(0,n.yg)("li",{parentName:"ul"},"change(styles): use flex-end values only instead of end to avoid babel warning ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/24244b22ea69b9f4dc3006597c7836f814b74cf2"},(0,n.yg)("inlineCode",{parentName:"a"},"24244b2"))),(0,n.yg)("li",{parentName:"ul"},"change(rounded): image size, border radius to ensure more image are turned into rounded options ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51e23c1bb38f277b2bfbad5d814925eb61d17668"},(0,n.yg)("inlineCode",{parentName:"a"},"51e23c1")))),(0,n.yg)("h4",{id:"\ufe0f-others-48"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Merge pull request #243 from eea/develop ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/576564ce395ee6ac9e74bcb19d5c4f0b4cd3c33b"},(0,n.yg)("inlineCode",{parentName:"a"},"576564c"))),(0,n.yg)("li",{parentName:"ul"},"Add Sonarqube tag using eea-website-frontend addons list ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a5be6eec78dae230626e61ea2c77e7f3c62510d"},(0,n.yg)("inlineCode",{parentName:"a"},"4a5be6e"))),(0,n.yg)("li",{parentName:"ul"},"Back to dev ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b251255a7ed14d8290717726d86eaf54b87aa2d4"},(0,n.yg)("inlineCode",{parentName:"a"},"b251255")))),(0,n.yg)("h3",{id:"090---2022-09-19"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.8.1...0.9.0"},"0.9.0")," - 2022-09-19"),(0,n.yg)("h4",{id:"-new-features-26"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(countUp): intall countup package and import it in statistics ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/10ba7cf2975ffc33cc8e6965998b7ab7ec58b1ab"},(0,n.yg)("inlineCode",{parentName:"a"},"10ba7cf"))),(0,n.yg)("li",{parentName:"ul"},"feat(docusaurus): custom editUrl function for the components usage pages - taskman refs #154076 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93c4240f269d72e4e353665dacd57d079a31afac"},(0,n.yg)("inlineCode",{parentName:"a"},"93c4240"))),(0,n.yg)("li",{parentName:"ul"},"feat(site): Styling scroll-to-text fragments #238 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1883fcf4e80055f68bdff4d66fc6db3ccad4614a"},(0,n.yg)("inlineCode",{parentName:"a"},"1883fcf"))),(0,n.yg)("li",{parentName:"ul"},"feat(docusaurus): added Edit this page link in footer of each page - taskman refs #154076 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2cf8746e42631ea2e214223e208bdbfb76ffafa7"},(0,n.yg)("inlineCode",{parentName:"a"},"2cf8746")))),(0,n.yg)("h4",{id:"-bug-fixes-42"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(header): Prevent dropdown closing when clicking inside content ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/838f34006260ce7c331fd933a595e95d78e1a927"},(0,n.yg)("inlineCode",{parentName:"a"},"838f340"))),(0,n.yg)("li",{parentName:"ul"},"fix(cards): position of bullets and arrow clicking on events page 148723 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/22ef8282247401b0f8cf5a44f2e65f0b469cc6fa"},(0,n.yg)("inlineCode",{parentName:"a"},"22ef828"))),(0,n.yg)("li",{parentName:"ul"},"fix(cards): rounded images show up now even when card parent is cards ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48f5e81a5b76168435537d92aec35ab3a184b4d2"},(0,n.yg)("inlineCode",{parentName:"a"},"48f5e81"))),(0,n.yg)("li",{parentName:"ul"},"fix(statistic): add a min-width to content so unwrapped statistics don't break ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7c5d511c35d50f3afabf77f14b27e5760c49051f"},(0,n.yg)("inlineCode",{parentName:"a"},"7c5d511"))),(0,n.yg)("li",{parentName:"ul"},"fix(sideNavigation): add role list to list item ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/58f322b732c995349ba588db3bac6a1ffea40f89"},(0,n.yg)("inlineCode",{parentName:"a"},"58f322b"))),(0,n.yg)("li",{parentName:"ul"},"fix(sideNavigation): remove unused useState import ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f9ea6779d2c584203b77f11b3127f39aba7799f3"},(0,n.yg)("inlineCode",{parentName:"a"},"f9ea677")))),(0,n.yg)("h4",{id:"-enhancements-41"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(sideNavigation): implement the design to the initial navigation & make component dynamic ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b673d63a45e56e1d05354d8675c01b15ec9543f5"},(0,n.yg)("inlineCode",{parentName:"a"},"b673d63"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): update top bar ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/626bdd5805bde1e97b91d83dae7adc1d39c62234"},(0,n.yg)("inlineCode",{parentName:"a"},"626bdd5"))),(0,n.yg)("li",{parentName:"ul"},"refactor(statistic): create custom export and add links ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f9ed560a68d261e9e6a9b6fa3c44944a252e596"},(0,n.yg)("inlineCode",{parentName:"a"},"9f9ed56"))),(0,n.yg)("li",{parentName:"ul"},"refactor(statistic): update inverted style and add background variations ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7578dc6a408094fbc215218b3ffe21a878841568"},(0,n.yg)("inlineCode",{parentName:"a"},"7578dc6"))),(0,n.yg)("li",{parentName:"ul"},"refactor(statistic): remove horizontal display on mobiles & update columns control ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/58f00e12851c4a1af1bb200d0577d76f6222df3c"},(0,n.yg)("inlineCode",{parentName:"a"},"58f00e1"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): minor fixes spotted in testing ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0f0f3aba7ea282c4ecc4f602f9ff3144c04e2146"},(0,n.yg)("inlineCode",{parentName:"a"},"0f0f3ab"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): update main section heights ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d669f012f1b831952dbb73b7d40134b1243ba7e4"},(0,n.yg)("inlineCode",{parentName:"a"},"d669f01"))),(0,n.yg)("li",{parentName:"ul"},"refactor(sideNavigation): remove green border and divider ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/939cd9bf2a9a7338fd770550a8396586c5f610b3"},(0,n.yg)("inlineCode",{parentName:"a"},"939cd9b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(link): update colors for link states ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e9f59950838f9119131797550945963c2965dcf"},(0,n.yg)("inlineCode",{parentName:"a"},"3e9f599"))),(0,n.yg)("li",{parentName:"ul"},"change(cards): styles img tag outside of .image ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee892745a4748da12007ba5cedab16c1810c1dd9"},(0,n.yg)("inlineCode",{parentName:"a"},"ee89274"))),(0,n.yg)("li",{parentName:"ul"},"refactor(sideNavigation): update controls ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a3e8430d88ee52fd92f4f8c2d6f5e01ea82dd9eb"},(0,n.yg)("inlineCode",{parentName:"a"},"a3e8430"))),(0,n.yg)("li",{parentName:"ul"},"refactor(statistic): fix firefox issue for fit content ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87aa113667ea53d83d479cd52347e7298e60e9b0"},(0,n.yg)("inlineCode",{parentName:"a"},"87aa113"))),(0,n.yg)("li",{parentName:"ul"},"change(statistics): rearrange controls order ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b19ae70568f18873732ff62ee82251c9256a214d"},(0,n.yg)("inlineCode",{parentName:"a"},"b19ae70"))),(0,n.yg)("li",{parentName:"ul"},"refactor(statistic): add max width to wrap text for all content ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/758f8ce09f78a6343ac0226e5d332c0216dea95b"},(0,n.yg)("inlineCode",{parentName:"a"},"758f8ce"))),(0,n.yg)("li",{parentName:"ul"},"refactor(statistic): add max width to label so it wraps the text ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/824a12702f133485a1c254e267d9e75c1b22048c"},(0,n.yg)("inlineCode",{parentName:"a"},"824a127"))),(0,n.yg)("li",{parentName:"ul"},"change(Side menu & in page navigation): styling according to figma design #221 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2df858a2dc88f61d686ad0991e711dc763f4cc6"},(0,n.yg)("inlineCode",{parentName:"a"},"b2df858"))),(0,n.yg)("li",{parentName:"ul"},"change(header): align header with latest figma changes #232 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/135cd68307c6ebdc5d48b361d1696457c6f99b4c"},(0,n.yg)("inlineCode",{parentName:"a"},"135cd68"))),(0,n.yg)("li",{parentName:"ul"},"change(cards): integration when cards also contain call to action buttons ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f0d876616b211c79dde5b18c1fe862ff019073a1"},(0,n.yg)("inlineCode",{parentName:"a"},"f0d8766"))),(0,n.yg)("li",{parentName:"ul"},"refactor(iconography): icon group headings ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9ccd8031049d6b91c5676930ea3e44d9587435d"},(0,n.yg)("inlineCode",{parentName:"a"},"b9ccd80"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): add variables for some sizes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8eae84ef665d7b3331090a8a8ac6b714ecdacbb3"},(0,n.yg)("inlineCode",{parentName:"a"},"8eae84e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Statisctic): Rename slateVariation to extraVariation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a07c5896c8c4b8f3179622f335e3f02e68dadfbd"},(0,n.yg)("inlineCode",{parentName:"a"},"a07c589"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): started example on how to add headings for iconography ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/53cf8431446954eee6c5d27be31e15c075ffe16d"},(0,n.yg)("inlineCode",{parentName:"a"},"53cf843"))),(0,n.yg)("li",{parentName:"ul"},"change(cards): remove center alignment of rounded cards body area, only the image is now centered ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fdfac4876903272b437c7dcf0e65f7cfe66bbf66"},(0,n.yg)("inlineCode",{parentName:"a"},"fdfac48"))),(0,n.yg)("li",{parentName:"ul"},"change(color): updated link colors #234 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/feabfe7a3b6d6b89bfd4065a32bae8148ddc5a4c"},(0,n.yg)("inlineCode",{parentName:"a"},"feabfe7"))),(0,n.yg)("li",{parentName:"ul"},"change(mockup): Access to figma style tokens ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0bb25bec495f9046a15924ee92f4f17152148ba8"},(0,n.yg)("inlineCode",{parentName:"a"},"0bb25be"))),(0,n.yg)("li",{parentName:"ul"},"refactor(statistic): update margin ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5190f56e134d672ccb9d5d1a8efacac4d41530d3"},(0,n.yg)("inlineCode",{parentName:"a"},"5190f56"))),(0,n.yg)("li",{parentName:"ul"},"refactor(button): adjust vertical margin ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/db6d44102171738907b4b03fcc5f526463f59389"},(0,n.yg)("inlineCode",{parentName:"a"},"db6d441")))),(0,n.yg)("h4",{id:"-internal-changes-19"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"style(statistic): update decimal point ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7976aa4cac4c56e70e196eb62791a2b3f2aba749"},(0,n.yg)("inlineCode",{parentName:"a"},"7976aa4"))),(0,n.yg)("li",{parentName:"ul"},"style(link): update visited link color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d3b18b305bb2bd2f20bb2509584a6bc86b0e252c"},(0,n.yg)("inlineCode",{parentName:"a"},"d3b18b3")))),(0,n.yg)("h4",{id:"-documentation-changes-15"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(iconography): added icons, guidelines ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0073f1d42600be1d14bff406083b112014a2061f"},(0,n.yg)("inlineCode",{parentName:"a"},"0073f1d")))),(0,n.yg)("h4",{id:"\ufe0f-others-49"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Delete 2-test-new-page.md ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/749eff9b81e1c08068650cff1aba6cd574ea403b"},(0,n.yg)("inlineCode",{parentName:"a"},"749eff9"))),(0,n.yg)("li",{parentName:"ul"},"Create 2-test-new-page ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab623ffc27f65e3e5fdcfe627009df1799582325"},(0,n.yg)("inlineCode",{parentName:"a"},"ab623ff"))),(0,n.yg)("li",{parentName:"ul"},"Release 0.9.0 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eb7e2e57b5f2778e709b67deee3624f6e9f9e716"},(0,n.yg)("inlineCode",{parentName:"a"},"eb7e2e5"))),(0,n.yg)("li",{parentName:"ul"},"stylelint fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/114e3f97c6209f100aae2d6e24c595b7ba0a6500"},(0,n.yg)("inlineCode",{parentName:"a"},"114e3f9"))),(0,n.yg)("li",{parentName:"ul"},"Move text fragments style to site.overrides ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8368cbe2cecfc296a2fc81dd0bb49cb9e9a9314c"},(0,n.yg)("inlineCode",{parentName:"a"},"8368cbe"))),(0,n.yg)("li",{parentName:"ul"},"Styling scroll-to-text fragments ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1bb39148717cdac922c403a0cdbfa3681a65dd9f"},(0,n.yg)("inlineCode",{parentName:"a"},"1bb3914"))),(0,n.yg)("li",{parentName:"ul"},"Update Header.stories.js ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9036c74d54640df2ccfcfdea9ddcdb29787d8ae2"},(0,n.yg)("inlineCode",{parentName:"a"},"9036c74"))),(0,n.yg)("li",{parentName:"ul"},"feature(Docusaurus): Reflect usage of remixicon in iconography page #239 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0802b32c13d978e380960befb78647dadb2d7e53"},(0,n.yg)("inlineCode",{parentName:"a"},"0802b32"))),(0,n.yg)("li",{parentName:"ul"},"Update 1-design.md ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/146115a13ac7a1943b6878df42f0b8e7f1fcd3f1"},(0,n.yg)("inlineCode",{parentName:"a"},"146115a"))),(0,n.yg)("li",{parentName:"ul"},"Test workflow for contribution - taskman refs #154076 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dcb924f79306ba26bb5168ac0a12d82c0c354caa"},(0,n.yg)("inlineCode",{parentName:"a"},"dcb924f"))),(0,n.yg)("li",{parentName:"ul"},"perf(figma): access to style tokens ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/27d8dbe3c282e187f93bc4d93a0c9aa5c8162b00"},(0,n.yg)("inlineCode",{parentName:"a"},"27d8dbe"))),(0,n.yg)("li",{parentName:"ul"},"Rename 2-test-new-page to 2-test-new-page.md ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e3be106cc4739e60ee5038901dbb626cf17f2e7"},(0,n.yg)("inlineCode",{parentName:"a"},"4e3be10")))),(0,n.yg)("h3",{id:"081---2022-08-26"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.8.0...0.8.1"},"0.8.1")," - 2022-08-26"),(0,n.yg)("h4",{id:"-bug-fixes-43"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(message): fix size controls ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee51e1dca4f84aeb9e39be525016f751acc147de"},(0,n.yg)("inlineCode",{parentName:"a"},"ee51e1d"))),(0,n.yg)("li",{parentName:"ul"},"fix(docusaurus): intro page hero title color now that headers are using tertiary color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/618e3cb7ac5533b1c087aea10452947c8676ab4e"},(0,n.yg)("inlineCode",{parentName:"a"},"618e3cb")))),(0,n.yg)("h4",{id:"-enhancements-42"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(message): restore semantic variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1c16621b4862efc64d82d475798ed40938c65f5e"},(0,n.yg)("inlineCode",{parentName:"a"},"1c16621"))),(0,n.yg)("li",{parentName:"ul"},"refactor(messages): mix semantc and token colors for messages ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/12efa75c30956df9958058242be4b8732819a5a1"},(0,n.yg)("inlineCode",{parentName:"a"},"12efa75"))),(0,n.yg)("li",{parentName:"ul"},"refactor(emotiveColors): temp update for tests ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/61a720c1ddbbad2c5bab17c8b2f890618f2a747c"},(0,n.yg)("inlineCode",{parentName:"a"},"61a720c"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): removed line between sections and moved actions back to the bottom of footer ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d9f33e4cf5a517acfbae497d6cb2fdccb048c281"},(0,n.yg)("inlineCode",{parentName:"a"},"d9f33e4"))),(0,n.yg)("li",{parentName:"ul"},"change(storybook): headings storybook now uses tertiary color by default reflecting site options ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1061e7749de2d4fe1233ccdc7f6f835ad491504a"},(0,n.yg)("inlineCode",{parentName:"a"},"1061e77"))),(0,n.yg)("li",{parentName:"ul"},"refactor(message): add container to story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1259ecead7162d2a46f5e802ba07e7e0dcb72e42"},(0,n.yg)("inlineCode",{parentName:"a"},"1259ece"))),(0,n.yg)("li",{parentName:"ul"},"refactor(message): remove override with custom background color on error ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9b40cd7ef2cca901e65a812585943c2e2d867b5f"},(0,n.yg)("inlineCode",{parentName:"a"},"9b40cd7"))),(0,n.yg)("li",{parentName:"ul"},"refactor(message): add header controls ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/960c2f7b524b1f049bb2f666e3e8278feca506da"},(0,n.yg)("inlineCode",{parentName:"a"},"960c2f7"))),(0,n.yg)("li",{parentName:"ul"},"change(message): use semantic colors for messages #204 from eea/refactor-message ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/22d2c43cd55a82621f2da3103652677b4b45db1a"},(0,n.yg)("inlineCode",{parentName:"a"},"22d2c43")))),(0,n.yg)("h4",{id:"-documentation-changes-16"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(figma): added figma files to repo ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6bd4144ffc9c563ce224a07fe942fc4f2615c53f"},(0,n.yg)("inlineCode",{parentName:"a"},"6bd4144")))),(0,n.yg)("h3",{id:"080---2022-08-20"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.7.6...0.8.0"},"0.8.0")," - 2022-08-20"),(0,n.yg)("h4",{id:"-new-features-27"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(IconCard): card with icon instead of image ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a85a1791e3a1245474dcafc4fd833350156dccb4"},(0,n.yg)("inlineCode",{parentName:"a"},"a85a179")))),(0,n.yg)("h4",{id:"-bug-fixes-44"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(docusaurus): typography guideline now has real font values for headings, body, caption and small text ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9508db918687b524c4d464539b9a4667399abb43"},(0,n.yg)("inlineCode",{parentName:"a"},"9508db9"))),(0,n.yg)("li",{parentName:"ul"},"fix(card): fix content gaps, adjust new meta section and update text color for default ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f1a78e14fc9a4b809572bd5d4d45bd10711c6eaa"},(0,n.yg)("inlineCode",{parentName:"a"},"f1a78e1"))),(0,n.yg)("li",{parentName:"ul"},"fix(item): remove duplicate argType ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dde0be5f7fe362143e248f7e53aa1d2e5df1fda0"},(0,n.yg)("inlineCode",{parentName:"a"},"dde0be5"))),(0,n.yg)("li",{parentName:"ul"},"fix(iconCard): add aria-label at links ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/44f64c7127c0ccabbbf81eb5a838ee0f63284cea"},(0,n.yg)("inlineCode",{parentName:"a"},"44f64c7"))),(0,n.yg)("li",{parentName:"ul"},"fix(card): merge fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df440ecd89eeb228f6f28df9109b84460cdfd523"},(0,n.yg)("inlineCode",{parentName:"a"},"df440ec"))),(0,n.yg)("li",{parentName:"ul"},"fix(heroblock): color even on edit page by inheriting color instead of using the tertiary color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac53fb74dedafcce231d1ca72843eff8a589c530"},(0,n.yg)("inlineCode",{parentName:"a"},"ac53fb7"))),(0,n.yg)("li",{parentName:"ul"},"fix(tab): add tabindex for accessibility error ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab512be71b86a3b696a228840e34d297928485ab"},(0,n.yg)("inlineCode",{parentName:"a"},"ab512be"))),(0,n.yg)("li",{parentName:"ul"},"fix(carousel): restore missing variable ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1728312162d102aa2812eb3c7a55dac83bca8a04"},(0,n.yg)("inlineCode",{parentName:"a"},"1728312"))),(0,n.yg)("li",{parentName:"ul"},"fix(carousel): restore flex grow for cards and opacity for arrows ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce71305ab3fed5ff5c09b577e970050d3b29a2cb"},(0,n.yg)("inlineCode",{parentName:"a"},"ce71305")))),(0,n.yg)("h4",{id:"-enhancements-43"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(carousel) add links in carousel cards & update structure and variables of less files ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f99cb219f3a95f5aab49a180434a4f5e0db14462"},(0,n.yg)("inlineCode",{parentName:"a"},"f99cb21"))),(0,n.yg)("li",{parentName:"ul"},"refactor(iconCard): add control for variations and link ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5e1b6a1c7ab9fdce138c5643bc01763a02bed287"},(0,n.yg)("inlineCode",{parentName:"a"},"5e1b6a1"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus, fonts): documented font letter spacing modification ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/522712aeddb55f4ff96fdf4e8bea26f4575504ec"},(0,n.yg)("inlineCode",{parentName:"a"},"522712a"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): css updates for card variations and styling updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c8b4a43dd25c50e77e8c71fa8fbc45cd70bde94e"},(0,n.yg)("inlineCode",{parentName:"a"},"c8b4a43"))),(0,n.yg)("li",{parentName:"ul"},"refactor(publicationCard): add links and fix accessibily issue ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/80adf6ce0f01e577c34ddba8b345a1fc562f6711"},(0,n.yg)("inlineCode",{parentName:"a"},"80adf6c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): add new section in meta and remove links ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bfb82ae9635d26ef478db3d63b39f67b25d11fd5"},(0,n.yg)("inlineCode",{parentName:"a"},"bfb82ae"))),(0,n.yg)("li",{parentName:"ul"},"refactor(item): add stackable functionality ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8d714fad0465cc71650dcb41236d5667ccc3e789"},(0,n.yg)("inlineCode",{parentName:"a"},"8d714fa"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): update meta section and controls ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5e28e12bacec6a226659553b8244aeb0165378c9"},(0,n.yg)("inlineCode",{parentName:"a"},"5e28e12"))),(0,n.yg)("li",{parentName:"ul"},"refactor(roundedCard): remove unnecessary code and controls and add all variations ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6305c54df14faada4058c602af2e33dbc4fad39d"},(0,n.yg)("inlineCode",{parentName:"a"},"6305c54"))),(0,n.yg)("li",{parentName:"ul"},"refactor(roundedCard): add optional link for image and header ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a6d3bf27031d189c403c4a099b09a9066a1620a2"},(0,n.yg)("inlineCode",{parentName:"a"},"a6d3bf2"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): add tertiary hover and update css selectors ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca069484da914520c92f7d67ac92c476ff2ee4a2"},(0,n.yg)("inlineCode",{parentName:"a"},"ca06948"))),(0,n.yg)("li",{parentName:"ul"},"change(fonts): updated font sizes with values given in figma ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b0ae48ab140d8bbbf6ccbf46eda8d957195ca50"},(0,n.yg)("inlineCode",{parentName:"a"},"4b0ae48"))),(0,n.yg)("li",{parentName:"ul"},"change(style): color, space and adjust line-height as described in docusaurus ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3366da262ba2dc1c34f57964accf4d6ef6ed37e1"},(0,n.yg)("inlineCode",{parentName:"a"},"3366da2"))),(0,n.yg)("li",{parentName:"ul"},"change(headings): only h2-h6 get tertiary color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d81308c4c0d52d5610a922146f5b426d9eaf323"},(0,n.yg)("inlineCode",{parentName:"a"},"7d81308"))),(0,n.yg)("li",{parentName:"ul"},"change(site): removed Archivo import as we should only use Roboto font ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a6af0564667075d2012c114acb2ad8e1f39b926f"},(0,n.yg)("inlineCode",{parentName:"a"},"a6af056"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): use tertiary color for headings and body color mirroring the design system styles ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/145fe7348a19b51784a2879225d1b71a642eed45"},(0,n.yg)("inlineCode",{parentName:"a"},"145fe73"))),(0,n.yg)("li",{parentName:"ul"},"change(fonts): modified headings font size as well as line height ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f0771ea1942b6ef436a03c256491a690a52d7413"},(0,n.yg)("inlineCode",{parentName:"a"},"f0771ea"))),(0,n.yg)("li",{parentName:"ul"},"change(fonts): updated font sizes with values given in figma ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f16eef7128ed4f2e7fe97b1ec77f651dc062b771"},(0,n.yg)("inlineCode",{parentName:"a"},"f16eef7"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): use Roboto font from google fonts also for docusaurus ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/adca8e911faac2d541eb2b9fecf1d9db5b8f9b4c"},(0,n.yg)("inlineCode",{parentName:"a"},"adca8e9"))),(0,n.yg)("li",{parentName:"ul"},"change(headers): added headerColor variable so that thematic sites can easily choose another heading color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f09d2c5e95e82077cc7dfef43a5c56fc73d435c3"},(0,n.yg)("inlineCode",{parentName:"a"},"f09d2c5"))),(0,n.yg)("li",{parentName:"ul"},"change(fonts): typo fixes for typography section of docusaurus ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cae4b02b20ff578f5cad7c4238c36baa3cae545a"},(0,n.yg)("inlineCode",{parentName:"a"},"cae4b02"))),(0,n.yg)("li",{parentName:"ul"},"change(fonts): modified footer and header values afer global font size changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f160d354b36dc2bee0707b6d63097d5f08408abe"},(0,n.yg)("inlineCode",{parentName:"a"},"f160d35"))),(0,n.yg)("li",{parentName:"ul"},"refactor(iconCards): run prettier ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fe84e46adbc385098385120d14e7583b890db027"},(0,n.yg)("inlineCode",{parentName:"a"},"fe84e46"))),(0,n.yg)("li",{parentName:"ul"},"change(typography): inherit header colors with @headerColor variable ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91d93577772534f67bb74df0c9ed260bbaccdd4c"},(0,n.yg)("inlineCode",{parentName:"a"},"91d9357"))),(0,n.yg)("li",{parentName:"ul"},"change(breadcrumb): use tertiary color also for breadcrumb ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5cbd44bcabae36bcb99a1e987d701e2ea75434b"},(0,n.yg)("inlineCode",{parentName:"a"},"c5cbd44"))),(0,n.yg)("li",{parentName:"ul"},"change(heading): on homepage on the first hero set font size to h1 and inherit color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5711096e45c57b0c3c871f8dcf870c05405d217d"},(0,n.yg)("inlineCode",{parentName:"a"},"5711096"))),(0,n.yg)("li",{parentName:"ul"},"refactor(carousel): update card titles to display styling fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/edd966b5648be51f2d4056c68489648574506656"},(0,n.yg)("inlineCode",{parentName:"a"},"edd966b"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): use the tertiary color for body and heading colors ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/11c4ed4683df4527ce79155bc65424789e3864af"},(0,n.yg)("inlineCode",{parentName:"a"},"11c4ed4"))),(0,n.yg)("li",{parentName:"ul"},"change(typography): modified lineheight-0 after headers now use 1.2 instead of 1.25 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/04d78a8b0094d9187548e1e3b16d6fbf2248821c"},(0,n.yg)("inlineCode",{parentName:"a"},"04d78a8"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): add links to cards and replace description with title in carousel ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0258737d26bbb3015ee6222ec878e0477001f615"},(0,n.yg)("inlineCode",{parentName:"a"},"0258737")))),(0,n.yg)("h4",{id:"\ufe0f-others-50"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feature(heading): and cards refactoring #227 from eea/develop ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/334fbda2d5b751858d4cc8cae832ca7f5c1ad6c2"},(0,n.yg)("inlineCode",{parentName:"a"},"334fbda"))),(0,n.yg)("li",{parentName:"ul"},"Update package.json ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3870cf3265f0dab4e181c94a6657b9fa408bf186"},(0,n.yg)("inlineCode",{parentName:"a"},"3870cf3"))),(0,n.yg)("li",{parentName:"ul"},"Header refactor 153536 #226 from eea/header-refactor-153536 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87a6fe73211eb028861e099a67e90d365c5111ea"},(0,n.yg)("inlineCode",{parentName:"a"},"87a6fe7"))),(0,n.yg)("li",{parentName:"ul"},"feature(item): icon is now stackable moving the icon on top #220 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b716acfc850345d666d99840445798cdae201a63"},(0,n.yg)("inlineCode",{parentName:"a"},"b716acf")))),(0,n.yg)("h3",{id:"076---2022-08-15"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.7.5...0.7.6"},"0.7.6")," - 2022-08-15"),(0,n.yg)("h4",{id:"-enhancements-44"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(footer): Footer updates 147837 #225 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fa9ae580c7fd45fb4983672167cb5b0b33cc6279"},(0,n.yg)("inlineCode",{parentName:"a"},"fa9ae58"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer): initial redesign of main section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8e85617157cdc31a7470acfcd72b85d8fadd1bce"},(0,n.yg)("inlineCode",{parentName:"a"},"8e85617"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer): restructure theme sites logo columns ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dcba45a0bfd832c7d5d1e092db8ea4040eceda57"},(0,n.yg)("inlineCode",{parentName:"a"},"dcba45a"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): set actions before thematic section on mobile ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/db25f966a214c94677192215181453e9d59ca957"},(0,n.yg)("inlineCode",{parentName:"a"},"db25f96"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): fix missing key warning from react dev ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/77f72d5bdc719805a6314058c741387ee7155d28"},(0,n.yg)("inlineCode",{parentName:"a"},"77f72d5"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): Footer updates 147837 #222 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32fed231f1209caeddb18e0bb75d670f20bafb88"},(0,n.yg)("inlineCode",{parentName:"a"},"32fed23")))),(0,n.yg)("h3",{id:"075---2022-08-11"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.7.3...0.7.5"},"0.7.5")," - 2022-08-11"),(0,n.yg)("h4",{id:"-enhancements-45"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(megamenu): mobile improvements with See all links, active elements and non accordion children #224 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6767b99fea3925b35e9dede0a67ea90242e5e730"},(0,n.yg)("inlineCode",{parentName:"a"},"6767b99"))),(0,n.yg)("li",{parentName:"ul"},"change(megamenu): render accordion only if children have children ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/be63ce2a8e240eac26eedeff0ca104813afbc6b3"},(0,n.yg)("inlineCode",{parentName:"a"},"be63ce2"))),(0,n.yg)("li",{parentName:"ul"},"change(megamenu): mobile menu design tweaks as seen in latest figma ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/26d74dc063f0b3f8d541c714a10038d79145047e"},(0,n.yg)("inlineCode",{parentName:"a"},"26d74dc"))),(0,n.yg)("li",{parentName:"ul"},"change(megamenu): removed icon from at a change menu items and they are no longer bold as requested ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/043e77219979711d2f25845c6811b546e791fbf7"},(0,n.yg)("inlineCode",{parentName:"a"},"043e772"))),(0,n.yg)("li",{parentName:"ul"},"change(megamenu): reset first level panels after each item pass ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/175351bdc9bab5c2d02b2717c24071ba62d4b924"},(0,n.yg)("inlineCode",{parentName:"a"},"175351b"))),(0,n.yg)("li",{parentName:"ul"},"change(megamenu): mobile menu improvements #223 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b3cabfe3ddc42c2ea39ae20d01bb6fd0db478ecc"},(0,n.yg)("inlineCode",{parentName:"a"},"b3cabfe"))),(0,n.yg)("li",{parentName:"ul"},"change(megamenu): fixed key error warnings ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/075bf0167554869e9fc2f4938c972112e4afa2f7"},(0,n.yg)("inlineCode",{parentName:"a"},"075bf01"))),(0,n.yg)("li",{parentName:"ul"},"change(megamenu): handle default active sub accordion ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6192a9938b53522682953cb73d7ccfc6ef9c1aec"},(0,n.yg)("inlineCode",{parentName:"a"},"6192a99"))),(0,n.yg)("li",{parentName:"ul"},"change(megamenu): enable active border only for items not titles ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fb0b8696dd73cbf3083c3006a7cff5a1901a6bac"},(0,n.yg)("inlineCode",{parentName:"a"},"fb0b869")))),(0,n.yg)("h4",{id:"\ufe0f-others-51"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Update package.json ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e21e00dc1e0b54daef2c71311a9da709bc1f7e6d"},(0,n.yg)("inlineCode",{parentName:"a"},"e21e00d")))),(0,n.yg)("h3",{id:"073---2022-08-04"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.7.2...0.7.3"},"0.7.3")," - 2022-08-04"),(0,n.yg)("h4",{id:"-enhancements-46"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(megamenu): added icon on mega menu header section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d0ad4d80fc4941e0cdbd8a2d81415387f86efc1c"},(0,n.yg)("inlineCode",{parentName:"a"},"d0ad4d8")))),(0,n.yg)("h3",{id:"072---2022-08-03"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.7.1...0.7.2"},"0.7.2")," - 2022-08-03"),(0,n.yg)("h4",{id:"-bug-fixes-45"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(contentBox): z-index of content hidden by bg when using content-box-inner ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5a7dac923d648d8fe9c9a9cbb8001969d32aea2"},(0,n.yg)("inlineCode",{parentName:"a"},"c5a7dac")))),(0,n.yg)("h4",{id:"\ufe0f-others-52"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Set focus on search input field in the popup on click ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d12c05106d9b95df1885ffa12cb284a0e50e0dfd"},(0,n.yg)("inlineCode",{parentName:"a"},"d12c051"))),(0,n.yg)("li",{parentName:"ul"},"Make cypress tests work with both slate and draft selectors ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4d8e5b1d7719637a46eac8232891fc5ed1f51b6f"},(0,n.yg)("inlineCode",{parentName:"a"},"4d8e5b1")))),(0,n.yg)("h3",{id:"071---2022-08-01"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.7.0...0.7.1"},"0.7.1")," - 2022-08-01"),(0,n.yg)("h3",{id:"070---2022-08-01"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.6.5...0.7.0"},"0.7.0")," - 2022-08-01"),(0,n.yg)("h4",{id:"-new-features-28"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(accordion,buttons): primary, secondary and tertiary variations #209 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c34617f7a7d7b6b7568c3127f4ae0f52bd57cf8a"},(0,n.yg)("inlineCode",{parentName:"a"},"c34617f")))),(0,n.yg)("h4",{id:"-bug-fixes-46"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(megamenu): key warning errors ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ecd27921546204dfa4aa23d25188876e52cda7a"},(0,n.yg)("inlineCode",{parentName:"a"},"4ecd279"))),(0,n.yg)("li",{parentName:"ul"},"fix(container): add padding also for block editors when we are on the add page not just edit ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b857aad7855c30c5059b0f0f7c0f720826a71aa7"},(0,n.yg)("inlineCode",{parentName:"a"},"b857aad"))),(0,n.yg)("li",{parentName:"ul"},"fix(header): bump opacity of gradient class to get rid of green hue of header text ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2011b40d384ae5b54a0525e6d9afc88c02f6ca90"},(0,n.yg)("inlineCode",{parentName:"a"},"2011b40"))),(0,n.yg)("li",{parentName:"ul"},"fix(header): remove console log ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3a200233609bbcea39d8e519dc292a132a98aaa3"},(0,n.yg)("inlineCode",{parentName:"a"},"3a20023")))),(0,n.yg)("h4",{id:"-enhancements-47"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(callToAction): add tertiary variant and restructure exports ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac6695ab3066c41739ec4852f0ec3c3bb6cea346"},(0,n.yg)("inlineCode",{parentName:"a"},"ac6695a"))),(0,n.yg)("li",{parentName:"ul"},"refactor(accordion): add color variations ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3504c15cc861803dc263fb2ad3b6a478043ced33"},(0,n.yg)("inlineCode",{parentName:"a"},"3504c15"))),(0,n.yg)("li",{parentName:"ul"},"change(megamenu): WIP bringing back rendering of item with callback and path modification ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e43d4340ea82afde950e5fee44a76119060fc28"},(0,n.yg)("inlineCode",{parentName:"a"},"6e43d43"))),(0,n.yg)("li",{parentName:"ul"},"refactor(megaMenu): add slide down transition and update targetRefs on close ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/96671574f5f7dd992269c42e509598f62bba516d"},(0,n.yg)("inlineCode",{parentName:"a"},"9667157"))),(0,n.yg)("li",{parentName:"ul"},"change(megamenu): use renderMenuItem in order to render menu items ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9ed5cbdf120ee2c92e5f14c09e5289a5abe3f8b0"},(0,n.yg)("inlineCode",{parentName:"a"},"9ed5cbd"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): replaced eionet logo with an svg variant and tweaked size of eionet to match size of eea logo ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32ce4623ad454edec864ad6c8b45cbf99465bede"},(0,n.yg)("inlineCode",{parentName:"a"},"32ce462"))),(0,n.yg)("li",{parentName:"ul"},"refactor(callToAction): update tertiary state colors ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/159668ac526a98032392bcbd2c115dc448193152"},(0,n.yg)("inlineCode",{parentName:"a"},"159668a"))),(0,n.yg)("li",{parentName:"ul"},"change(accordion): style default accordion using the grey from semantic ui ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e24907df397457bd9704905aa29ea5d7e1d396cd"},(0,n.yg)("inlineCode",{parentName:"a"},"e24907d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(accordion): add variations and create a default export ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a9c68ffe933c9d700e46db3e0cbbd9e3820c7c7"},(0,n.yg)("inlineCode",{parentName:"a"},"4a9c68f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(colors): add tertiary shades for element states ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1e24a7e13b50f1ee7bd9bd44f3b2eb8e4460c691"},(0,n.yg)("inlineCode",{parentName:"a"},"1e24a7e"))),(0,n.yg)("li",{parentName:"ul"},"change(tests): try to modify tests to use slate instead of draft ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a2e248593433a7a8bf612008c12a3a20a0049d86"},(0,n.yg)("inlineCode",{parentName:"a"},"a2e2485"))),(0,n.yg)("li",{parentName:"ul"},"change(megamenu): set active class on storybook list items ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/112bff195cd07e789b352ae239a148a168b4d877"},(0,n.yg)("inlineCode",{parentName:"a"},"112bff1"))),(0,n.yg)("li",{parentName:"ul"},"change(megamenu): add border for active element of menu ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5e7dfa539dc0d126dfb057ac2d293c94b31561bb"},(0,n.yg)("inlineCode",{parentName:"a"},"5e7dfa5"))),(0,n.yg)("li",{parentName:"ul"},"change(package): condition modification of navDepth settings ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dd21dadf34f87f08223be3b98c06e7a2f0714326"},(0,n.yg)("inlineCode",{parentName:"a"},"dd21dad"))),(0,n.yg)("li",{parentName:"ul"},"change(mega menu): use non variable to fix build of volto-kitkat-frontend ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ecd652405ba616c9defc86fd793f8c066c0af1e"},(0,n.yg)("inlineCode",{parentName:"a"},"3ecd652"))),(0,n.yg)("li",{parentName:"ul"},"change(header): prefix mega-menu active class for adding border ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32898cb19c20ee7696c51b99cd9df25a333ae6e9"},(0,n.yg)("inlineCode",{parentName:"a"},"32898cb"))),(0,n.yg)("li",{parentName:"ul"},"change(tests): use data-slate-editor instead of contents that was found in draft js instead of slate ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1e0413cf117c098b188e00249c323f2f718b9299"},(0,n.yg)("inlineCode",{parentName:"a"},"1e0413c"))),(0,n.yg)("li",{parentName:"ul"},"change(stories): hide variant control from button link story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/43f8c412f6762edbed9c60e613736d5b60677cd1"},(0,n.yg)("inlineCode",{parentName:"a"},"43f8c41"))),(0,n.yg)("li",{parentName:"ul"},"change(stories): hide variant control from button link story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aea712668331f5681028d961b42a05655f1113d3"},(0,n.yg)("inlineCode",{parentName:"a"},"aea7126")))),(0,n.yg)("h4",{id:"\ufe0f-others-53"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feature(theme): added context navigation component story and default style ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5a6955fe935cf6a07f6593164014ed4c9e77d88f"},(0,n.yg)("inlineCode",{parentName:"a"},"5a6955f"))),(0,n.yg)("li",{parentName:"ul"},"feature(megamenu): open default accordions on mobile navigation based on pathname ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc299c1047f96aa5f85cdc4bb8bb9b3b4fb9ca5e"},(0,n.yg)("inlineCode",{parentName:"a"},"cc299c1"))),(0,n.yg)("li",{parentName:"ul"},"fix eslint warnings ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b30282ea4df59f2d05644cae5c1d703b4dc48b3"},(0,n.yg)("inlineCode",{parentName:"a"},"3b30282"))),(0,n.yg)("li",{parentName:"ul"},"bump release version to 0.7.0 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fa82cbd7d50765c322bc5c7c58abb5675e0aadad"},(0,n.yg)("inlineCode",{parentName:"a"},"fa82cbd"))),(0,n.yg)("li",{parentName:"ul"},"Theme fixes, mega menu selected element both in desktop and mobile #211 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b4827292a9badb02f178b7431cc63e11070784ea"},(0,n.yg)("inlineCode",{parentName:"a"},"b482729"))),(0,n.yg)("li",{parentName:"ul"},"feature(mega-menu): added menu slide down animation #208 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4360d0ef570fbfcc9989170219f7826e5ed780cf"},(0,n.yg)("inlineCode",{parentName:"a"},"4360d0e")))),(0,n.yg)("h3",{id:"065---2022-07-06"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.6.1...0.6.5"},"0.6.5")," - 2022-07-06"),(0,n.yg)("h4",{id:"-bug-fixes-47"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(header): double click to close dropdown is no longer required ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8a2ed0d1e671d12239ecaf250e68b3187c12a53"},(0,n.yg)("inlineCode",{parentName:"a"},"b8a2ed0"))),(0,n.yg)("li",{parentName:"ul"},"fix(header): menu generation when atAGlance isn't found ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d68b03c05f7671e7ea154efe0199c29a3734fbcf"},(0,n.yg)("inlineCode",{parentName:"a"},"d68b03c"))),(0,n.yg)("li",{parentName:"ul"},"fix(menu): removed minHeight that enlarged the global menu ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/133be1e43d9b7778fd94388629400c5f2b707ff4"},(0,n.yg)("inlineCode",{parentName:"a"},"133be1e"))),(0,n.yg)("li",{parentName:"ul"},"fix(hero): image dimensions when full width and height isn't enabled ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4114f731cce63dc520bfd00cd487943181cec2ee"},(0,n.yg)("inlineCode",{parentName:"a"},"4114f73"))),(0,n.yg)("li",{parentName:"ul"},"fix(contentBox): removed negative z-index that hid fullwidth bg color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bd60faff53205da95d94930517f2ac830ec523d1"},(0,n.yg)("inlineCode",{parentName:"a"},"bd60faf")))),(0,n.yg)("h4",{id:"-enhancements-48"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(hero): tweaked hero block height and padding ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/994b6f8943c061657792df8adcbdee5da487ce43"},(0,n.yg)("inlineCode",{parentName:"a"},"994b6f8"))),(0,n.yg)("li",{parentName:"ul"},"change(item): tweak size and padding of icon when used inside item ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dbdef191e70bf59dcfddf63c8f9f9a1343266a59"},(0,n.yg)("inlineCode",{parentName:"a"},"dbdef19"))),(0,n.yg)("li",{parentName:"ul"},"change(typography): updated letterspacing values and clarified values used for certain type tokens ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8a13bf8b3691d288209532842fb2c80962d652c0"},(0,n.yg)("inlineCode",{parentName:"a"},"8a13bf8"))),(0,n.yg)("li",{parentName:"ul"},"change(item): enable theming for icon and text color and added tertiary option ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d4444feedd1cd7e6e8f8da630b4b53a19050d1b"},(0,n.yg)("inlineCode",{parentName:"a"},"6d4444f"))),(0,n.yg)("li",{parentName:"ul"},"change(header): top section chevron sizes and margin as requested in enhancements document ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b307c74a671c10a5a6703dcb2126c3c36679c6f5"},(0,n.yg)("inlineCode",{parentName:"a"},"b307c74"))),(0,n.yg)("li",{parentName:"ul"},"change(cards): add underline to links when applied to headers and use tertiary color by default ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/874f956c61e65ddbb6a240865f3946bb84247712"},(0,n.yg)("inlineCode",{parentName:"a"},"874f956"))),(0,n.yg)("li",{parentName:"ul"},"change(utilities): wrap in quotes h2 and h3 of quoted-wrapper ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8aa471604fb127cfa535373bb90a44b4204dd0f4"},(0,n.yg)("inlineCode",{parentName:"a"},"8aa4716"))),(0,n.yg)("li",{parentName:"ul"},"change(package): bump package version to 0.6.5 denoting bug fixes release ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0585aebaeb9e3483ba230110d99a1a875590ad66"},(0,n.yg)("inlineCode",{parentName:"a"},"0585aeb")))),(0,n.yg)("h3",{id:"061---2022-07-01"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.6.0...0.6.1"},"0.6.1")," - 2022-07-01"),(0,n.yg)("h4",{id:"-new-features-29"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(UnderlinedTitle): create story and necessary utilities ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8beb56b64ca76fb9f0f6df0f3554e64449a64868"},(0,n.yg)("inlineCode",{parentName:"a"},"8beb56b"))),(0,n.yg)("li",{parentName:"ul"},"feat(headers): added underlined titles with theming support ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af675616f9e002458501cf8b90742514153a298f"},(0,n.yg)("inlineCode",{parentName:"a"},"af67561")))),(0,n.yg)("h4",{id:"-enhancements-49"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(heading): move underline story and update controls ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2c9bfd279eafc44435d223be326f9496856c2154"},(0,n.yg)("inlineCode",{parentName:"a"},"2c9bfd2"))),(0,n.yg)("li",{parentName:"ul"},"refactor(underlineTitle): add content box for different variations ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/087891535059d6c2d7d2c2accded20f6ba601bb5"},(0,n.yg)("inlineCode",{parentName:"a"},"0878915"))),(0,n.yg)("li",{parentName:"ul"},"refactor(underlinedTitle): add control for changing heading size ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/211f5158bff2b437aac60f26ba63f9adb6be540a"},(0,n.yg)("inlineCode",{parentName:"a"},"211f515"))),(0,n.yg)("li",{parentName:"ul"},"refactor(underlinedTitle): Restore text variation dropdown control ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bd8c61129d2c80475af8d0e9310412d5c3a82169"},(0,n.yg)("inlineCode",{parentName:"a"},"bd8c611"))),(0,n.yg)("li",{parentName:"ul"},"refactor(utilities): add color variation for headings and text ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e3a779ec4fa3b712fcd32124f6f83ab784d2223"},(0,n.yg)("inlineCode",{parentName:"a"},"7e3a779"))),(0,n.yg)("li",{parentName:"ul"},"refactor(utilities): update border bottom utility and restore line height for headings ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7fe4a7b9fee579d213fe3945a4e548ff089784bd"},(0,n.yg)("inlineCode",{parentName:"a"},"7fe4a7b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(headings): update the line height of headers according to docusaurus instructions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9da19b3e1ea1fd93431e00edf3dc9a443e94f27a"},(0,n.yg)("inlineCode",{parentName:"a"},"9da19b3")))),(0,n.yg)("h4",{id:"-internal-changes-20"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"chore(countup): package for statistics ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/26fcd09bbd8d44119d5ca957542863be8c64836b"},(0,n.yg)("inlineCode",{parentName:"a"},"26fcd09")))),(0,n.yg)("h3",{id:"060---2022-07-01"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.5.5...0.6.0"},"0.6.0")," - 2022-07-01"),(0,n.yg)("h4",{id:"-bug-fixes-48"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(item): adjust the container in stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a848c46b5bf3153ec993a21a530e120bae872407"},(0,n.yg)("inlineCode",{parentName:"a"},"a848c46"))),(0,n.yg)("li",{parentName:"ul"},"fix(tag): align start for tags on mobile, update path for Tag List and add containers ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9de8452c42ed6d16028ce147f2d7a062b895d67"},(0,n.yg)("inlineCode",{parentName:"a"},"b9de845"))),(0,n.yg)("li",{parentName:"ul"},"fix(item): update image width & height on mobiles and add 3 line clamp for description ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0cd2c46c945ff85b55183994990fae9cf450f3d1"},(0,n.yg)("inlineCode",{parentName:"a"},"0cd2c46"))),(0,n.yg)("li",{parentName:"ul"},"fix(pageheader): metadata font size on mobile to be readable ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0a9b1fa7db6f0b11265f9eb4d28f25b23bedc79a"},(0,n.yg)("inlineCode",{parentName:"a"},"0a9b1fa"))),(0,n.yg)("li",{parentName:"ul"},"fix(breadcrumb): fixed variable name for breadcrumb item ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b547eb43e0db4aa9bb63b4e4ba7f541f357fbd0"},(0,n.yg)("inlineCode",{parentName:"a"},"2b547eb")))),(0,n.yg)("h4",{id:"-enhancements-50"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(Item):create item story with custom default class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/069ae02a7cc2b15b7e6732e46f52d07eaa4502b1"},(0,n.yg)("inlineCode",{parentName:"a"},"069ae02"))),(0,n.yg)("li",{parentName:"ul"},"refactor(pagination): add pastanage menu overrides and remove any eea theme css from default story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/508081090baaeb455130c760c6c0e7e23972d84a"},(0,n.yg)("inlineCode",{parentName:"a"},"5080810"))),(0,n.yg)("li",{parentName:"ul"},"refactor(item): update variables from px to rem ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/30eed78c170e5719ba4fb85c3a171db3f97d63c8"},(0,n.yg)("inlineCode",{parentName:"a"},"30eed78"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Item):add default item mobile padding ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/35184655e3225b8ad63626c8e521b5dcf59eaa3b"},(0,n.yg)("inlineCode",{parentName:"a"},"3518465"))),(0,n.yg)("li",{parentName:"ul"},"change(site): added fixes from custom ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0fe4d80586c8877d58905ec40aa7df19c2f4e32f"},(0,n.yg)("inlineCode",{parentName:"a"},"0fe4d80"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Pagination): add default pagination stopry and rename previous as Secondary ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5e3e13b40d4d1d0c96f1efaa3a0c326d60c6d93"},(0,n.yg)("inlineCode",{parentName:"a"},"a5e3e13"))),(0,n.yg)("li",{parentName:"ul"},"refactor(pagination): comment out secondary pagination and its styling ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bcf4cff1cff490718751475354b8fb32da174383"},(0,n.yg)("inlineCode",{parentName:"a"},"bcf4cff"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tags): remove content class and add flex wrap ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d6333ca7e61a588d8ffe4d0d2e02005c0aa12379"},(0,n.yg)("inlineCode",{parentName:"a"},"d6333ca"))),(0,n.yg)("li",{parentName:"ul"},"change(logo): use a real svg logo for white eea logo ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b80dc7698c3dbab5d3834cc62f5102c2ace0166"},(0,n.yg)("inlineCode",{parentName:"a"},"3b80dc7"))),(0,n.yg)("li",{parentName:"ul"},"change(header): show eea information systems on tablet as well ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce82cebb554eb11a35ea2b3ee0c62bc645716476"},(0,n.yg)("inlineCode",{parentName:"a"},"ce82ceb"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tokens): update letter spacing tokens ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f8753b7527b1bf7271102666a8662a74b2b1775"},(0,n.yg)("inlineCode",{parentName:"a"},"5f8753b"))),(0,n.yg)("li",{parentName:"ul"},"change(letterspacing): updated letter spacing positive values ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b31818f292ce7ce8711084116a7b4df78cca33f0"},(0,n.yg)("inlineCode",{parentName:"a"},"b31818f"))),(0,n.yg)("li",{parentName:"ul"},"change(pageheader): add bottom margin on mobile for sharing dropdown actions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d3cda4732ec94dac91b36ef10014fbbe08a0a470"},(0,n.yg)("inlineCode",{parentName:"a"},"d3cda47"))),(0,n.yg)("li",{parentName:"ul"},"change(pageheader): removed blogger, reddit and stumbleupon sharing links ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4acc4e83c120cda59d94f04867a53e21bf322ab"},(0,n.yg)("inlineCode",{parentName:"a"},"e4acc4e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Item): add default item background color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c978c8d05355065466a8a661844237a9df103b94"},(0,n.yg)("inlineCode",{parentName:"a"},"c978c8d"))),(0,n.yg)("li",{parentName:"ul"},"change(package): bump package version ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f01f72ba6b09b6aae00c54e446bafddb48c4cd1"},(0,n.yg)("inlineCode",{parentName:"a"},"1f01f72")))),(0,n.yg)("h4",{id:"-internal-changes-21"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"style(item): update item image ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e585e9d8c85a3627696b55c0505e29e8a8c33f7f"},(0,n.yg)("inlineCode",{parentName:"a"},"e585e9d")))),(0,n.yg)("h4",{id:"-documentation-changes-17"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(colors): token usage ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c433ec6fcf190f85ab1dd81ea3e63eeb381d0c28"},(0,n.yg)("inlineCode",{parentName:"a"},"c433ec6"))),(0,n.yg)("li",{parentName:"ul"},"docs(Docusaurus): typography and spacing updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48d1269dce396aec26db1d1e2f777851a26eaa81"},(0,n.yg)("inlineCode",{parentName:"a"},"48d1269"))),(0,n.yg)("li",{parentName:"ul"},"docs(Docusaurus): various fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a972a31f7932d29d61a46da251c0c98994516365"},(0,n.yg)("inlineCode",{parentName:"a"},"a972a31"))),(0,n.yg)("li",{parentName:"ul"},"docs(typography): updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/66d95e4fee695a20de47f5476712034f9f07f4a8"},(0,n.yg)("inlineCode",{parentName:"a"},"66d95e4")))),(0,n.yg)("h4",{id:"\ufe0f-others-54"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Tabs block custom border left/top ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca4cce05ddb603a26d729dfe31f0f11fda7563fb"},(0,n.yg)("inlineCode",{parentName:"a"},"ca4cce0"))),(0,n.yg)("li",{parentName:"ul"},"Fix sidebar tabs in Volto CSS ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c287db5abbfe068d4b255c41fd58d0433d2640c4"},(0,n.yg)("inlineCode",{parentName:"a"},"c287db5")))),(0,n.yg)("h3",{id:"055---2022-06-23"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.5.4...0.5.5"},"0.5.5")," - 2022-06-23"),(0,n.yg)("h4",{id:"-bug-fixes-49"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(contentBox): color of cards when inside content-boxes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/76a452031473f43928dee1d3ee705d06101e6a21"},(0,n.yg)("inlineCode",{parentName:"a"},"76a4520")))),(0,n.yg)("h4",{id:"-enhancements-51"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(homepage): moved fixes of homepage to custom and colored carousel arrow ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0a226ef3f5d328d45513764bec02d58241417db0"},(0,n.yg)("inlineCode",{parentName:"a"},"0a226ef")))),(0,n.yg)("h3",{id:"054---2022-06-16"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.5.3...0.5.4"},"0.5.4")," - 2022-06-16"),(0,n.yg)("h4",{id:"-bug-fixes-50"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(block-style): Content box preview in sidebar ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6362766f5e8dabf778e3864d2bb08966a55fc078"},(0,n.yg)("inlineCode",{parentName:"a"},"6362766"))),(0,n.yg)("li",{parentName:"ul"},"fix(header): ensure transparency goes as high as the search icon ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4470e132e1e70fba3fdfb33fc63a1cc9d62700e8"},(0,n.yg)("inlineCode",{parentName:"a"},"4470e13")))),(0,n.yg)("h4",{id:"-enhancements-52"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(contentBox): add background as before element instead of using full-width ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e0a5962c1b9cb0d3ef9a8d7b7208eded34eb3ce"},(0,n.yg)("inlineCode",{parentName:"a"},"7e0a596"))),(0,n.yg)("li",{parentName:"ul"},"change(content-box): content box links are now underlined ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f7976f50f5807a884522d6dba871a2757a1c5a98"},(0,n.yg)("inlineCode",{parentName:"a"},"f7976f5"))),(0,n.yg)("li",{parentName:"ul"},"change(homepage): added fixes from custom ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c3e03331d328f4fd7c6689f93bc1f1156013b8a9"},(0,n.yg)("inlineCode",{parentName:"a"},"c3e0333"))),(0,n.yg)("li",{parentName:"ul"},"change(hero): add margin top with the height of the top section on edit ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fefa6bb0f513e221ddb587f081c0e7d0c3067dfd"},(0,n.yg)("inlineCode",{parentName:"a"},"fefa6bb"))),(0,n.yg)("li",{parentName:"ul"},"change(cards): fix default card color when inside content-boxes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fdf3aabf9515289b36a5822e21edc5d282c4536"},(0,n.yg)("inlineCode",{parentName:"a"},"6fdf3aa"))),(0,n.yg)("li",{parentName:"ul"},"change(container): removed override of content-box-inner container ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/66fe7d45adc631c3ebf0e8dd11de19d7ff60b894"},(0,n.yg)("inlineCode",{parentName:"a"},"66fe7d4")))),(0,n.yg)("h3",{id:"053---2022-06-16"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.5.2...0.5.3"},"0.5.3")," - 2022-06-16"),(0,n.yg)("h4",{id:"-bug-fixes-51"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(homepage): hero and homepage fixes for #151156 #198 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/43d4efc508750e0e9cbb93b9bffc3721be452c5a"},(0,n.yg)("inlineCode",{parentName:"a"},"43d4efc"))),(0,n.yg)("li",{parentName:"ul"},"fix(header): fixed top section width on edit page ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce5898b5ee41ea6959a2c454b3fb98216d71feb3"},(0,n.yg)("inlineCode",{parentName:"a"},"ce5898b")))),(0,n.yg)("h4",{id:"-enhancements-53"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(hero): added min height to hero-block-image-wrapper ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3cc37c027597573281710c9db98c687057d261dd"},(0,n.yg)("inlineCode",{parentName:"a"},"3cc37c0"))),(0,n.yg)("li",{parentName:"ul"},"change(hero): spaced hero block has a 3rem margin top and bottom ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c463b033dda601bfd475b282bc0003200a053d45"},(0,n.yg)("inlineCode",{parentName:"a"},"c463b03"))),(0,n.yg)("li",{parentName:"ul"},"change(hero): added extra top margin on hero-block-body from tablet and up within homepage ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/64142c3c45f6a8ea6502842055a2341dcf16088c"},(0,n.yg)("inlineCode",{parentName:"a"},"64142c3"))),(0,n.yg)("li",{parentName:"ul"},"change(hero): tweak min height of hero block ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e1271b4b5fdcd8205f0bec8b88ab9ae31f62251f"},(0,n.yg)("inlineCode",{parentName:"a"},"e1271b4"))),(0,n.yg)("li",{parentName:"ul"},"change(card,contentBox): use inherit for text color to inherit black from body ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c1ba3b6ddc16ddc7394aba8d78cad73b5a8c34cb"},(0,n.yg)("inlineCode",{parentName:"a"},"c1ba3b6"))),(0,n.yg)("li",{parentName:"ul"},"change(container): on section-edit modify only left and right padding values ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fe6e3ec764643ec01e20ae9dbdde921774ef04cd"},(0,n.yg)("inlineCode",{parentName:"a"},"fe6e3ec"))),(0,n.yg)("li",{parentName:"ul"},"change(utilities): bump z-index of overlay class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ede3209556b620d2252bb03d4c994a92b6708fd2"},(0,n.yg)("inlineCode",{parentName:"a"},"ede3209"))),(0,n.yg)("li",{parentName:"ul"},"change(hero): fixed variable reference for margin of body from homepage ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/092b90b2a902b71cc96132ca3c96108edda56342"},(0,n.yg)("inlineCode",{parentName:"a"},"092b90b")))),(0,n.yg)("h3",{id:"052---2022-06-14"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.5.1...0.5.2"},"0.5.2")," - 2022-06-14"),(0,n.yg)("h4",{id:"-new-features-30"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(contentBox) : add new Content Box component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ebbb47fe685f9809aa3572263be376d9688371e"},(0,n.yg)("inlineCode",{parentName:"a"},"2ebbb47"))),(0,n.yg)("li",{parentName:"ul"},"feat(ContentBox): Add primary, secondary, tertiary themes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87cb2fe7e4cd5c2872299756f493e371abcbb05f"},(0,n.yg)("inlineCode",{parentName:"a"},"87cb2fe"))),(0,n.yg)("li",{parentName:"ul"},"feat(ContentBox): Update storybook with available themes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93b26b2f5f1d627aa8049df61257499e4798dd79"},(0,n.yg)("inlineCode",{parentName:"a"},"93b26b2")))),(0,n.yg)("h4",{id:"-enhancements-54"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(contentBox): restructure the component to be more flexible ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f0d2de67e43fafa10052871f99ac841c83cf8157"},(0,n.yg)("inlineCode",{parentName:"a"},"f0d2de6")))),(0,n.yg)("h4",{id:"-internal-changes-22"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"chore(contentBox) : add lint changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5aaf740594f0001b1672bb6dc18d973f55c881f0"},(0,n.yg)("inlineCode",{parentName:"a"},"5aaf740")))),(0,n.yg)("h4",{id:"\ufe0f-others-55"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"perf(eol): change to lf ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/78b2955ff73d9436134d1a6399040b2d7c7f5714"},(0,n.yg)("inlineCode",{parentName:"a"},"78b2955"))),(0,n.yg)("li",{parentName:"ul"},"Cleanup ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b128dface95b560588a343f1ddf7bbaf3efb320"},(0,n.yg)("inlineCode",{parentName:"a"},"2b128df")))),(0,n.yg)("h3",{id:"051---2022-06-13"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.5.0...0.5.1"},"0.5.1")," - 2022-06-13"),(0,n.yg)("h4",{id:"-enhancements-55"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(header): changed homepage text color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/64ce8b61f8f2150513e09bf2926b48aa2ae1071c"},(0,n.yg)("inlineCode",{parentName:"a"},"64ce8b6"))),(0,n.yg)("li",{parentName:"ul"},"change(hero): added styles for adding dark overlay to hero ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bf1d292fecfa8a6b222558f0d93f48e19bf6b8ea"},(0,n.yg)("inlineCode",{parentName:"a"},"bf1d292"))),(0,n.yg)("li",{parentName:"ul"},"change(homepage): hide stagingBanner on homepage ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fb6e319dd10f4d148cc8f3b33dafc43280a0254f"},(0,n.yg)("inlineCode",{parentName:"a"},"fb6e319"))),(0,n.yg)("li",{parentName:"ul"},"change(header): use variable for homepage hero-block padding ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/89ff3441f269281ffb3da32cd3e5c64715b3204b"},(0,n.yg)("inlineCode",{parentName:"a"},"89ff344"))),(0,n.yg)("li",{parentName:"ul"},"change(tokens): modified grey-4 color to point to a 10% shade from original color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b406283e61c7356bec9d453567cd1ccde496880d"},(0,n.yg)("inlineCode",{parentName:"a"},"b406283"))),(0,n.yg)("li",{parentName:"ul"},"change(header): added min-height for mega menu needed for 1 items menus ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/18814f48fb743c88d05554e9a1773f8d85dec86c"},(0,n.yg)("inlineCode",{parentName:"a"},"18814f4"))),(0,n.yg)("li",{parentName:"ul"},"change(hero): hero section block integration #192 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ea2f40583951016c164c9abdf22d8e809d207fe"},(0,n.yg)("inlineCode",{parentName:"a"},"4ea2f40")))),(0,n.yg)("h4",{id:"\ufe0f-others-56"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Add hero block style ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fa39656fd661d8af95f483a6f33a08e4c93c42f1"},(0,n.yg)("inlineCode",{parentName:"a"},"fa39656"))),(0,n.yg)("li",{parentName:"ul"},"Add padding if hero block is not full-width ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/808b83957d6a866cc31c928f414fa8fa5da517a1"},(0,n.yg)("inlineCode",{parentName:"a"},"808b839"))),(0,n.yg)("li",{parentName:"ul"},"Cleanup available languages ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0c490512a6a6524efe9a37b4b61ab0061a240abb"},(0,n.yg)("inlineCode",{parentName:"a"},"0c49051"))),(0,n.yg)("li",{parentName:"ul"},"Use 1.5 rem ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1125cd7c65332fc5961ffbbbd2d2ab6bcc8b1b5b"},(0,n.yg)("inlineCode",{parentName:"a"},"1125cd7")))),(0,n.yg)("h3",{id:"050---2022-06-11"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.4.5...0.5.0"},"0.5.0")," - 2022-06-11"),(0,n.yg)("h4",{id:"-new-features-31"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(hero): added storybook implementation of hero component #172 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/17b9d1693e31bf7b3b41ca84be7bd21f07065674"},(0,n.yg)("inlineCode",{parentName:"a"},"17b9d16"))),(0,n.yg)("li",{parentName:"ul"},"feat(hero): add hero block component and stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6019fc843ec14a8afc7558e92c2d4b4bb14ee199"},(0,n.yg)("inlineCode",{parentName:"a"},"6019fc8")))),(0,n.yg)("h4",{id:"-bug-fixes-52"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(header): Internal links in mega menu ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d8ca13558c3e8c336800791f2fea8a8d33a2b602"},(0,n.yg)("inlineCode",{parentName:"a"},"d8ca135"))),(0,n.yg)("li",{parentName:"ul"},"fix(header): show active menu when clicking on children ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a54fa67a1a92e2ab4216e6d149f66e1ee53aab89"},(0,n.yg)("inlineCode",{parentName:"a"},"a54fa67"))),(0,n.yg)("li",{parentName:"ul"},"fix(header): accessibility and dropdown possition fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/505ac36a27d86e620fb5af515a0b8b5979610f0a"},(0,n.yg)("inlineCode",{parentName:"a"},"505ac36"))),(0,n.yg)("li",{parentName:"ul"},"fix(header): fix accessibility issue by David ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/783dcec0d140e6e6e568d0f82833dcbf8a5c7d3d"},(0,n.yg)("inlineCode",{parentName:"a"},"783dcec"))),(0,n.yg)("li",{parentName:"ul"},"fix(header): dropdowns disappear on resize ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/52338fd3e711f4918612e052dc2034a8d9bd40bd"},(0,n.yg)("inlineCode",{parentName:"a"},"52338fd"))),(0,n.yg)("li",{parentName:"ul"},"fix(header-topdropdown): dedupe html elements for topdropdowns ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cd8a2a7ea091e81b736438f7c2a87c254af1b092"},(0,n.yg)("inlineCode",{parentName:"a"},"cd8a2a7"))),(0,n.yg)("li",{parentName:"ul"},"fix(header): transparency class should apply on the current bg color or image ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f9a0033c5538cb19f08f26cf28d47954cc52607d"},(0,n.yg)("inlineCode",{parentName:"a"},"f9a0033"))),(0,n.yg)("li",{parentName:"ul"},"fix(header): mobile dropdown now visible ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/34371b436f2ec100f3920f78de49983ba16679b0"},(0,n.yg)("inlineCode",{parentName:"a"},"34371b4"))),(0,n.yg)("li",{parentName:"ul"},"fix(header): dropdown disappears after window resize #116 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc7dd8bd7911421fb734a696a2dd5d3ad3b652b0"},(0,n.yg)("inlineCode",{parentName:"a"},"fc7dd8b"))),(0,n.yg)("li",{parentName:"ul"},"fix(header-topdropdown): dedupe html dropdown elements for topdropdowns #115 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f10a7a8743a5fb2cecd0c3374ec9d894e914143f"},(0,n.yg)("inlineCode",{parentName:"a"},"f10a7a8")))),(0,n.yg)("h4",{id:"-enhancements-56"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(megaMenu): update mega menu in header component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2d1ce454553d116efa96288079b8b77649e10abb"},(0,n.yg)("inlineCode",{parentName:"a"},"2d1ce45"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): update structure and variables of top bar ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af709094f94f0cc2e2309b1aedb376e45dc7f136"},(0,n.yg)("inlineCode",{parentName:"a"},"af70909"))),(0,n.yg)("li",{parentName:"ul"},"change(header): renamed mega menu items href attribute to url ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ed8144589f87a9ad219c97193863c999a72cb6d"},(0,n.yg)("inlineCode",{parentName:"a"},"3ed8144"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): update main section and and add color variations ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2f0fd1de7c04eff4b2a9b62d03dd13a1b0d69bc"},(0,n.yg)("inlineCode",{parentName:"a"},"f2f0fd1"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): minor updates on colors and widths ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a70129fd929fedb344a47e049cca94274e84a3b1"},(0,n.yg)("inlineCode",{parentName:"a"},"a70129f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(hero): add full-heigh control to adjust height ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a45cb7c599cdc11426207001e67d8f7d727233fe"},(0,n.yg)("inlineCode",{parentName:"a"},"a45cb7c"))),(0,n.yg)("li",{parentName:"ul"},"change(header): disable sticky setting until feature is more stable ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d7af954c85cb6a8a657c1625e4ae863e562346a"},(0,n.yg)("inlineCode",{parentName:"a"},"1d7af95"))),(0,n.yg)("li",{parentName:"ul"},"refactor(hero):make button variant and inverted different button controls ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e182ca9ecdb76507205d84f83cad6a79dd74a03"},(0,n.yg)("inlineCode",{parentName:"a"},"7e182ca"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header):main bar sticky on scroll up ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9c9e7c6f9651c0663a1eab1856d7324a73afb2de"},(0,n.yg)("inlineCode",{parentName:"a"},"9c9e7c6"))),(0,n.yg)("li",{parentName:"ul"},"refactor(headings): update heading sizes for mobile ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19f3ccacaf2c744b5f5c2ec8635773de7ef0016b"},(0,n.yg)("inlineCode",{parentName:"a"},"19f3cca"))),(0,n.yg)("li",{parentName:"ul"},"change(header): hide first link(home) from header menu on site ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ae7f3b9385620eb3d840dd90f512e37cd8556a6d"},(0,n.yg)("inlineCode",{parentName:"a"},"ae7f3b9"))),(0,n.yg)("li",{parentName:"ul"},"change(megamenu): typo correction and key setting on list.items ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/96d2c4fbfa722d22a215e8d27f1400e65fe9476e"},(0,n.yg)("inlineCode",{parentName:"a"},"96d2c4f"))),(0,n.yg)("li",{parentName:"ul"},"change(header): use Link instead of a tag for menu items ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9812b3fba7b8305399d6972daf135b8a2d88e876"},(0,n.yg)("inlineCode",{parentName:"a"},"9812b3f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): add control for inverted logo ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/023ca45e6f263166211cbea0d63b1938d11221da"},(0,n.yg)("inlineCode",{parentName:"a"},"023ca45"))),(0,n.yg)("li",{parentName:"ul"},"refactor(hero): move quoted utility to h2 tag ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7376676b4875494f16c49945f6b5dac19c6b8009"},(0,n.yg)("inlineCode",{parentName:"a"},"7376676"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): add link for menu title inside desktop mega menu ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/24355d000b2bd808b2031cd2b78e60cafb9ad5b1"},(0,n.yg)("inlineCode",{parentName:"a"},"24355d0"))),(0,n.yg)("li",{parentName:"ul"},"refactor(utilities): update hex with color token ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8dc65ef55a62dcb32b6eb8a684524a8dc1fa6ba6"},(0,n.yg)("inlineCode",{parentName:"a"},"8dc65ef"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): and mega menu to latest spec #114 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/44fcf68be242f97ced852b28ac3ab820dc0e1045"},(0,n.yg)("inlineCode",{parentName:"a"},"44fcf68"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): update search input and file endings ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/afab36f96f245e197eff528cb1d9e6fea45bc7ba"},(0,n.yg)("inlineCode",{parentName:"a"},"afab36f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): add control that toggles transparency class on main section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8d4bdb9c527f102ffd3718f32bf1a43309a9bb4"},(0,n.yg)("inlineCode",{parentName:"a"},"b8d4bdb"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): restore union dropdown after implementation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e98bab497ee10ad89d2dfed76c7117b633206fe"},(0,n.yg)("inlineCode",{parentName:"a"},"7e98bab"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): minor responsive fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/16a000634505c9e8f8b310860a30b62798a0fb87"},(0,n.yg)("inlineCode",{parentName:"a"},"16a0006"))),(0,n.yg)("li",{parentName:"ul"},"refactor(hero): align hero's text and meta seperately ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4fa958f7c7cc6d331a8eb7aaf25dc44d6cd3632a"},(0,n.yg)("inlineCode",{parentName:"a"},"4fa958f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(hero):add button variant controls ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f362a7b2ec273131fa0876f23b74c740c7217b3a"},(0,n.yg)("inlineCode",{parentName:"a"},"f362a7b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): update search input ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/368962eabb668e2ec1bdcd18ae81658e7b1d911b"},(0,n.yg)("inlineCode",{parentName:"a"},"368962e"))),(0,n.yg)("li",{parentName:"ul"},"change(header): mark top level active menu item ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/665c449bc2667cc1471a4b97923c897ad3506792"},(0,n.yg)("inlineCode",{parentName:"a"},"665c449"))),(0,n.yg)("li",{parentName:"ul"},"refactor(hero):prettier & style changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d84688440417a430afd9fd24f4c8cfeef0121203"},(0,n.yg)("inlineCode",{parentName:"a"},"d846884"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): add control for main section stickiness ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2f07572f78074137e7e6a49585273210ed5cedcb"},(0,n.yg)("inlineCode",{parentName:"a"},"2f07572"))),(0,n.yg)("li",{parentName:"ul"},"change(header): use viewport width for changing mobile text in header dropdowns ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b50fa585c0abeedc04a46395f08e50a9e112c430"},(0,n.yg)("inlineCode",{parentName:"a"},"b50fa58"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): add fluid font sizes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f2743e39107fd1bd00a54e03bf92963eb9853f2"},(0,n.yg)("inlineCode",{parentName:"a"},"5f2743e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header) add position sticky & transparent for main section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/29df772edfe23b1752aa3d184659eea90c3c9221"},(0,n.yg)("inlineCode",{parentName:"a"},"29df772"))),(0,n.yg)("li",{parentName:"ul"},"refactor(hero): update variables with new design tokens ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d9792231c50f12fd68364e201054f6ab0926665"},(0,n.yg)("inlineCode",{parentName:"a"},"1d97922"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Language List): render language dropdown as ul and li elements ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3617442da78af07d3f473d0c43c47dd48c9b2ac3"},(0,n.yg)("inlineCode",{parentName:"a"},"3617442"))),(0,n.yg)("li",{parentName:"ul"},"change(header): introduced item class to the mega menu link content ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00ca376ea4cf1de4851e84567b97c374ee7f66e3"},(0,n.yg)("inlineCode",{parentName:"a"},"00ca376"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Language List): add less variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7ccc1ccf57419b6eecbf71d479db72b84428d43a"},(0,n.yg)("inlineCode",{parentName:"a"},"7ccc1cc"))),(0,n.yg)("li",{parentName:"ul"},"change(header): disabled active menu when clicking on globalnav links ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3f7b5eedb038b51fbae8a14a683dc6adc919549b"},(0,n.yg)("inlineCode",{parentName:"a"},"3f7b5ee"))),(0,n.yg)("li",{parentName:"ul"},"change(header): target link instead of span directly ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9e865fbb5b256196756c3d84de397296ac0b447a"},(0,n.yg)("inlineCode",{parentName:"a"},"9e865fb"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): remove unused imports ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e232db6ce0b2553be79d98d8497fa06f548b772"},(0,n.yg)("inlineCode",{parentName:"a"},"7e232db")))),(0,n.yg)("h4",{id:"\ufe0f-others-57"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Add item themes; override .block .ui.image width based on size ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/06010db21398638d46d2e007317d72a7aff7e7d9"},(0,n.yg)("inlineCode",{parentName:"a"},"06010db"))),(0,n.yg)("li",{parentName:"ul"},"Move item icon themes to item.overrides ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/31e8921f4ee4d92ba3a9c58275b41dd3101cffd2"},(0,n.yg)("inlineCode",{parentName:"a"},"31e8921"))),(0,n.yg)("li",{parentName:"ul"},"Override only the width ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8d4927084e5daedcb69e6f3a57cab73a9016a55f"},(0,n.yg)("inlineCode",{parentName:"a"},"8d49270"))),(0,n.yg)("li",{parentName:"ul"},"Override tile image in .block parrent ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/005655ddff6f45e211f1ff8156b0b7efa1e47a2e"},(0,n.yg)("inlineCode",{parentName:"a"},"005655d"))),(0,n.yg)("li",{parentName:"ul"},"Update package.json ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9dc38165a95deca1faf2dfccdc03fd6cab3d8c54"},(0,n.yg)("inlineCode",{parentName:"a"},"9dc3816"))),(0,n.yg)("li",{parentName:"ul"},"feature(item): added themes to item icons #190 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a6a2907df09575a18fb6e81dc52e8d6651eff118"},(0,n.yg)("inlineCode",{parentName:"a"},"a6a2907"))),(0,n.yg)("li",{parentName:"ul"},"update storybook header.topdropdown ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e58ac0821af56c06272e3373383647cbbff20978"},(0,n.yg)("inlineCode",{parentName:"a"},"e58ac08"))),(0,n.yg)("li",{parentName:"ul"},"use volto-screen-helper width ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea156aad1100166ba78635163cfacdcfb913c1d4"},(0,n.yg)("inlineCode",{parentName:"a"},"ea156aa"))),(0,n.yg)("li",{parentName:"ul"},"Add divider content for metadata field in Banner ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/327ad1c5fdca0d376d04fd36084b940e5dd016ab"},(0,n.yg)("inlineCode",{parentName:"a"},"327ad1c"))),(0,n.yg)("li",{parentName:"ul"},"rename to viewportWidth ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32162e7c695774bbb68ac63a0008e8b148f1e9f5"},(0,n.yg)("inlineCode",{parentName:"a"},"32162e7"))),(0,n.yg)("li",{parentName:"ul"},"don't connect component to store ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/470b8bade5e8f2eaabb20a7bb02c8e82ca42f8a0"},(0,n.yg)("inlineCode",{parentName:"a"},"470b8ba"))),(0,n.yg)("li",{parentName:"ul"},"Add end of line ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51639d804a2b84f66373fb77c569bcc43b22e303"},(0,n.yg)("inlineCode",{parentName:"a"},"51639d8"))),(0,n.yg)("li",{parentName:"ul"},"behave as mobile under 480 only ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/11b99e15cb83245a32bb04f3937f5b95a60b1e95"},(0,n.yg)("inlineCode",{parentName:"a"},"11b99e1"))),(0,n.yg)("li",{parentName:"ul"},"make it account for all mobile-s,m,l ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/69e23ae8d12042f241dc53c9e296c340d5b17089"},(0,n.yg)("inlineCode",{parentName:"a"},"69e23ae")))),(0,n.yg)("h3",{id:"045---2022-06-08"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.4.4...0.4.5"},"0.4.5")," - 2022-06-08"),(0,n.yg)("h4",{id:"-enhancements-57"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(tabs): Add style for tabs accordion template #187 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fb8adbf84ac564a14d45bb6e8f4e1661811672d5"},(0,n.yg)("inlineCode",{parentName:"a"},"fb8adbf"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): avoid react error by providing key prop to grid column ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef0b1937d614a889a0c2117e483a834ed1aec1e3"},(0,n.yg)("inlineCode",{parentName:"a"},"ef0b193")))),(0,n.yg)("h4",{id:"\ufe0f-others-58"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Cleanup ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4b9637ebd2d6c015f8d4323551c6cbc4b7506df"},(0,n.yg)("inlineCode",{parentName:"a"},"d4b9637"))),(0,n.yg)("li",{parentName:"ul"},"Add style for tabs accordion template ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a10998372a268b99991f7dda55103149f29d00cb"},(0,n.yg)("inlineCode",{parentName:"a"},"a109983")))),(0,n.yg)("h3",{id:"044---2022-06-08"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.4.3...0.4.4"},"0.4.4")," - 2022-06-08"),(0,n.yg)("h4",{id:"-new-features-32"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(divider): create story for divider ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b10a2e08b14962bed9f13317754f4124ee60d313"},(0,n.yg)("inlineCode",{parentName:"a"},"b10a2e0")))),(0,n.yg)("h4",{id:"-bug-fixes-53"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(divider): restore space between classes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c595c152c144463f33757157ed7d6797ae31ceed"},(0,n.yg)("inlineCode",{parentName:"a"},"c595c15"))),(0,n.yg)("li",{parentName:"ul"},"fix(divider): Text colors and transform ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e524e1002bb0700ea69782cf5a95c6073ab383d2"},(0,n.yg)("inlineCode",{parentName:"a"},"e524e10"))),(0,n.yg)("li",{parentName:"ul"},"fix(footer): story aria labels for social media links ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/254bdc7ba944943f5d08a71f9d0a3a31bdc06044"},(0,n.yg)("inlineCode",{parentName:"a"},"254bdc7")))),(0,n.yg)("h4",{id:"-enhancements-58"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(footer): update logos and less structure ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/66b8e0f12825968d94f7d572f2823d9a8a3a239b"},(0,n.yg)("inlineCode",{parentName:"a"},"66b8e0f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer): first footer updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d18a2ee59d0deb143075d8dfeb949898ad1f6399"},(0,n.yg)("inlineCode",{parentName:"a"},"d18a2ee"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer): logo updates and adjustments ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/101bc9dfe4136240457f335de867a83c28d59339"},(0,n.yg)("inlineCode",{parentName:"a"},"101bc9d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer): use tokens and adjust spacing ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2cb166949913f725271050e863b38e7630748135"},(0,n.yg)("inlineCode",{parentName:"a"},"2cb1669"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): moved SubFooter logic to SubFooter.jsx from Footer story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/902383a0bb3446dc69237099bd429ead5e30a6c1"},(0,n.yg)("inlineCode",{parentName:"a"},"902383a"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Divider):add divider with content inside story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2d66dca901fa189d69b65239dc34b1969097be8"},(0,n.yg)("inlineCode",{parentName:"a"},"e2d66dc"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): added managed by section as properties ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9328fc3084baf22439e1892d256d9a167b911849"},(0,n.yg)("inlineCode",{parentName:"a"},"9328fc3"))),(0,n.yg)("li",{parentName:"ul"},"refactor(divider): remove custom divider ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4870d2252ad216e82213fa1f94cc39609ae676d"},(0,n.yg)("inlineCode",{parentName:"a"},"d4870d2"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Divider_:remove green color class & add tertiary ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95f30186bc1768e08f00ad7d5ffa2a70402ac553"},(0,n.yg)("inlineCode",{parentName:"a"},"95f3018"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer): use remix icons for social links ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5ef9aa2cebb6f96857a1920cefbf7e367b4d7c28"},(0,n.yg)("inlineCode",{parentName:"a"},"5ef9aa2"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Divider):remove clean class and use fitted prop ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8d2be350dcc44fd56b5fbfb791fb6b2a45bd8a52"},(0,n.yg)("inlineCode",{parentName:"a"},"8d2be35"))),(0,n.yg)("li",{parentName:"ul"},"change(Divider): Rename color property to theme ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0deffc823609d23131a85bc180e4a3f5a67a64aa"},(0,n.yg)("inlineCode",{parentName:"a"},"0deffc8"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer): update links and logo align ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7afbab9b37982a557ac8bfa4430205ce912c3b8b"},(0,n.yg)("inlineCode",{parentName:"a"},"7afbab9"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): tweaked column sizes to the values before my changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fdf271868e44bce2904cc28c6fa924ee4c9ba759"},(0,n.yg)("inlineCode",{parentName:"a"},"fdf2718"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer): to latest figma design #182 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e0ba2b659db9dc1b140d853840a06bd3ce31cab"},(0,n.yg)("inlineCode",{parentName:"a"},"3e0ba2b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer): move subfooter logic to the proper component #185 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/303457719128c9699dd34939bd8db2b647977667"},(0,n.yg)("inlineCode",{parentName:"a"},"3034577"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer): update controls ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b0b872b1415c9792a5886f619195f9c0471ea564"},(0,n.yg)("inlineCode",{parentName:"a"},"b0b872b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(testimonial): update divider ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/784450abdf395318fe89d8d3d0a1e398393cc93c"},(0,n.yg)("inlineCode",{parentName:"a"},"784450a"))),(0,n.yg)("li",{parentName:"ul"},"refactor(testimonial): changed divider color to secondary ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84282f960ab22ccb8403e975c055c61d1023193a"},(0,n.yg)("inlineCode",{parentName:"a"},"84282f9"))),(0,n.yg)("li",{parentName:"ul"},"refactor(divider): remove custom divider from theme config ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a0409e8df3c9ba043717140455369a3630f0da85"},(0,n.yg)("inlineCode",{parentName:"a"},"a0409e8")))),(0,n.yg)("h4",{id:"-documentation-changes-18"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(divider): switch to secondary color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/239844be374a2f6bc4667e7ab3d2f52bfdc181ad"},(0,n.yg)("inlineCode",{parentName:"a"},"239844b"))),(0,n.yg)("li",{parentName:"ul"},"docs(divider): showcase path fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5ea03f60034edc918054aa273e44b84b2537716"},(0,n.yg)("inlineCode",{parentName:"a"},"d5ea03f")))),(0,n.yg)("h4",{id:"\ufe0f-others-59"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Remove unnecessary spaces ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d137981430809345bfb3ad494e7ab981c93c3e51"},(0,n.yg)("inlineCode",{parentName:"a"},"d137981"))),(0,n.yg)("li",{parentName:"ul"},"lint fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/657cf4ed917c4ff992aa033c3d9f4884a949d86d"},(0,n.yg)("inlineCode",{parentName:"a"},"657cf4e"))),(0,n.yg)("li",{parentName:"ul"},"perf(storybook): added storybook favicon ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/38eabc3124c85dd56bf5c68c0fb1e967c39055ec"},(0,n.yg)("inlineCode",{parentName:"a"},"38eabc3")))),(0,n.yg)("h3",{id:"043---2022-06-03"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.4.2...0.4.3"},"0.4.3")," - 2022-06-03"),(0,n.yg)("h4",{id:"-bug-fixes-54"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(edit): Fix columns/accordion inner toolbar padding ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fafbb525baa60c339906dc6a33d2f9418d050be6"},(0,n.yg)("inlineCode",{parentName:"a"},"fafbb52")))),(0,n.yg)("h4",{id:"-enhancements-59"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): completed removal of description from guides ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/42424b9213ece8d8df84d40f1b73e142cb0ffc6b"},(0,n.yg)("inlineCode",{parentName:"a"},"42424b9")))),(0,n.yg)("h3",{id:"042---2022-06-02"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.4.1...0.4.2"},"0.4.2")," - 2022-06-02"),(0,n.yg)("h4",{id:"-enhancements-60"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): moved color swatches around in the color guide ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8a395fce52a32cf92449a24d3d4cce5abf25a284"},(0,n.yg)("inlineCode",{parentName:"a"},"8a395fc"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): removed description from components and introduced category listing ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f220bf0785f5aaede8c25c4164120b09de67b018"},(0,n.yg)("inlineCode",{parentName:"a"},"f220bf0"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): rename gap to space and added em spaces ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f5b042d311518ec3fb32c7f259c39ff62d4547f8"},(0,n.yg)("inlineCode",{parentName:"a"},"f5b042d"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): moved extra docs to webdev section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1ce0797b91418272e4e405467cd1468292620005"},(0,n.yg)("inlineCode",{parentName:"a"},"1ce0797"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): moved md_components files into webdev/md_components ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/73c1c08a270d504fa6f2ba2579bcb3e6e25fb112"},(0,n.yg)("inlineCode",{parentName:"a"},"73c1c08"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): added category yml for all sections ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/17405728e3f44828da50890b9fc0f4e8a07f8bf2"},(0,n.yg)("inlineCode",{parentName:"a"},"1740572"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): color guideline updates and spacing tokens documentation #148 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c1154ba172c3b3b40b565c2bcb590f1a5e6b25a4"},(0,n.yg)("inlineCode",{parentName:"a"},"c1154ba"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): modified story links to avoid broken usage tabs ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/78dc8d8f4e7cade3ab0e911e6dc002eefc1e7986"},(0,n.yg)("inlineCode",{parentName:"a"},"78dc8d8"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): renamed several file id's so that they match the incremental naming sequence ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/11299c9a4c41ca901926f852227dbca0bc1aee17"},(0,n.yg)("inlineCode",{parentName:"a"},"11299c9")))),(0,n.yg)("h4",{id:"-documentation-changes-19"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(Docusaurus): timeline, testimonial, quote and tags ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aaa54ecbe182872ffc7fff275d5065ebe790d348"},(0,n.yg)("inlineCode",{parentName:"a"},"aaa54ec"))),(0,n.yg)("li",{parentName:"ul"},"docs(spacing): add relative gap tokens ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/92abc8fff2c7006e2c64684048e7783216a230bb"},(0,n.yg)("inlineCode",{parentName:"a"},"92abc8f"))),(0,n.yg)("li",{parentName:"ul"},"docs(colors): updated colors ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a28c99e60867c1eaa1b7b68d4154ccaa8c9ef958"},(0,n.yg)("inlineCode",{parentName:"a"},"a28c99e"))),(0,n.yg)("li",{parentName:"ul"},"docs(tags/content): new page about tags and content ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/60be40268a77606c53fc45641bc22166b50b75e7"},(0,n.yg)("inlineCode",{parentName:"a"},"60be402"))),(0,n.yg)("li",{parentName:"ul"},"docs(Docusaurus): labeled icons ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6a0f61ede3a36c7d66d9b3091b93b0b5ff9a445"},(0,n.yg)("inlineCode",{parentName:"a"},"f6a0f61"))),(0,n.yg)("li",{parentName:"ul"},"docs(typography): add font size and line height tokens ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ff65e47cfe56eb3efe976300b764ba13f8685ce"},(0,n.yg)("inlineCode",{parentName:"a"},"2ff65e4"))),(0,n.yg)("li",{parentName:"ul"},"docs(spacing): add spacing gap tokens ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2d53727f8e817588421efea464e849c9f9e16dce"},(0,n.yg)("inlineCode",{parentName:"a"},"2d53727"))),(0,n.yg)("li",{parentName:"ul"},"docs(spacing): add missing gaps ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/442db468830150c8e4ad5f91775fc5b3c47dd655"},(0,n.yg)("inlineCode",{parentName:"a"},"442db46"))),(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus): minor fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e66513f08cff598881ce1051b482ddadf8e0593"},(0,n.yg)("inlineCode",{parentName:"a"},"6e66513"))),(0,n.yg)("li",{parentName:"ul"},"docs(spacing): aligned images ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e946fe59457b861a31939e99adf4b380777e01e0"},(0,n.yg)("inlineCode",{parentName:"a"},"e946fe5"))),(0,n.yg)("li",{parentName:"ul"},"docs(spacing): new image ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fcd3294d53db76580b8bffc9678a09fd65b33113"},(0,n.yg)("inlineCode",{parentName:"a"},"fcd3294")))),(0,n.yg)("h4",{id:"\ufe0f-others-60"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"merge changes from develop into docusaurus token documentation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a9401384ddf5fcfbf29e50d34f3d7851be85f19a"},(0,n.yg)("inlineCode",{parentName:"a"},"a940138"))),(0,n.yg)("li",{parentName:"ul"},"perf(docs): restructuring order ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f4134d81d1cc59b8ba0d8669415b5eb31c0513d"},(0,n.yg)("inlineCode",{parentName:"a"},"8f4134d")))),(0,n.yg)("h3",{id:"041---2022-06-02"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.4.0...0.4.1"},"0.4.1")," - 2022-06-02"),(0,n.yg)("h4",{id:"-new-features-33"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(languageLabeledIcon) : add new component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/110558eeec37d5b5f616a95298a313ba230dd6f4"},(0,n.yg)("inlineCode",{parentName:"a"},"110558e"))),(0,n.yg)("li",{parentName:"ul"},"feat(LanguageLabeledIcon):add new component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d00200c278e1dab02b449b460a325e0f2e7b8ccd"},(0,n.yg)("inlineCode",{parentName:"a"},"d00200c"))),(0,n.yg)("li",{parentName:"ul"},"feat(newTabLabeledIcon) : add new component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f5cd31257a306a58c1d9cdbf7cb428701412369"},(0,n.yg)("inlineCode",{parentName:"a"},"8f5cd31"))),(0,n.yg)("li",{parentName:"ul"},"feat(labeledIconGroup) : add new component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/787d648342d78c4f9d28fde9d08e83089ef7b08f"},(0,n.yg)("inlineCode",{parentName:"a"},"787d648"))),(0,n.yg)("li",{parentName:"ul"},"feat(DownLoadLabeledIcon) : add new component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ea2fa1ec17ce235401a8ac741afa8fede920d26"},(0,n.yg)("inlineCode",{parentName:"a"},"6ea2fa1")))),(0,n.yg)("h4",{id:"-bug-fixes-55"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(LabeledIcon) : fix lint errors ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91b042f8c16bd3e99659c1c24a5f2a946c72b03f"},(0,n.yg)("inlineCode",{parentName:"a"},"91b042f"))),(0,n.yg)("li",{parentName:"ul"},"fix(LabeledIconGroup) : fix links for tests ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/daa10653ca37f3e83302e2ebcc566b5f5ec4c4d9"},(0,n.yg)("inlineCode",{parentName:"a"},"daa1065"))),(0,n.yg)("li",{parentName:"ul"},"fix(LanguageLabeledIcon):bug fix & languages change ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1436e2bc270f8f079f07b7909254bd2e6e087084"},(0,n.yg)("inlineCode",{parentName:"a"},"1436e2b"))),(0,n.yg)("li",{parentName:"ul"},"fix(LabeledIconGroup):fix based on Langauge & Download Labeled icon components changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3015864ce740f534aa204402f85a9f392e342513"},(0,n.yg)("inlineCode",{parentName:"a"},"3015864"))),(0,n.yg)("li",{parentName:"ul"},"fix(newTabLabeledIcon) : add link item ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b1a9ada3dd7dae9e1841cfde5319a6ab37b15de2"},(0,n.yg)("inlineCode",{parentName:"a"},"b1a9ada"))),(0,n.yg)("li",{parentName:"ul"},"fix(Labeled Icons):minor bug fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00f3022cdc2bfad634707f0d6d05768868f599be"},(0,n.yg)("inlineCode",{parentName:"a"},"00f3022")))),(0,n.yg)("h4",{id:"-enhancements-61"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(labeledIcons): adjust new tab labeled icon to figma and replace px with rems ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/904615d789ea711678f43ce9f9d02a450289031f"},(0,n.yg)("inlineCode",{parentName:"a"},"904615d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(LanguageLabeledIcon):implement with pop up ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0f3dd8f0388484f94351a0ab0798ab53e84c9229"},(0,n.yg)("inlineCode",{parentName:"a"},"0f3dd8f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(labeledIcon): add group wrapper in labeled icon stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b7dd314230145b6239fd800d41f546ab5d9eebb"},(0,n.yg)("inlineCode",{parentName:"a"},"4b7dd31"))),(0,n.yg)("li",{parentName:"ul"},"refactor(DownloadLabeledIcon):implement with pop up ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aa61f9b7d449c08c08bc4c004da6a0458598c828"},(0,n.yg)("inlineCode",{parentName:"a"},"aa61f9b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(labeledIcons): adjust language labeled icon to figma ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5741e3d2e95665ef12670335b12d29cfbf998fdc"},(0,n.yg)("inlineCode",{parentName:"a"},"5741e3d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(labeledIcons): adjust download icon to figma and replace px with rems ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ae85307a62526fed75ef0b1d37ad59076370b5a"},(0,n.yg)("inlineCode",{parentName:"a"},"4ae8530"))),(0,n.yg)("li",{parentName:"ul"},"refactor(LanguageLabeledIcons):minor storybook change ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/78f55442a80cbc2f716ba81274ed08204e3c502a"},(0,n.yg)("inlineCode",{parentName:"a"},"78f5544"))),(0,n.yg)("li",{parentName:"ul"},"refactor(LanguageLabeledIcon): set language code to uppercase and minor storybook change ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac286931282c0a69bc6d7803e96cbe302db8994f"},(0,n.yg)("inlineCode",{parentName:"a"},"ac28693"))),(0,n.yg)("li",{parentName:"ul"},"refactor(labeledIcon): adjust paddings ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9c1ecddc52c81be1d952d0af67862a284eba9eec"},(0,n.yg)("inlineCode",{parentName:"a"},"9c1ecdd"))),(0,n.yg)("li",{parentName:"ul"},"refactor(labeledIcons): update margins for group labeled icons ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5fa5ca9103a5d8ad1510c90cc8c46d0c82abcc63"},(0,n.yg)("inlineCode",{parentName:"a"},"5fa5ca9"))),(0,n.yg)("li",{parentName:"ul"},"refactor(labeledIcons): add variable for icon color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f9d3cba5115c5c91aaaca49c1f834950400673a"},(0,n.yg)("inlineCode",{parentName:"a"},"9f9d3cb"))),(0,n.yg)("li",{parentName:"ul"},"refactor(labeledIcons): update colors on download links ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c04264229c91bfdea927fd22f4ee1e8ddbcebd5c"},(0,n.yg)("inlineCode",{parentName:"a"},"c042642")))),(0,n.yg)("h4",{id:"-internal-changes-23"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"chore(labeledIconGroup) : lint changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/535cee4795dff75b35856cb4406a9bd33ee07ca4"},(0,n.yg)("inlineCode",{parentName:"a"},"535cee4"))),(0,n.yg)("li",{parentName:"ul"},"style(downloadLabeledIcon) : fix styling ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d8e3acb3bac1a4174d4bb526d6188cb5e5f8faa"},(0,n.yg)("inlineCode",{parentName:"a"},"6d8e3ac"))),(0,n.yg)("li",{parentName:"ul"},"style(downloadLabeledIcon) : fix alignment ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/455801701d2958515885ba2c398312f0c56057b0"},(0,n.yg)("inlineCode",{parentName:"a"},"4558017"))),(0,n.yg)("li",{parentName:"ul"},"chore(LabeledIconGroup) : lint changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab364763bb2526adbbb7fc3c656a16b497568940"},(0,n.yg)("inlineCode",{parentName:"a"},"ab36476")))),(0,n.yg)("h3",{id:"040---2022-06-01"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.3.1...0.4.0"},"0.4.0")," - 2022-06-01"),(0,n.yg)("h4",{id:"-new-features-34"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(Carousel): create carousel for cards ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b0d73798b4fcbf2897d7a8167d9b4d3b3374fb2"},(0,n.yg)("inlineCode",{parentName:"a"},"2b0d737"))),(0,n.yg)("li",{parentName:"ul"},"feat(ItemwithIcons): Initial Item group with icons, new item variation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7f4ea476264856845a07cd24be6ec86ccd21ed8d"},(0,n.yg)("inlineCode",{parentName:"a"},"7f4ea47"))),(0,n.yg)("li",{parentName:"ul"},"feat(utilities): add file and basic utilities ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/05c88b294a49590e3fb355fb6e113f5020442915"},(0,n.yg)("inlineCode",{parentName:"a"},"05c88b2"))),(0,n.yg)("li",{parentName:"ul"},"feat(utilities): add file with basic utilities classes #173 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/855185ff22c77efb75cc5c7850d181254b4c4927"},(0,n.yg)("inlineCode",{parentName:"a"},"855185f")))),(0,n.yg)("h4",{id:"-bug-fixes-56"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(tokens): hsla function for shadows ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8e5d37a6e88321b1e2daf995b407c4ddd6e866e"},(0,n.yg)("inlineCode",{parentName:"a"},"b8e5d37"))),(0,n.yg)("li",{parentName:"ul"},"fix(tokens): remove css var from less file ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a9c422476b412287713a6b475406615c3aed2aca"},(0,n.yg)("inlineCode",{parentName:"a"},"a9c4224"))),(0,n.yg)("li",{parentName:"ul"},"fix(carousel):add storybook controls descriptions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/269a60383ed1e54fc57e26d4eed6b37d1da32236"},(0,n.yg)("inlineCode",{parentName:"a"},"269a603"))),(0,n.yg)("li",{parentName:"ul"},"fix(item): remove image width css from item.less ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7b21cb2d5ddf6a6f72646f47fd268a0bd7af757d"},(0,n.yg)("inlineCode",{parentName:"a"},"7b21cb2"))),(0,n.yg)("li",{parentName:"ul"},"fix(table): Set responsive breakpoint to @tabletBreakpoint ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/067e01842030bfa5639e2a55cb8af5047bb2996f"},(0,n.yg)("inlineCode",{parentName:"a"},"067e018")))),(0,n.yg)("h4",{id:"-enhancements-62"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(item): import item.less in theme definitions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c51637480192dbece828616010174648ac865e2e"},(0,n.yg)("inlineCode",{parentName:"a"},"c516374"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Label):add corner,ribbon & basic label stories and styles ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2bbbb947113a59127f91b86917ef0edbf36ab16"},(0,n.yg)("inlineCode",{parentName:"a"},"e2bbbb9"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Label):style changes based on label importance class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce4d5d1a5bf1b1183242a253e37c509d61f82b8c"},(0,n.yg)("inlineCode",{parentName:"a"},"ce4d5d1"))),(0,n.yg)("li",{parentName:"ul"},"change(tokens): rename gap to space and added em spaces ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/719efc44070ef87f049a92e4da96bb111e9fc8ff"},(0,n.yg)("inlineCode",{parentName:"a"},"719efc4"))),(0,n.yg)("li",{parentName:"ul"},"refactor(item): add classes for size, set default to tile and add controls for grouped items ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5a0405abba4e5f5d36f899dc9e47f43a96d5e49"},(0,n.yg)("inlineCode",{parentName:"a"},"d5a0405"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tokens): add borders, shadows, shapes and z-index tokens ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7069106c2b0ada9cdbad63249b4ada7fde72e05f"},(0,n.yg)("inlineCode",{parentName:"a"},"7069106"))),(0,n.yg)("li",{parentName:"ul"},"change(tokens): name spacing tokens gaps and added missing values up to 80px as documented ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9fbd912a6f027150149d82678f88885a939120b0"},(0,n.yg)("inlineCode",{parentName:"a"},"9fbd912"))),(0,n.yg)("li",{parentName:"ul"},"refactor(quote): Rename sourceInfo to extra info ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/76c2b400de4814fe79f303bfd2a82842c848231c"},(0,n.yg)("inlineCode",{parentName:"a"},"76c2b40"))),(0,n.yg)("li",{parentName:"ul"},"refactor(item): WIP replacing unstackable with row ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e3a44de4b2dd26667e80e0d131c55b08f3c527d9"},(0,n.yg)("inlineCode",{parentName:"a"},"e3a44de"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tocens): add color design tokens ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/13bb165e103a25aadb9da6414773dc0d35081d88"},(0,n.yg)("inlineCode",{parentName:"a"},"13bb165"))),(0,n.yg)("li",{parentName:"ul"},"refactor(item): adjust margins to match figma designs ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6334581b336a2f486e85199f371126beea47b92f"},(0,n.yg)("inlineCode",{parentName:"a"},"6334581"))),(0,n.yg)("li",{parentName:"ul"},"refactor(carousel): remove title from story and color on card hover ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/12a1d7c3bd5e7ba6edf4eb20a2d7a6f8f22955f9"},(0,n.yg)("inlineCode",{parentName:"a"},"12a1d7c"))),(0,n.yg)("li",{parentName:"ul"},"change(tokens): updated sizes with 4-8-16px increments ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f53d655df2b24053a5d331c56dfd14bd3602dfd"},(0,n.yg)("inlineCode",{parentName:"a"},"1f53d65"))),(0,n.yg)("li",{parentName:"ul"},"change(tokens): added size tokens to be used for width of elements ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cda5dea1f6ad1ae980c89999d323d7b385894025"},(0,n.yg)("inlineCode",{parentName:"a"},"cda5dea"))),(0,n.yg)("li",{parentName:"ul"},"change(utilities): values need important rule ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/96150d9a22cb6be6f338f1e9d052cbd65e3602fc"},(0,n.yg)("inlineCode",{parentName:"a"},"96150d9"))),(0,n.yg)("li",{parentName:"ul"},"change(tokens): added also rem space values ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aedbbddaf7f8be88ed2f8a2b8c21b60752896c53"},(0,n.yg)("inlineCode",{parentName:"a"},"aedbbdd"))),(0,n.yg)("li",{parentName:"ul"},"change(tokens): updated z-index tokens with negative values ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/404efe4244d67276b435e60a1d7a69aaa90e3d8a"},(0,n.yg)("inlineCode",{parentName:"a"},"404efe4"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tokens): add 14px font size token ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8d8695dce62e7f29af01447308460e4fe3f72b21"},(0,n.yg)("inlineCode",{parentName:"a"},"8d8695d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(docusaurus): restructured and improved sections navigation #174 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b47b0266ffd6baeaf1a5aea1a7ab22c909976de1"},(0,n.yg)("inlineCode",{parentName:"a"},"b47b026"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tokens): add 12 and 14px font size token #176 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/368114729536f03dd85c2d3565b984c3bdfe3a72"},(0,n.yg)("inlineCode",{parentName:"a"},"3681147"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tokens): remove conditional border radius ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f0fe5ada7b74e9c87623dd2b2774283dd89b9a58"},(0,n.yg)("inlineCode",{parentName:"a"},"f0fe5ad")))),(0,n.yg)("h4",{id:"-documentation-changes-20"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(website): created new sections, improved website navigation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/243f0be4d7fa6e988da0ca0f586f5ea478573eef"},(0,n.yg)("inlineCode",{parentName:"a"},"243f0be"))),(0,n.yg)("li",{parentName:"ul"},"docs(homepage): adding design system homepage with links for upcoming sections ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c9a968508acff74d1182e68cf049046dafd564c5"},(0,n.yg)("inlineCode",{parentName:"a"},"c9a9685"))),(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus): copyedit, improved navigation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/998762a5bd40d08f619c00743b66d82b43aed653"},(0,n.yg)("inlineCode",{parentName:"a"},"998762a"))),(0,n.yg)("li",{parentName:"ul"},"docs(website): restructuring, moved current DS docs to new folder ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8bb612f1313dfc739d7912aa2e3252f468e1122f"},(0,n.yg)("inlineCode",{parentName:"a"},"8bb612f"))),(0,n.yg)("li",{parentName:"ul"},"docs(homepage): copy editing ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ee37d6f1d282b973af744f4305c0eb94c0993113"},(0,n.yg)("inlineCode",{parentName:"a"},"ee37d6f")))),(0,n.yg)("h4",{id:"\ufe0f-others-61"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Release 0.4.0 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f4bc50928ab877f3670b181dbe6e8cfff7fa2daa"},(0,n.yg)("inlineCode",{parentName:"a"},"f4bc509"))),(0,n.yg)("li",{parentName:"ul"},"feature(homepage): added Item group with icons #167 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ec99f53aeb183b24073be4014a9c2ec30d5235c"},(0,n.yg)("inlineCode",{parentName:"a"},"2ec99f5"))),(0,n.yg)("li",{parentName:"ul"},"feature(tokens): added borders, z-index, shadows tokens #171 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/74c178837cedc7ee9fc55effde1096dc03245574"},(0,n.yg)("inlineCode",{parentName:"a"},"74c1788"))),(0,n.yg)("li",{parentName:"ul"},"feature(tokens): added initial color design tokens #169 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/da3eae05d07783aa5eadaed5d508ee3be8acc47d"},(0,n.yg)("inlineCode",{parentName:"a"},"da3eae0"))),(0,n.yg)("li",{parentName:"ul"},"perf(carousel): added slick library ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca9be5125efa864bc30a0178274d744c5b2bc500"},(0,n.yg)("inlineCode",{parentName:"a"},"ca9be51")))),(0,n.yg)("h3",{id:"031---2022-05-19"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.3.0...0.3.1"},"0.3.1")," - 2022-05-19"),(0,n.yg)("h4",{id:"-bug-fixes-57"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(input,segment): toggle inputs and padding fixes within Volto sidebar forms ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de030d617325a8f9d028a5c1615faa160fcdd763"},(0,n.yg)("inlineCode",{parentName:"a"},"de030d6")))),(0,n.yg)("h4",{id:"-enhancements-63"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(login): restored width of login container to 376px ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0564293346b2402c3c86009b61066da4200662b8"},(0,n.yg)("inlineCode",{parentName:"a"},"0564293")))),(0,n.yg)("h3",{id:"030---2022-05-17"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.2.4...0.3.0"},"0.3.0")," - 2022-05-17"),(0,n.yg)("h4",{id:"-new-features-35"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(Callout):create Callout component with Blockquote style ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3d486b1c2c7f74ee8bc4b3a5e1bf3993ac98f6dd"},(0,n.yg)("inlineCode",{parentName:"a"},"3d486b1"))),(0,n.yg)("li",{parentName:"ul"},"feat(callout): Align the Callout component with Volto slate component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e9343ff7008cd3d60700929e8861c7bdd06df4d3"},(0,n.yg)("inlineCode",{parentName:"a"},"e9343ff")))),(0,n.yg)("h4",{id:"-bug-fixes-58"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(testimonial): fix storybook arg names ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9df52f7151ef759fd672d365b2d74f6db535ad0"},(0,n.yg)("inlineCode",{parentName:"a"},"b9df52f"))),(0,n.yg)("li",{parentName:"ul"},"fix(table): tweak responsive table for extra long headers ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7f9f9e25f7c57d4bf7edd2546a7579b892867b5c"},(0,n.yg)("inlineCode",{parentName:"a"},"7f9f9e2"))),(0,n.yg)("li",{parentName:"ul"},"fix(quote): fix color and padding issue ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/310d6b37bdf5df3da2d2103eab8f4fa5020c95ab"},(0,n.yg)("inlineCode",{parentName:"a"},"310d6b3"))),(0,n.yg)("li",{parentName:"ul"},"fix(accordion): Fix accordion active title color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57af1650a0b830e01c79e21b130784190defbcc0"},(0,n.yg)("inlineCode",{parentName:"a"},"57af165"))),(0,n.yg)("li",{parentName:"ul"},"fix(testimonial): remove info arguement ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9593d95f6352fb5aea48c3611b27b4bc6a9ae7e4"},(0,n.yg)("inlineCode",{parentName:"a"},"9593d95")))),(0,n.yg)("h4",{id:"-enhancements-64"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(Table):add responsive mobile table story and styles ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aed69e698e5b89e33a4c331570755934267492af"},(0,n.yg)("inlineCode",{parentName:"a"},"aed69e6"))),(0,n.yg)("li",{parentName:"ul"},"refactor(testimonial): adjust to volto design | fix avatar image size ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/546070e494ad187c50913b5742dab49ce5475a84"},(0,n.yg)("inlineCode",{parentName:"a"},"546070e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Quote):rename Pullquote component to Quote ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9384a0c129b8e4eed637e51a9669c41d8ade69d4"},(0,n.yg)("inlineCode",{parentName:"a"},"9384a0c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Quote):rename Quote.Metadata to Quote.SourceInfo ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dfae8b1c147659d24dfd1a13fb4c3098e5865a12"},(0,n.yg)("inlineCode",{parentName:"a"},"dfae8b1"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Quote): rename Author to Source ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d400f6a0ec0062f58782b4e170f4a1a9a31c56c"},(0,n.yg)("inlineCode",{parentName:"a"},"6d400f6"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Quote):move Testimonial component under Quote folder ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2467c2089577d67ef5689a2507cb860a837f6a0"},(0,n.yg)("inlineCode",{parentName:"a"},"e2467c2"))),(0,n.yg)("li",{parentName:"ul"},"refactor(testimonial): readjust rounded card ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b41933417a44dabcf829a3346d91c142dd6472d3"},(0,n.yg)("inlineCode",{parentName:"a"},"b419334"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Table):wrap table with semantic ui container ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/24ac2bb4813df33547f684220e1e12af5ca6df7e"},(0,n.yg)("inlineCode",{parentName:"a"},"24ac2bb"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Testimonial):minor storybook bug fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7b6d128c6be3b2481d4765cebca82af6cafbea05"},(0,n.yg)("inlineCode",{parentName:"a"},"7b6d128"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Callout): wrap story with semantic ui container ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ead362d88f43fa1380e8be5481cbc38c055060f8"},(0,n.yg)("inlineCode",{parentName:"a"},"ead362d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(quote): update action name to match the functionality ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/caf2e359cada8056f280d2cd137776d64f82a2af"},(0,n.yg)("inlineCode",{parentName:"a"},"caf2e35"))),(0,n.yg)("li",{parentName:"ul"},"refactor(table): add borders to responsive table with celled attribute ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8a71a670fb34a11fbe4cef7365b91c6be84b5b54"},(0,n.yg)("inlineCode",{parentName:"a"},"8a71a67"))),(0,n.yg)("li",{parentName:"ul"},"change(table): make use of headerSortableWhiteSpace variable ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fd836fbe82e92864a628bf4d9d3093674890f722"},(0,n.yg)("inlineCode",{parentName:"a"},"fd836fb"))),(0,n.yg)("li",{parentName:"ul"},"change(table): use the @mobileLandscapeBreakpoint for max 480px media query ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/90880ab324b6a66c7741819dd0d913504751454f"},(0,n.yg)("inlineCode",{parentName:"a"},"90880ab"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Quote):rename pullquote to Quote in Testimonial ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f54da192ab3b0823b0d6c77254f8954ab94506c8"},(0,n.yg)("inlineCode",{parentName:"a"},"f54da19"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Testimonial): change card class name ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e995c32bc70780e4315c4dc02d6b6fa9a0c5b29d"},(0,n.yg)("inlineCode",{parentName:"a"},"e995c32"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Testimonial): prettier changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/904594b9814c3d8900656f0e4c8d3a99481efe94"},(0,n.yg)("inlineCode",{parentName:"a"},"904594b")))),(0,n.yg)("h4",{id:"\ufe0f-others-62"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feature(tokens): added tokens folder for design tokens we can use in the system ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a542172cfd84dde0286b4332e66a617a1f3d13bf"},(0,n.yg)("inlineCode",{parentName:"a"},"a542172"))),(0,n.yg)("li",{parentName:"ul"},"perf(lint): fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2ef3abb9daa8fee3dd103adc14246c412951427"},(0,n.yg)("inlineCode",{parentName:"a"},"f2ef3ab"))),(0,n.yg)("li",{parentName:"ul"},"Release 0.3.0 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8724b2809027b2e359dcd64e418a33cade4ad487"},(0,n.yg)("inlineCode",{parentName:"a"},"8724b28")))),(0,n.yg)("h3",{id:"024---2022-05-13"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.2.3...0.2.4"},"0.2.4")," - 2022-05-13"),(0,n.yg)("h4",{id:"-enhancements-65"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(segment): brought back overrides from pastanaga into our theme ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/14efd021f81898bb0f2d3f1a2e8677445420591a"},(0,n.yg)("inlineCode",{parentName:"a"},"14efd02"))),(0,n.yg)("li",{parentName:"ul"},"change(container): removed padding from containers restoring thus the defaults ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c2ed813cf2f7ce284e33f2e94e02ff16678c2d05"},(0,n.yg)("inlineCode",{parentName:"a"},"c2ed813"))),(0,n.yg)("li",{parentName:"ul"},"change(grid-story): added container as grid width is influenced by container width ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/459f4813ee3c5325a3db22d417ac5f23063bd4d2"},(0,n.yg)("inlineCode",{parentName:"a"},"459f481"))),(0,n.yg)("li",{parentName:"ul"},"change(breadcrumb): removed padding from breadcrumb added by container ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5df5675a519085badc030416e5bb784a9f73321"},(0,n.yg)("inlineCode",{parentName:"a"},"c5df567"))),(0,n.yg)("li",{parentName:"ul"},"change(container): modified all outputted widths to align to grid ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f29cefa4bfee1fe50844c8450de39ef4b0915d4"},(0,n.yg)("inlineCode",{parentName:"a"},"9f29cef"))),(0,n.yg)("li",{parentName:"ul"},"change(breakpoints): restore Semantic UI breakpoints, adding extra needed values ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e7f5b1e4fac6453458078bb02cdc66c328843b59"},(0,n.yg)("inlineCode",{parentName:"a"},"e7f5b1e"))),(0,n.yg)("li",{parentName:"ul"},"change(container): restore maxWidth to 100% now that the last value is 1120px ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b55c58d3bbc8967b20de19a828aedd2f1473ee5"},(0,n.yg)("inlineCode",{parentName:"a"},"8b55c58"))),(0,n.yg)("li",{parentName:"ul"},"change(header): wrap header globalnav links useful for editing section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/10d4f56624510eb63155ab330dcf0475b0728ed4"},(0,n.yg)("inlineCode",{parentName:"a"},"10d4f56"))),(0,n.yg)("li",{parentName:"ul"},"change(breadcrumb): added vertical variant to the breadcrumbs like we do in Volto ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f405f8437be6be221b055a41c5d391f4cc94385d"},(0,n.yg)("inlineCode",{parentName:"a"},"f405f84"))),(0,n.yg)("li",{parentName:"ul"},"change(breakpoints): added also contentBreakpoint for backward compatibility ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b6c9212378a37639e6154d8d8e837169bcbac8b5"},(0,n.yg)("inlineCode",{parentName:"a"},"b6c9212")))),(0,n.yg)("h4",{id:"\ufe0f-others-63"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"[JENKINSFILE]"," Add failure comment, no jenkins fail ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c325bf14f3fb0da150f2a56cda0a9f03d8d8a628"},(0,n.yg)("inlineCode",{parentName:"a"},"c325bf1"))),(0,n.yg)("li",{parentName:"ul"},"prettier changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/134da52549b9d5eac5a12b7ad3005073500ac2c4"},(0,n.yg)("inlineCode",{parentName:"a"},"134da52"))),(0,n.yg)("li",{parentName:"ul"},"[JENKINSFILE]"," format PR comments ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/739438c64950c745d630d1998314a2bed595b23a"},(0,n.yg)("inlineCode",{parentName:"a"},"739438c"))),(0,n.yg)("li",{parentName:"ul"},"[JENKINSFILE]"," mention comment author in comment ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/39a26aa1ff0f35e93e8df9f442c29c5ab79ff493"},(0,n.yg)("inlineCode",{parentName:"a"},"39a26aa"))),(0,n.yg)("li",{parentName:"ul"},"[JENKINSFILE]"," remove debug, add error per stage ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/903eecdb6bcbb8d73cff5e447d80c85e2a2c906d"},(0,n.yg)("inlineCode",{parentName:"a"},"903eecd")))),(0,n.yg)("h3",{id:"023---2022-04-29"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.2.2...0.2.3"},"0.2.3")," - 2022-04-29"),(0,n.yg)("h4",{id:"-new-features-36"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(CallToAction):add feat call to action ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab53642f27c996f929ff871d0794add39bab6c23"},(0,n.yg)("inlineCode",{parentName:"a"},"ab53642")))),(0,n.yg)("h4",{id:"-enhancements-66"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(button): add container to stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6c02c1953e102f2d90ab23023d6b4dfc738ced2e"},(0,n.yg)("inlineCode",{parentName:"a"},"6c02c19"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tab): update vertical tab columns and content ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b473fabee196a3ec420e29160448d2be3d1685cc"},(0,n.yg)("inlineCode",{parentName:"a"},"b473fab"))),(0,n.yg)("li",{parentName:"ul"},'refactor(call to action):render call to action with Button as="a" ',(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e7dfabfc2f006505b0f1c802dc6fb48611518bcb"},(0,n.yg)("inlineCode",{parentName:"a"},"e7dfabf"))),(0,n.yg)("li",{parentName:"ul"},"refactor(button): update inverted button colors ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c822021ab37939632416ce74c0cc88a64b98a3c1"},(0,n.yg)("inlineCode",{parentName:"a"},"c822021"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Tab):scrollbar change in mobile & vertical tab fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0e34cbf459e67b6910217f30a44a1e81f33df622"},(0,n.yg)("inlineCode",{parentName:"a"},"0e34cbf"))),(0,n.yg)("li",{parentName:"ul"},"change(banner): added icon class to share icons ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48e866e4251dd517c0477cd5a42cec1a98e2f16d"},(0,n.yg)("inlineCode",{parentName:"a"},"48e866e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Button): move button to forms folder ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/94996fcdf1ea7e55c63dd44e10edf1b44b9bdef5"},(0,n.yg)("inlineCode",{parentName:"a"},"94996fc"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Tab):minor change in secondary pointing menu variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/280b6c41a2107bccb38500f54eb5663ef62c7ae3"},(0,n.yg)("inlineCode",{parentName:"a"},"280b6c4")))),(0,n.yg)("h4",{id:"-documentation-changes-21"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(button): import call to action stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4eed44e3519ae3dba7d16e252271a964fcb7a4b"},(0,n.yg)("inlineCode",{parentName:"a"},"e4eed44")))),(0,n.yg)("h3",{id:"022---2022-04-22"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.2.1...0.2.2"},"0.2.2")," - 2022-04-22"),(0,n.yg)("h4",{id:"-bug-fixes-59"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(publicationCard): restore line endings ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/582859e0ab4fa969662d4cf3e60fe75b160f052a"},(0,n.yg)("inlineCode",{parentName:"a"},"582859e"))),(0,n.yg)("li",{parentName:"ul"},"fix(form): added back overrides from Pastanaga theme ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a3f7ff810cdeb55b009c2dadc6753d01bbd10d8c"},(0,n.yg)("inlineCode",{parentName:"a"},"a3f7ff8"))),(0,n.yg)("li",{parentName:"ul"},"fix(OrderedList) : add list only if sub list exists ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8acbc8d5a492b411b169b106ab64bb78563f891f"},(0,n.yg)("inlineCode",{parentName:"a"},"8acbc8d"))),(0,n.yg)("li",{parentName:"ul"},"fix(label): update highlight label color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d55bbb03a5d28b2f269c1a1ca447c67dcdc7a748"},(0,n.yg)("inlineCode",{parentName:"a"},"d55bbb0"))),(0,n.yg)("li",{parentName:"ul"},"fix(publication card): run prettier ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/81a5bfc123ce69c44562a5585e41a630fe0bbf5a"},(0,n.yg)("inlineCode",{parentName:"a"},"81a5bfc"))),(0,n.yg)("li",{parentName:"ul"},"fix(avatar) : fix naming convention for arg ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84fc5fa8faa7887f45cd52e58aa6fa6f8b951d26"},(0,n.yg)("inlineCode",{parentName:"a"},"84fc5fa"))),(0,n.yg)("li",{parentName:"ul"},"fix(tab): restore mobile font sizes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/58f39be02a45ade92873b86597c33763379e0f44"},(0,n.yg)("inlineCode",{parentName:"a"},"58f39be"))),(0,n.yg)("li",{parentName:"ul"},"fix(addForm): add min height to add form and fixed block chooser overflow ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca4415d49b973378894ec9270501beafbefff776"},(0,n.yg)("inlineCode",{parentName:"a"},"ca4415d"))),(0,n.yg)("li",{parentName:"ul"},"fix(OrderedList): adjust margins to fourth sublists ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/663d384790920f164d51edb304c411275972fbb7"},(0,n.yg)("inlineCode",{parentName:"a"},"663d384"))),(0,n.yg)("li",{parentName:"ul"},"fix(dropdown): being hidden because of third party css ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d353dfd65e93d08a3c8584adeeebea50bf7efe8"},(0,n.yg)("inlineCode",{parentName:"a"},"7d353df"))),(0,n.yg)("li",{parentName:"ul"},"fix(modal): overflow hidden as clearfix of last child from modal ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b4923f5165a0a7e8d2dd33ea4c35f9f951372909"},(0,n.yg)("inlineCode",{parentName:"a"},"b4923f5"))),(0,n.yg)("li",{parentName:"ul"},"fix(RelatedContent):fix merge conflict ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/adc34bfdac7d668aa27578eb2a4844c136e0360f"},(0,n.yg)("inlineCode",{parentName:"a"},"adc34bf"))),(0,n.yg)("li",{parentName:"ul"},"fix(button): labeled class needs to be placed after left or right keyword ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/53d1204fe52665fe1023747da359d3100d45e58f"},(0,n.yg)("inlineCode",{parentName:"a"},"53d1204")))),(0,n.yg)("h4",{id:"-enhancements-67"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(card): prettier fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e10e3d610a313c4e1995676130e2677f0ebab070"},(0,n.yg)("inlineCode",{parentName:"a"},"e10e3d6"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): add card variations ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e16d05b4afa678b9089987b42a8257323a78093f"},(0,n.yg)("inlineCode",{parentName:"a"},"e16d05b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): remove stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0deb0cab6d7fd73957b149325960c266c33cdc6f"},(0,n.yg)("inlineCode",{parentName:"a"},"0deb0ca"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card):delete primary and secondary card stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f95d227a026ecc34b29cc3e4938c3d13906cfd8"},(0,n.yg)("inlineCode",{parentName:"a"},"1f95d22"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Avatar) : remake avatar as card variant ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea77cdd1acafd2ea288f11074423705e5d6b7412"},(0,n.yg)("inlineCode",{parentName:"a"},"ea77cdd"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): add styles for card variations ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7407bd30e722f2d7b1a9d75a8c7cf155bf1c4996"},(0,n.yg)("inlineCode",{parentName:"a"},"7407bd3"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): add story with related content inside of a tab ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dca008a35b27e4a75c13ef965ab8764df0d3b357"},(0,n.yg)("inlineCode",{parentName:"a"},"dca008a"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): Rename variables from avatar to rounded ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/be0131631cf8e303f4077fe93b6685fd6b34bf46"},(0,n.yg)("inlineCode",{parentName:"a"},"be01316"))),(0,n.yg)("li",{parentName:"ul"},"refactor(avatar): update less variables and layer structure ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f965db1dd17d90e7165f66d39fdda9016c2eae91"},(0,n.yg)("inlineCode",{parentName:"a"},"f965db1"))),(0,n.yg)("li",{parentName:"ul"},"refactor(PublicationCard):remake publication card to be a semantic card variation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5a0c6ab21c22a53aa6e34fafecfae15a3d435391"},(0,n.yg)("inlineCode",{parentName:"a"},"5a0c6ab"))),(0,n.yg)("li",{parentName:"ul"},"change(button): simplified button styling ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fe892d6f2f59aecf3f9e8b04f18b55fb0d384021"},(0,n.yg)("inlineCode",{parentName:"a"},"fe892d6"))),(0,n.yg)("li",{parentName:"ul"},"change(button): simplified storybook naming and examples ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9a7df4f46c24a234dd8bb290336ac8e7d5c7422b"},(0,n.yg)("inlineCode",{parentName:"a"},"9a7df4f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Avatar) : convert avatar component to card variation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2004a941c18f8fe21f96f88d3288446fd5e283e8"},(0,n.yg)("inlineCode",{parentName:"a"},"2004a94"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Related Content): change in grid and add see all button ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/955450e974c89aa2297eaa28d278e5098fea7705"},(0,n.yg)("inlineCode",{parentName:"a"},"955450e"))),(0,n.yg)("li",{parentName:"ul"},"change(button): added back button.overrides from pastanaga theme ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b55acbf8b8df0e3daa475ab12e4db44693a4053"},(0,n.yg)("inlineCode",{parentName:"a"},"3b55acb"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): add card class control ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/68c91a9bf7e78874e12e868a0c466f12715a0698"},(0,n.yg)("inlineCode",{parentName:"a"},"68c91a9"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card):delete publication card variables & overrides files ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6be8a037118762cf2280fbe44ba097a0cb7a79e0"},(0,n.yg)("inlineCode",{parentName:"a"},"6be8a03"))),(0,n.yg)("li",{parentName:"ul"},"refactor(OrderedList): rename TOC to Ordered List and add container to the story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e00c4db8e623651eb2ec9ad45de6e3d8c2693b2b"},(0,n.yg)("inlineCode",{parentName:"a"},"e00c4db"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): add card grid fluid story with no columns ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f38251ca3fa04a9b586468ead44bbfe8ae110fbb"},(0,n.yg)("inlineCode",{parentName:"a"},"f38251c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(list): remove horizontal control ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f5e576a37452ed368d6f9cf4d55960e737d48ad"},(0,n.yg)("inlineCode",{parentName:"a"},"1f5e576"))),(0,n.yg)("li",{parentName:"ul"},"refactor(avatarGrid): update less variables and layer structure ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/db554a894ca10ba50ff425883000177854ea2455"},(0,n.yg)("inlineCode",{parentName:"a"},"db554a8"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Related Content):show button when there are more hidden cards ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57ff1c8d485d16c34002da22bd765069e6eb3df0"},(0,n.yg)("inlineCode",{parentName:"a"},"57ff1c8"))),(0,n.yg)("li",{parentName:"ul"},"refactor(RelatedContent):change to use new card variant instead of publication card component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7cf424ae885d9b657a7635fc67a74a8af4c4e905"},(0,n.yg)("inlineCode",{parentName:"a"},"7cf424a"))),(0,n.yg)("li",{parentName:"ul"},"change(breadcrumb): brought back pastanaga overrides to breadcrumbs ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bca1c939c1d49dab1d4b8e72c0999d78383fd643"},(0,n.yg)("inlineCode",{parentName:"a"},"bca1c93"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card):delete publication card folder & story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/68bf77306d710651bb2177d429f42b8efc127db2"},(0,n.yg)("inlineCode",{parentName:"a"},"68bf773"))),(0,n.yg)("li",{parentName:"ul"},"change(buttons): modified basic and circular variant behavior ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c06fed9fa74216cf76971b7789dad231a5125ce8"},(0,n.yg)("inlineCode",{parentName:"a"},"c06fed9"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card):tertiary variation minor story update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87b8dca0b8ef6c6f0fbf1ea6bc71b7b8b6ee9205"},(0,n.yg)("inlineCode",{parentName:"a"},"87b8dca"))),(0,n.yg)("li",{parentName:"ul"},"refactor(DescriptionList): add container to story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d647c1a17097eae9bdfaf8eb8068f6d1d0b13972"},(0,n.yg)("inlineCode",{parentName:"a"},"d647c1a"))),(0,n.yg)("li",{parentName:"ul"},"refactor(List):render ordered list with ol,li tags ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87813c1a942ce498f89b51fe79a59b117afd28b0"},(0,n.yg)("inlineCode",{parentName:"a"},"87813c1"))),(0,n.yg)("li",{parentName:"ul"},"refactor(OrderedList) : change table of contents story to ordered list ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb6197c872a97f1b990c675554b1da9b0a8f7959"},(0,n.yg)("inlineCode",{parentName:"a"},"cb6197c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(publicationCard): update tag and name variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c109ad98f257fea233f31d767c4a037a2758be2d"},(0,n.yg)("inlineCode",{parentName:"a"},"c109ad9"))),(0,n.yg)("li",{parentName:"ul"},"refactor(UnorderedList): update list as ul, list items as li and add container to strory ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2c096e117125a7fb943a5d2e665c0077761b271c"},(0,n.yg)("inlineCode",{parentName:"a"},"2c096e1"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card):organize controls and minor bug fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f3f6e35df077e348ea1e0c2e5c5bd73d4af5aef9"},(0,n.yg)("inlineCode",{parentName:"a"},"f3f6e35"))),(0,n.yg)("li",{parentName:"ul"},"refactor(less variables): publication card style changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5a84e99ebea6345e45fac3b7ffc077ec42dfb45"},(0,n.yg)("inlineCode",{parentName:"a"},"c5a84e9"))),(0,n.yg)("li",{parentName:"ul"},"refactor(less variables): add less to related content ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e1a55438a9fc9dd141a9515c5363d834732a0c4d"},(0,n.yg)("inlineCode",{parentName:"a"},"e1a5543"))),(0,n.yg)("li",{parentName:"ul"},"refactor(RelatedContent):delete publication card component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ed0ed4a1497224b669386f6d0942a79d00555ea"},(0,n.yg)("inlineCode",{parentName:"a"},"2ed0ed4"))),(0,n.yg)("li",{parentName:"ul"},"change(button): basic button is again without padding, border and background ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5a907c721bda1d065153b108d6c9dc0ee20a886d"},(0,n.yg)("inlineCode",{parentName:"a"},"5a907c7"))),(0,n.yg)("li",{parentName:"ul"},"refactor(PublicationCard):remove link wrapper ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5911a0db1967c58311a6776864f92bc0692052fa"},(0,n.yg)("inlineCode",{parentName:"a"},"5911a0d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(less variables): change publication card height per viewport ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d7a525615672f387a2c8a0457bcde5c08aec45dd"},(0,n.yg)("inlineCode",{parentName:"a"},"d7a5256"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Timeline):change timeline icons ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2fe0bf9a7a4583f1f10765a9f8c3c989412d472"},(0,n.yg)("inlineCode",{parentName:"a"},"b2fe0bf"))),(0,n.yg)("li",{parentName:"ul"},"refactor(publicationCard): replace px with rems ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/53bf8da5e42343de7f7f940c266beb5e530dd63a"},(0,n.yg)("inlineCode",{parentName:"a"},"53bf8da"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Related Content): change in related content grid ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bf856ce66f9a74cb440cf8a7c93f62cd0d3965e9"},(0,n.yg)("inlineCode",{parentName:"a"},"bf856ce"))),(0,n.yg)("li",{parentName:"ul"},"refactor(List):render description list with dl,dt,dd tags ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec669a74da08f7a82bb4a1a0a2d752b6ee5ba4bb"},(0,n.yg)("inlineCode",{parentName:"a"},"ec669a7"))),(0,n.yg)("li",{parentName:"ul"},"change(button): show only labeled variant for buttons with icons ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bf499446dc02e4be8d6452a3e0cba5797b8a005e"},(0,n.yg)("inlineCode",{parentName:"a"},"bf49944"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): import image for rounded card ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca5a47ea2cd713336c7c8ecdebebbdacd681282f"},(0,n.yg)("inlineCode",{parentName:"a"},"ca5a47e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(progress): add container to story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dfb33bb8f3560d43e3e7300560bb557591c0a6ba"},(0,n.yg)("inlineCode",{parentName:"a"},"dfb33bb"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): add publication card story with different description sizes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/23af97bc708ac70d70b92efe9a782548c65aabc5"},(0,n.yg)("inlineCode",{parentName:"a"},"23af97b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(List):render default list with dl & dt tags ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ece2280eb06481b3fd42e7a1ffec5c71c08e736f"},(0,n.yg)("inlineCode",{parentName:"a"},"ece2280"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): add publication cards stories with longer description ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37adefa500c8a85a5b0b86e5b17c687828ea21fc"},(0,n.yg)("inlineCode",{parentName:"a"},"37adefa"))),(0,n.yg)("li",{parentName:"ul"},"change(button): basic icon buttons no longer have box shadows ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c2f3ea38ec3c62dce37612ac1e666a0b064309f7"},(0,n.yg)("inlineCode",{parentName:"a"},"c2f3ea3"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): remove story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/afc5f7903a0049563355e3c9292fdd89fa532740"},(0,n.yg)("inlineCode",{parentName:"a"},"afc5f79"))),(0,n.yg)("li",{parentName:"ul"},"refactor(less variables): change card description line number per device ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6946fdae2a1ede28a0e5971736817b3ae19bf290"},(0,n.yg)("inlineCode",{parentName:"a"},"6946fda"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): update rounded card image path ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8db3a85a45e8e05a3fe86ab824e7550d437222c3"},(0,n.yg)("inlineCode",{parentName:"a"},"8db3a85"))),(0,n.yg)("li",{parentName:"ul"},"refactor(DefaultList): add container to story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f971193369007a45fea7d517cdf0fc2314ebda69"},(0,n.yg)("inlineCode",{parentName:"a"},"f971193"))),(0,n.yg)("li",{parentName:"ul"},"change(button): bumped z-index of sidenav expand button ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/445ed8a8ede4e458814f380bee0600dbb8ff42f6"},(0,n.yg)("inlineCode",{parentName:"a"},"445ed8a"))),(0,n.yg)("li",{parentName:"ul"},"change(progress,label): color accessibility fixes #151 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/09cf6e34ed5a57bfbfc8fe95787591387776df86"},(0,n.yg)("inlineCode",{parentName:"a"},"09cf6e3"))),(0,n.yg)("li",{parentName:"ul"},"change(button): text button now has an underline with a focus border like other buttons ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cdd90436bf0c4f8acaca8bf27afef672fb0f3a89"},(0,n.yg)("inlineCode",{parentName:"a"},"cdd9043"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): update card variation grids path ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/756589cff5d3607994d6cf092cb5dd0e36d51903"},(0,n.yg)("inlineCode",{parentName:"a"},"756589c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): minor fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3a880d7d14c89137b2a33342aed1a31c1b2b3939"},(0,n.yg)("inlineCode",{parentName:"a"},"3a880d7"))),(0,n.yg)("li",{parentName:"ul"},"change(button): primary color is blue and secondary is green ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/53e0a0c6d32a04c52d089914a224b010b04a8846"},(0,n.yg)("inlineCode",{parentName:"a"},"53e0a0c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(List):change styles to match with the tags lists are rendered ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2673890449579a0421d8ac1c89ad4c5e850322d7"},(0,n.yg)("inlineCode",{parentName:"a"},"2673890"))),(0,n.yg)("li",{parentName:"ul"},"refactor(progress): update colors for accessibility ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea2f454f73c859ac21c4fe6e415a2442a6c3d64c"},(0,n.yg)("inlineCode",{parentName:"a"},"ea2f454"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): move avatarGrid & relatedContent to Card folder ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1959d521de222c95aa13d9b3db249d133f879ccd"},(0,n.yg)("inlineCode",{parentName:"a"},"1959d52"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Timeline): change storybook timeline colors to fix accessibility issues ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/79da8dca48c709fd1df83b858296126f5e5c5753"},(0,n.yg)("inlineCode",{parentName:"a"},"79da8dc"))),(0,n.yg)("li",{parentName:"ul"},"change(segment): restore light grey background color for secondary segments ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8716b08a977cacf5dbdab8ab23c714bb03066b0c"},(0,n.yg)("inlineCode",{parentName:"a"},"8716b08"))),(0,n.yg)("li",{parentName:"ul"},"refactor(relatedContent): adjust column paddings ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8a1520d1b958b65e968bffdba22c3484916a475e"},(0,n.yg)("inlineCode",{parentName:"a"},"8a1520d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): clear up code ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ada154b5ab562dc7605604de8002a9d3461e594"},(0,n.yg)("inlineCode",{parentName:"a"},"3ada154"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): use the rounded class for avatar grid ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8c000f3c37103e0068b6d6554783da8188603442"},(0,n.yg)("inlineCode",{parentName:"a"},"8c000f3"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card) Update rounded card class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/140b58746673a864d7ea218c4f8a02dc70207af4"},(0,n.yg)("inlineCode",{parentName:"a"},"140b587"))),(0,n.yg)("li",{parentName:"ul"},"refactor(avatar): add variable for image border radius ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c23341c66d34a9dfa572be4df24f1faf4325d58e"},(0,n.yg)("inlineCode",{parentName:"a"},"c23341c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(label): add container to story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/565101fff2c8860deedd599b7b0cff0660c663f6"},(0,n.yg)("inlineCode",{parentName:"a"},"565101f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(progress): update value color for accessibility error ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fc76f8ff3df4bf2b83863687e5ab6bd5e4cd1ef"},(0,n.yg)("inlineCode",{parentName:"a"},"6fc76f8"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card):use jsx extension ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/413d3284869a35f39f886df7862db6a52e8cc18e"},(0,n.yg)("inlineCode",{parentName:"a"},"413d328")))),(0,n.yg)("h4",{id:"-internal-changes-24"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"chore(Avatar) : add container to stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/41b748cd23002d597d9b6fbb7947a443ef40f9b2"},(0,n.yg)("inlineCode",{parentName:"a"},"41b748c"))),(0,n.yg)("li",{parentName:"ul"},"style(OrderedList): prettier fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ed95e4dea2f33d46ca604e1b2c30d63b5596c03d"},(0,n.yg)("inlineCode",{parentName:"a"},"ed95e4d")))),(0,n.yg)("h4",{id:"\ufe0f-others-64"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"perf(eol): change to LF ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c71e42e4a8cf49c4a3b943bfdc8a94c9a9cc4940"},(0,n.yg)("inlineCode",{parentName:"a"},"c71e42e"))),(0,n.yg)("li",{parentName:"ul"},"perf(eol): linux eol ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e0bb30132904f92b9755356f6b5ccbf72075425"},(0,n.yg)("inlineCode",{parentName:"a"},"6e0bb30"))),(0,n.yg)("li",{parentName:"ul"},"lint fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a68866d4058f7412a2635371adebc370b6445281"},(0,n.yg)("inlineCode",{parentName:"a"},"a68866d"))),(0,n.yg)("li",{parentName:"ul"},"perf(eol): lf fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7054b2067b0802c5bd04e185cba76e2577ccfdd1"},(0,n.yg)("inlineCode",{parentName:"a"},"7054b20"))),(0,n.yg)("li",{parentName:"ul"},"doco(list): update Ordered List showcase ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/75e40bf4487ea334c9ebc2dd6c2a392d82e662f3"},(0,n.yg)("inlineCode",{parentName:"a"},"75e40bf"))),(0,n.yg)("li",{parentName:"ul"},"perf(eol): lf fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19235e585ac50c3669f654a93798b8998894f900"},(0,n.yg)("inlineCode",{parentName:"a"},"19235e5"))),(0,n.yg)("li",{parentName:"ul"},"fixed js syntax error from previous commit ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37dc1f5c1506040c1f155afdea76c4ed739ddda2"},(0,n.yg)("inlineCode",{parentName:"a"},"37dc1f5"))),(0,n.yg)("li",{parentName:"ul"},"Next relese: 0.2.2 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b3fb40ff5e46d7519b6356fdaf7326780bd89d9e"},(0,n.yg)("inlineCode",{parentName:"a"},"b3fb40f")))),(0,n.yg)("h3",{id:"021---2022-04-08"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.2.0...0.2.1"},"0.2.1")," - 2022-04-08"),(0,n.yg)("h4",{id:"-bug-fixes-60"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(version): Switch to 2.0.0.alpha.1 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/83b8b8ebba4f1eb31514b16476ac23a5d2b03ea9"},(0,n.yg)("inlineCode",{parentName:"a"},"83b8b8e")))),(0,n.yg)("h4",{id:"\ufe0f-others-65"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"cleanup(loader): Remove useless HTML ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d1d180c714ea225c1ad269360413a5e5e4b39f22"},(0,n.yg)("inlineCode",{parentName:"a"},"d1d180c")))),(0,n.yg)("h3",{id:"020---2022-04-04"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.9...0.2.0"},"0.2.0")," - 2022-04-04"),(0,n.yg)("h4",{id:"-new-features-37"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(card) : add new default card color-schme ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/965adea8eef6d8729790f6d2bd5e71daeee15d75"},(0,n.yg)("inlineCode",{parentName:"a"},"965adea"))),(0,n.yg)("li",{parentName:"ul"},"feat(label): Handle slate links and footnotes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f382431219df29be498fe5063f3d579f0b918068"},(0,n.yg)("inlineCode",{parentName:"a"},"f382431")))),(0,n.yg)("h4",{id:"-bug-fixes-61"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(buttons,toggles): border and background color when active 147629 #139 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea36f31e986110d6c28c104d01666104ac38e2ba"},(0,n.yg)("inlineCode",{parentName:"a"},"ea36f31"))),(0,n.yg)("li",{parentName:"ul"},"fix(checkboxes): background color when they are toggles ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b6ab67085b7514c4f0ab2322e8f45de8bc09449"},(0,n.yg)("inlineCode",{parentName:"a"},"4b6ab67"))),(0,n.yg)("li",{parentName:"ul"},"fix(buttons): border set on basic buttons appearing on svg elements of Volto UI ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/69ca73f33b562b3f87bf11ce43a52ac01f83b951"},(0,n.yg)("inlineCode",{parentName:"a"},"69ca73f"))),(0,n.yg)("li",{parentName:"ul"},"fix(label): Zotero/Footnotes inside label ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0ee4d584f2771b739ed5f2332cb33aad61391786"},(0,n.yg)("inlineCode",{parentName:"a"},"0ee4d58"))),(0,n.yg)("li",{parentName:"ul"},"fix(card) : add control for image url in storybook ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b28e5303ba04c6aee673f1d7f98ce42037c672e1"},(0,n.yg)("inlineCode",{parentName:"a"},"b28e530"))),(0,n.yg)("li",{parentName:"ul"},"fix(less variables):change font family ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4bca9e0cb7ab9f1fd86e9f4c558382ec129e5a1"},(0,n.yg)("inlineCode",{parentName:"a"},"e4bca9e"))),(0,n.yg)("li",{parentName:"ul"},"fix(storybook):minor bug fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9fc53bcad61bbe0561d7a986dbba567d53777a8c"},(0,n.yg)("inlineCode",{parentName:"a"},"9fc53bc"))),(0,n.yg)("li",{parentName:"ul"},"fix(tag): fixes merged theme config ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eb30363fda8a8a88155ee05268c4d7660fe99df1"},(0,n.yg)("inlineCode",{parentName:"a"},"eb30363"))),(0,n.yg)("li",{parentName:"ul"},"fix(Banner): prop types fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a270e5b4d6e571f219b5da31ca8f883f74da05e3"},(0,n.yg)("inlineCode",{parentName:"a"},"a270e5b")))),(0,n.yg)("h4",{id:"-enhancements-68"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(tag): splits Tags component to TagList and tag, changes default tags style ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/78a5f8c245149706a1f7b825ef3e02da5ba86445"},(0,n.yg)("inlineCode",{parentName:"a"},"78a5f8c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Banner):add banner share pop up in banner story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c9688b2b697c879bbaed3cb3a688a0af7fc71234"},(0,n.yg)("inlineCode",{parentName:"a"},"c9688b2"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tag): remove classes and actions that add background color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce9b6f92589618f6cb1e839a2cddc44381ef7406"},(0,n.yg)("inlineCode",{parentName:"a"},"ce9b6f9"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Banner):change banner's image wrapper implementation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9153dd1073999e67c105b5ba90538bc963e17abc"},(0,n.yg)("inlineCode",{parentName:"a"},"9153dd1"))),(0,n.yg)("li",{parentName:"ul"},"change(package): bump release version to 1.10.0 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e984c1e1a6ea481a58a5b7a783d077b5769a621"},(0,n.yg)("inlineCode",{parentName:"a"},"7e984c1"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): align cards and images, update less variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d47c9780bfbc23d1cba3578f181864074db97e98"},(0,n.yg)("inlineCode",{parentName:"a"},"d47c978"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): add class inverted for default card ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/919a56e79c0243fa567144fadd4b842f75f1cf8f"},(0,n.yg)("inlineCode",{parentName:"a"},"919a56e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tag): changes component name ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e1db068bd7ac336a451a4514c61fe44557e14cc2"},(0,n.yg)("inlineCode",{parentName:"a"},"e1db068"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tag): changes color metallicBlue to bottleGreen ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4b68acf95bb3e192914aab89b2122e0434bf72c"},(0,n.yg)("inlineCode",{parentName:"a"},"e4b68ac"))),(0,n.yg)("li",{parentName:"ul"},"refactor(less variables): change tag list mobile view ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fcded3dbc67465eec6ef7f72d3fd599ec5cd3c13"},(0,n.yg)("inlineCode",{parentName:"a"},"fcded3d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tagList): update story to not use tag color classes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b5b61bfad9225c0538b713937ed39bbd0bd14e9"},(0,n.yg)("inlineCode",{parentName:"a"},"8b5b61b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Banner):minor bug fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff8c352b899b78528897547df0b20c357fd153cd"},(0,n.yg)("inlineCode",{parentName:"a"},"ff8c352"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Banner): add metadata field sub component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/327b7e77626c18ae783aea9efae0c7589f63d4f5"},(0,n.yg)("inlineCode",{parentName:"a"},"327b7e7"))),(0,n.yg)("li",{parentName:"ul"},"refactor(banner): add and adjust remix icon for banner action ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1bf3ffaa16432746c5e5577f0b1643f6659b3f56"},(0,n.yg)("inlineCode",{parentName:"a"},"1bf3ffa"))),(0,n.yg)("li",{parentName:"ul"},"refactor(banner): replace px with rem and adjust share popup padding ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5683294570227d0b25a99e410eb824b2c6d643c"},(0,n.yg)("inlineCode",{parentName:"a"},"a568329"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Banner):add type class to metadata field and apply styles to it ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/86a286699146c7dda9e288e2183ec8cc86f35a23"},(0,n.yg)("inlineCode",{parentName:"a"},"86a2866"))),(0,n.yg)("li",{parentName:"ul"},"refactor(less variables):change tag list styles ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/867008791545769aa003ef7a8a820a7e5a873e4b"},(0,n.yg)("inlineCode",{parentName:"a"},"8670087"))),(0,n.yg)("li",{parentName:"ul"},"refactor(banner): share items display flex on desktop ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ff86840e548f47cd597a0c76b23f996d4a9d74b"},(0,n.yg)("inlineCode",{parentName:"a"},"3ff8684"))),(0,n.yg)("li",{parentName:"ul"},"change(banner): added background gradient, share popup, metadata show and hide #136 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2f5dccacf1e23f45f351b0be58c9bbda04da1518"},(0,n.yg)("inlineCode",{parentName:"a"},"2f5dcca"))),(0,n.yg)("li",{parentName:"ul"},"refactor(banner): update gradient ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/570ee1e1e9778cb98757804fbd8ad7d9dee9ad13"},(0,n.yg)("inlineCode",{parentName:"a"},"570ee1e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tags): removes hardcoded ':' ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea58e86a79b46b5150d84ff2fbb6a7b8ba47876c"},(0,n.yg)("inlineCode",{parentName:"a"},"ea58e86"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card): remove card border ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bc777397026f0efe8e569c8fd0e90d98b585b0eb"},(0,n.yg)("inlineCode",{parentName:"a"},"bc77739")))),(0,n.yg)("h4",{id:"-internal-changes-25"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"style(card) : add lint and prettier changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9d9a77363f7e4f7ec2ea4db5fa777dc97e086156"},(0,n.yg)("inlineCode",{parentName:"a"},"9d9a773"))),(0,n.yg)("li",{parentName:"ul"},"style(tag): remove comments ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/501fcdfb8271f4a3558dadb96c546e71cfdef286"},(0,n.yg)("inlineCode",{parentName:"a"},"501fcdf"))),(0,n.yg)("li",{parentName:"ul"},"style(tag): stylelint and prettier changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/08b63864e8394fd86ada78df0b441cda52cd8063"},(0,n.yg)("inlineCode",{parentName:"a"},"08b6386")))),(0,n.yg)("h4",{id:"\ufe0f-others-66"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"1.10 release #140 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/88d33396845f00830789867663a9cd66ad88920f"},(0,n.yg)("inlineCode",{parentName:"a"},"88d3339"))),(0,n.yg)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/328ef2cda2d3470b5cb5ae2ef9854323f6b0f3c7"},(0,n.yg)("inlineCode",{parentName:"a"},"328ef2c"))),(0,n.yg)("li",{parentName:"ul"},"undo changes to Header.jsx committed wrongly in 4b6ab ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bfc4c51d39cf9c5151c39b099071174897de10b0"},(0,n.yg)("inlineCode",{parentName:"a"},"bfc4c51"))),(0,n.yg)("li",{parentName:"ul"},"Update 0-intro.md ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af75f81a84ddb9b78a77a96450976c6cd1223924"},(0,n.yg)("inlineCode",{parentName:"a"},"af75f81"))),(0,n.yg)("li",{parentName:"ul"},"perf(eol): lf fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ecf474ffbaab6796434d49c30fb09deafe9d1125"},(0,n.yg)("inlineCode",{parentName:"a"},"ecf474f"))),(0,n.yg)("li",{parentName:"ul"},"Update 0-intro.md ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93a073242693fa3c24c39532c2c462f58071e5c4"},(0,n.yg)("inlineCode",{parentName:"a"},"93a0732"))),(0,n.yg)("li",{parentName:"ul"},"modifies tags title ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/33c3714660aa6cfbca7e362fd7baa8c396b60a0e"},(0,n.yg)("inlineCode",{parentName:"a"},"33c3714"))),(0,n.yg)("li",{parentName:"ul"},"reafactor(taglist): fixes tags root class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d09959f85d2d21cdc890a71457ed5840b5b2c53"},(0,n.yg)("inlineCode",{parentName:"a"},"7d09959")))),(0,n.yg)("h3",{id:"019---2022-03-25"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.8...0.1.9"},"0.1.9")," - 2022-03-25"),(0,n.yg)("h4",{id:"-new-features-38"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(all): 1.9 release #124 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0d3f6fbf32a4948e00410d9d0943a077863cb869"},(0,n.yg)("inlineCode",{parentName:"a"},"0d3f6fb"))),(0,n.yg)("li",{parentName:"ul"},"feat(callout): Align volto-slate callout with blockquote style ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9e0bb49ffe66ebb8b8173af411873ab887b91058"},(0,n.yg)("inlineCode",{parentName:"a"},"9e0bb49")))),(0,n.yg)("h4",{id:"-bug-fixes-62"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(inpageNavigation): restore hidden on top functionality ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c554e6e02e0c82b74653498e2f3fd32a982002a4"},(0,n.yg)("inlineCode",{parentName:"a"},"c554e6e"))),(0,n.yg)("li",{parentName:"ul"},"fix(list): Fix TOC margin on 3rd level ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f17da79394e29baf62bae1247dd954cdd0362108"},(0,n.yg)("inlineCode",{parentName:"a"},"f17da79"))),(0,n.yg)("li",{parentName:"ul"},"fix(inpageNavigation) : add smooth scroll animation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/42f6564276b9214257e2dbc1e2a8f7e501625aee"},(0,n.yg)("inlineCode",{parentName:"a"},"42f6564")))),(0,n.yg)("h4",{id:"-enhancements-69"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(footer): update visual and mobile margins ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/64f05af91638d91d2c07217b8edc2fb70a5e7347"},(0,n.yg)("inlineCode",{parentName:"a"},"64f05af"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): restore union dropdown after implementation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7029c556a9adc1ab9b0269de666e0ed0530f67e"},(0,n.yg)("inlineCode",{parentName:"a"},"a7029c5"))),(0,n.yg)("li",{parentName:"ul"},"refactor(pullquote): adjust to the new figma design ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/78e4606ac299938021f9e525898ae7f5cede311f"},(0,n.yg)("inlineCode",{parentName:"a"},"78e4606"))),(0,n.yg)("li",{parentName:"ul"},"refactor(breadcrumb): adjust font sizes and import remix divider ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5fcabaf589074716b34fb5d0904e14549d7f4ef2"},(0,n.yg)("inlineCode",{parentName:"a"},"5fcabaf"))),(0,n.yg)("li",{parentName:"ul"},"change(header): use viewport width for changing mobile text in header dropdowns ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5a7868e1725f8766ae1be68d3c27b1313f79196b"},(0,n.yg)("inlineCode",{parentName:"a"},"5a7868e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(inpageNavigation): adjust to the new figma design ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4073acfb87378224d071079467bcfa195b1fc6ac"},(0,n.yg)("inlineCode",{parentName:"a"},"4073acf"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tab): add max width for tab items ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/366d279a94d5f388c6167e7afb72d108c77c4085"},(0,n.yg)("inlineCode",{parentName:"a"},"366d279"))),(0,n.yg)("li",{parentName:"ul"},"refactor(less variables):change pullquote styles ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9ad94bb424a14713ffa605c7497c95bdefeb6e5f"},(0,n.yg)("inlineCode",{parentName:"a"},"9ad94bb"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Pullquote):change quote positions and add Pullquote.Metadata sub component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6bce35fa3cc158d9d18a07d0faf812c5c38bae0b"},(0,n.yg)("inlineCode",{parentName:"a"},"6bce35f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(inpageNavigation): Update to remix icons ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19a606170b4163cf4f751a419ca36a4c163b566d"},(0,n.yg)("inlineCode",{parentName:"a"},"19a6061"))),(0,n.yg)("li",{parentName:"ul"},"refactor(inpageNavigation) : move icon & text to be in column ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/09539102489ec511cb2b6cd047d316ab8b87ed55"},(0,n.yg)("inlineCode",{parentName:"a"},"0953910"))),(0,n.yg)("li",{parentName:"ul"},"change(breadcrumbs): modified breadcrumbs template to behave like breadrumb template ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/490a559bc99f3a9d174a344cf0be85086293578e"},(0,n.yg)("inlineCode",{parentName:"a"},"490a559"))),(0,n.yg)("li",{parentName:"ul"},"change(package): bump release version to 1.9.0 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/43a6e4b92fd05ca272fb140922213834ee426938"},(0,n.yg)("inlineCode",{parentName:"a"},"43a6e4b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(breadcrumb): adjust font sizes and import remix divider #120 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/09a3a01910ed898b62a9535fe5d2a41cfdb3a91b"},(0,n.yg)("inlineCode",{parentName:"a"},"09a3a01"))),(0,n.yg)("li",{parentName:"ul"},"change(menu): modified secondaryPointingItemMaxWidth to a value that equals to 250 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea138a10257206fae32c4e9a30233a3ddfd424b6"},(0,n.yg)("inlineCode",{parentName:"a"},"ea138a1"))),(0,n.yg)("li",{parentName:"ul"},"refactor(pullquote): introduce meta section, use remix icons, integrate slate callouts #119 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fd740c9e72b2defa5cc858ac020f0cb051aa527c"},(0,n.yg)("inlineCode",{parentName:"a"},"fd740c9"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer): updated visuals and gradients #117 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e5c6d18dc3fb33e5dfa654ecebdc12c6f5f0cf32"},(0,n.yg)("inlineCode",{parentName:"a"},"e5c6d18"))),(0,n.yg)("li",{parentName:"ul"},"change(scrollToTop): feature inpage navigation revamp #121 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3cf20a82b723b8df0b53f16c737e5c8990f891f1"},(0,n.yg)("inlineCode",{parentName:"a"},"3cf20a8"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer): update visual and gradient ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/764ec23a456397b478456f7d628baa4e6c0b4713"},(0,n.yg)("inlineCode",{parentName:"a"},"764ec23"))),(0,n.yg)("li",{parentName:"ul"},"change(header): use 12px font size for mobile resolution dropdowns ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6dad0fab24f37f87696bb50f5a592e88510d053e"},(0,n.yg)("inlineCode",{parentName:"a"},"6dad0fa"))),(0,n.yg)("li",{parentName:"ul"},"change(nav): added navDepth to 3 in order to enable mega menu integration ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4f73fdd0dfadcd63b2f4be7a691bf12dcd9bb76"},(0,n.yg)("inlineCode",{parentName:"a"},"c4f73fd")))),(0,n.yg)("h4",{id:"-internal-changes-26"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"style(inpageNavigation) : lint changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3641d78374063904c00f1ba19f2f234f7a43892b"},(0,n.yg)("inlineCode",{parentName:"a"},"3641d78"))),(0,n.yg)("li",{parentName:"ul"},"style(inpageNavigation) : add less variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0699c70c66403ff75bf41ba252a74e9f4379671c"},(0,n.yg)("inlineCode",{parentName:"a"},"0699c70"))),(0,n.yg)("li",{parentName:"ul"},"style(pullquote): create variable for icon font size ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fea9b0a7c33237ad036522b4dde567718d640210"},(0,n.yg)("inlineCode",{parentName:"a"},"fea9b0a"))),(0,n.yg)("li",{parentName:"ul"},"style(inpageNavigation) : add lint & prettier changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8dd012a964e0c1f0bc22c36826a4a94bd052759"},(0,n.yg)("inlineCode",{parentName:"a"},"f8dd012"))),(0,n.yg)("li",{parentName:"ul"},"style(inpageNavigation): remove comment ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1aee011d032c1a2b7fe564a40688bc39ca457c18"},(0,n.yg)("inlineCode",{parentName:"a"},"1aee011")))),(0,n.yg)("h4",{id:"\ufe0f-others-67"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/85a3dc55c7676c0feb8dd5b39fe0cbb9d66a9370"},(0,n.yg)("inlineCode",{parentName:"a"},"85a3dc5"))),(0,n.yg)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00776211ccfa1cb90d9fa0e5269f47f5b3845741"},(0,n.yg)("inlineCode",{parentName:"a"},"0077621"))),(0,n.yg)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f1bb1c630edb669b03929a978cc116bae012255"},(0,n.yg)("inlineCode",{parentName:"a"},"9f1bb1c"))),(0,n.yg)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2b19fec30d6086f486bdca631a9114d8369fe43"},(0,n.yg)("inlineCode",{parentName:"a"},"e2b19fe"))),(0,n.yg)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/03dbc9b027578934f89d9480d981e1bc28f38aa3"},(0,n.yg)("inlineCode",{parentName:"a"},"03dbc9b"))),(0,n.yg)("li",{parentName:"ul"},"Hide breadcrumbs on homepage ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e2f609df8d4b6bdb826e539fc0c613406d357a5"},(0,n.yg)("inlineCode",{parentName:"a"},"3e2f609"))),(0,n.yg)("li",{parentName:"ul"},"bug(inpageNavigation): less layers structure fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8d34fbdd5130ed36157db1ff70e8b039faa9f81"},(0,n.yg)("inlineCode",{parentName:"a"},"b8d34fb"))),(0,n.yg)("li",{parentName:"ul"},"prettier fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4b1c572411cbc58dec51d5eeefe9847675c2e41"},(0,n.yg)("inlineCode",{parentName:"a"},"d4b1c57"))),(0,n.yg)("li",{parentName:"ul"},"fefactor(tab): add max width for tab items #118 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/716c408fa4c73f3feb8e36e35fb1f6bb50ac264c"},(0,n.yg)("inlineCode",{parentName:"a"},"716c408"))),(0,n.yg)("li",{parentName:"ul"},"Add reversed option to Timeline grid ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7c9023245f2fc943380f79743b5f10c6b6f65264"},(0,n.yg)("inlineCode",{parentName:"a"},"7c90232"))),(0,n.yg)("li",{parentName:"ul"},"doc(grid): update grid showcases ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/83671a382e39a2736c2c1353098d5f4fc2a0e67e"},(0,n.yg)("inlineCode",{parentName:"a"},"83671a3"))),(0,n.yg)("li",{parentName:"ul"},"End of line ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7f46fb752ec8918325ebadd386ee88248e02566c"},(0,n.yg)("inlineCode",{parentName:"a"},"7f46fb7")))),(0,n.yg)("h3",{id:"018---2022-03-18"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.7...0.1.8"},"0.1.8")," - 2022-03-18"),(0,n.yg)("h4",{id:"-bug-fixes-63"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(card): avoid long links from spilling outside of card body area ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95b8951ab87bfab7a68cc20b89b25aa15113aa9d"},(0,n.yg)("inlineCode",{parentName:"a"},"95b8951")))),(0,n.yg)("h4",{id:"-enhancements-70"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"change(typography): set heading sizes as detailed in docusaurus typography section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/189bf20409581587061ffa30ff2bf04d97f284cf"},(0,n.yg)("inlineCode",{parentName:"a"},"189bf20"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): content tweaks, inpage navigation section #112 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b62d1b1def7c3d8890ffbba30950e8e422e9ed89"},(0,n.yg)("inlineCode",{parentName:"a"},"b62d1b1")))),(0,n.yg)("h4",{id:"-internal-changes-27"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"chore(docusaurus): fixed grid tablet breakpoint value ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c7fbc0912131396e3a1e35803968eda1eff77d40"},(0,n.yg)("inlineCode",{parentName:"a"},"c7fbc09")))),(0,n.yg)("h4",{id:"-documentation-changes-22"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus): capitalization remove ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bf8fa4407e7110da1c6a911506d56800bd5c32d7"},(0,n.yg)("inlineCode",{parentName:"a"},"bf8fa44"))),(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus): update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1c04976a141324f0dde01b139a77f611e6f51840"},(0,n.yg)("inlineCode",{parentName:"a"},"1c04976"))),(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus): comment address on pr 112 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e4fe3bed285eae8b2cff03b1ef558debc0b4edb"},(0,n.yg)("inlineCode",{parentName:"a"},"6e4fe3b"))),(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus): color minor update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/13f9fda09287da5b8733d17f9c7567b6b7df750a"},(0,n.yg)("inlineCode",{parentName:"a"},"13f9fda"))),(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus): tabs and breadcrump update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d0547e5ad09a8608335b1e77e24c891e49213694"},(0,n.yg)("inlineCode",{parentName:"a"},"d0547e5")))),(0,n.yg)("h4",{id:"\ufe0f-others-68"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"doc(colours): add more content ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec66248f1290369dcf63ee12f7b71a1630df887b"},(0,n.yg)("inlineCode",{parentName:"a"},"ec66248"))),(0,n.yg)("li",{parentName:"ul"},"Add divider content for metadata field in Banner ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f1e34bd6a199f6418fba909e9dfdf50b0100e860"},(0,n.yg)("inlineCode",{parentName:"a"},"f1e34bd"))),(0,n.yg)("li",{parentName:"ul"},"Release 1.8.0 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fd6ba047e8f8b257c3c75d07a6caefad376f888a"},(0,n.yg)("inlineCode",{parentName:"a"},"fd6ba04")))),(0,n.yg)("h3",{id:"017---2022-03-15"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.6...0.1.7"},"0.1.7")," - 2022-03-15"),(0,n.yg)("h4",{id:"-new-features-39"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(less): add global gap sizes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c83f20280b8a7ab0b5c78e3df7646beebe08709"},(0,n.yg)("inlineCode",{parentName:"a"},"3c83f20"))),(0,n.yg)("li",{parentName:"ul"},"feat(icons): import remix css ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/29967fb39034910dce286880f347a670f77421b3"},(0,n.yg)("inlineCode",{parentName:"a"},"29967fb")))),(0,n.yg)("h4",{id:"-bug-fixes-64"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(menu): fix border overflow for tabs and pagination ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e88721f916affa2a6d2f03930eb4266f9a2b0fb9"},(0,n.yg)("inlineCode",{parentName:"a"},"e88721f"))),(0,n.yg)("li",{parentName:"ul"},"fix(accordion): responsive and accessibility issues ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c225935ceb9fdba45c6f94086a35e177495fe584"},(0,n.yg)("inlineCode",{parentName:"a"},"c225935")))),(0,n.yg)("h4",{id:"-enhancements-71"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(menu): update paddings for tabs and pagination ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/533a5093e6c306034cb16e0a88e045019677951e"},(0,n.yg)("inlineCode",{parentName:"a"},"533a509"))),(0,n.yg)("li",{parentName:"ul"},"refactor(accordion): import semantic icon for remix arrows ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9aa77d856d1e43f4ec3daaab37f06fa91ebd1eaf"},(0,n.yg)("inlineCode",{parentName:"a"},"9aa77d8"))),(0,n.yg)("li",{parentName:"ul"},"refactor(all) icons, accordion, button and menu itml #108 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/52ed2ca19b5e8dea60f1ee7bfd9c3b6b49a49f7d"},(0,n.yg)("inlineCode",{parentName:"a"},"52ed2ca"))),(0,n.yg)("li",{parentName:"ul"},"change(storybook): segment stories now contain several elements ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/98a7654b0d4a7c30c7a2df35103ddb2740f3ca2d"},(0,n.yg)("inlineCode",{parentName:"a"},"98a7654"))),(0,n.yg)("li",{parentName:"ul"},"change(table): inherit header alignment instead of hard-coding values ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ebb5193babfe8b99094db6778afdaf2d91b2c4dd"},(0,n.yg)("inlineCode",{parentName:"a"},"ebb5193"))),(0,n.yg)("li",{parentName:"ul"},"refactor(icons): add remix icons ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4c1a92b671b52c509386addc02e8919c93391fb"},(0,n.yg)("inlineCode",{parentName:"a"},"c4c1a92"))),(0,n.yg)("li",{parentName:"ul"},"refactor(container): restore mobile width to auto ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2df184c19a8685c69e6b9a55b147a97853cc6b74"},(0,n.yg)("inlineCode",{parentName:"a"},"2df184c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(button): update action button hover color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb09d718433f93091ca1b325471d48741825ca96"},(0,n.yg)("inlineCode",{parentName:"a"},"bb09d71")))),(0,n.yg)("h4",{id:"-internal-changes-28"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"chore(docusaurus): docs delete ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f9d733287902ccb096f5a976a2928e43a43a8e7"},(0,n.yg)("inlineCode",{parentName:"a"},"5f9d733")))),(0,n.yg)("h4",{id:"-documentation-changes-23"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(colors): corrections ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/da64c4c6b58e8840ea98be75d442b90911197e28"},(0,n.yg)("inlineCode",{parentName:"a"},"da64c4c"))),(0,n.yg)("li",{parentName:"ul"},"docs(list): default list showcase ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8ded06231c14d1394f77559aeb2d5a7e3a0c1bf1"},(0,n.yg)("inlineCode",{parentName:"a"},"8ded062")))),(0,n.yg)("h4",{id:"\ufe0f-others-69"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"bug(form): input min-width more specific to not break volto interface ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3f5b5d498ea1a0e3bb6fd62af5930f6579029b11"},(0,n.yg)("inlineCode",{parentName:"a"},"3f5b5d4"))),(0,n.yg)("li",{parentName:"ul"},"Update package.json ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3dba28b5a3d28adbf946a8df3d9cc9b8ef4c68e0"},(0,n.yg)("inlineCode",{parentName:"a"},"3dba28b")))),(0,n.yg)("h3",{id:"016---2022-03-11"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.5...0.1.6"},"0.1.6")," - 2022-03-11"),(0,n.yg)("h4",{id:"-new-features-40"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(cards): add custom display for volto-block-image-cards ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/645096ac5a0aa3326834191f56ee8a77db0464f5"},(0,n.yg)("inlineCode",{parentName:"a"},"645096a"))),(0,n.yg)("li",{parentName:"ul"},"feat(PublicationCard):create publication card component & styles ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e5f9b7a9bb301f446b232b99f7db54e6a7470ae"},(0,n.yg)("inlineCode",{parentName:"a"},"3e5f9b7"))),(0,n.yg)("li",{parentName:"ul"},"feat(PublicationCard):create publication card component & styles ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/12cdd5d50dc4c05f2c2b83586df90c7b91c11a75"},(0,n.yg)("inlineCode",{parentName:"a"},"12cdd5d"))),(0,n.yg)("li",{parentName:"ul"},"feat(Related Content): create Related Content component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/77eda953196f9e686d4ec2c996d6902a614af4a0"},(0,n.yg)("inlineCode",{parentName:"a"},"77eda95"))),(0,n.yg)("li",{parentName:"ul"},"feat(Related Content): create Related Content component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/08d495baeae575a07813056176ac940d7edc91eb"},(0,n.yg)("inlineCode",{parentName:"a"},"08d495b"))),(0,n.yg)("li",{parentName:"ul"},"feat(pagination,related) added several r3 components #105 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/08d47c199286402c31a0ff0de38fd08533d2cd91"},(0,n.yg)("inlineCode",{parentName:"a"},"08d47c1")))),(0,n.yg)("h4",{id:"-bug-fixes-65"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(Related Content): limit publication card number to 4 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e7df03214824a85911c26499c8975f88ffa9fe4d"},(0,n.yg)("inlineCode",{parentName:"a"},"e7df032"))),(0,n.yg)("li",{parentName:"ul"},"fix(less variables):rename publication card variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/55c6fb8e5e9660352ce1bf2bd38c4ef8834ce184"},(0,n.yg)("inlineCode",{parentName:"a"},"55c6fb8"))),(0,n.yg)("li",{parentName:"ul"},"fix(Publication Card): add link to card and arg name fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36a7c961639b2ff07acd455ccf277dd0a93f753c"},(0,n.yg)("inlineCode",{parentName:"a"},"36a7c96"))),(0,n.yg)("li",{parentName:"ul"},"fix(radio): fix bullet scaling issue with firefox ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f02c95f18c77527f949f115471cf24302df4d49"},(0,n.yg)("inlineCode",{parentName:"a"},"5f02c95"))),(0,n.yg)("li",{parentName:"ul"},"fix(radio): fix bullet scaling issue with firefox ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dbb2e27b43e6d267a436a8475107ad01e940ec93"},(0,n.yg)("inlineCode",{parentName:"a"},"dbb2e27")))),(0,n.yg)("h4",{id:"-enhancements-72"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(form): remove custom classes and add container to form items ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b5442a3c56854bf30269f235099d8507ba588f7"},(0,n.yg)("inlineCode",{parentName:"a"},"6b5442a"))),(0,n.yg)("li",{parentName:"ul"},"refactor(form): remove custom classes and add container to form items ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d1ec083647f854c09d8a64dffa6a5c829321049e"},(0,n.yg)("inlineCode",{parentName:"a"},"d1ec083"))),(0,n.yg)("li",{parentName:"ul"},"refactor(form): update form wrapper component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7195768bbe86121fc82bebca29abfb20b50d77a"},(0,n.yg)("inlineCode",{parentName:"a"},"a719576"))),(0,n.yg)("li",{parentName:"ul"},"refactor(form): update form wrapper component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0736ec7d671d756c13a69bd8bf93488805da27e2"},(0,n.yg)("inlineCode",{parentName:"a"},"0736ec7"))),(0,n.yg)("li",{parentName:"ul"},"refactor(form): adjust form items to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4213cfb79430273e637b06a76af28c9cd660aa74"},(0,n.yg)("inlineCode",{parentName:"a"},"4213cfb"))),(0,n.yg)("li",{parentName:"ul"},"refactor(form): adjust form items to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/374ffbc1c380df1b1a5f9939fc658d9ecca4ae1b"},(0,n.yg)("inlineCode",{parentName:"a"},"374ffbc"))),(0,n.yg)("li",{parentName:"ul"},"refactor(breadcrumb): remove custom class anf and new variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b3cb83d90e0be7f8a80f619d57bc90cae4f8f207"},(0,n.yg)("inlineCode",{parentName:"a"},"b3cb83d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(breadcrumb): remove custom class anf and new variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5808ad3576439df010bebfb8fd423858ffc4e66"},(0,n.yg)("inlineCode",{parentName:"a"},"d5808ad"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): clear up unnecessary form elements controls ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f7e7d5bc285ea5115bc8770c7471729f06da891e"},(0,n.yg)("inlineCode",{parentName:"a"},"f7e7d5b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): small change in unordered list story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ffd87246df9dffcc064683e93d6f3aff35b3931"},(0,n.yg)("inlineCode",{parentName:"a"},"3ffd872"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): small change in unordered list story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ce16e990f15ef8c61493359815405517756c32c"},(0,n.yg)("inlineCode",{parentName:"a"},"6ce16e9"))),(0,n.yg)("li",{parentName:"ul"},"refactor(pagination): fix menu overrides for tabs that affects pagination ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fe8c4ca32072518820ad38f8b334b38f52ef2df5"},(0,n.yg)("inlineCode",{parentName:"a"},"fe8c4ca"))),(0,n.yg)("li",{parentName:"ul"},"refactor(pagination): fix menu overrides for tabs that affects pagination ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3f4b726c2a2047f6f9a65375074dd7ea38717f5c"},(0,n.yg)("inlineCode",{parentName:"a"},"3f4b726"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Loader):remove image & add background image ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70fe041e06cfee946bb9557f9fcb5ff49d08c287"},(0,n.yg)("inlineCode",{parentName:"a"},"70fe041"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Loader):remove image & add background image ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac3812684ee4377914801cd770890c78bdeecedf"},(0,n.yg)("inlineCode",{parentName:"a"},"ac38126"))),(0,n.yg)("li",{parentName:"ul"},"refactor(list): remove selection control ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a09b1798a62a6e192deb1d217d0c44b4b881ce6a"},(0,n.yg)("inlineCode",{parentName:"a"},"a09b179"))),(0,n.yg)("li",{parentName:"ul"},"refactor(list): remove selection control ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/17bf710d00a91acd35356dbaa9d5093ca80a8987"},(0,n.yg)("inlineCode",{parentName:"a"},"17bf710"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook):unordered list minor change ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df2b72730500aee5d0bbc82185222edacad38b2b"},(0,n.yg)("inlineCode",{parentName:"a"},"df2b727"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook):unordered list minor change ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef6db73ce2236d0f653212d2f57c336f1f8d806e"},(0,n.yg)("inlineCode",{parentName:"a"},"ef6db73"))),(0,n.yg)("li",{parentName:"ul"},"refactor(colors): remove metalic blue color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2f95b6dc3b1d8314827d56e88efa0dfc719aca2"},(0,n.yg)("inlineCode",{parentName:"a"},"b2f95b6"))),(0,n.yg)("li",{parentName:"ul"},"refactor(colors): remove metalic blue color ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1eea33f71fdde5834f82d244224c185fde3ab8ba"},(0,n.yg)("inlineCode",{parentName:"a"},"1eea33f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(button): update variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b1774d8c7f32ded2eff654b0d16e45d944fe5690"},(0,n.yg)("inlineCode",{parentName:"a"},"b1774d8"))),(0,n.yg)("li",{parentName:"ul"},"refactor(button): update variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/061f3e3042f28575dbb1a70f09a62bda728815be"},(0,n.yg)("inlineCode",{parentName:"a"},"061f3e3"))),(0,n.yg)("li",{parentName:"ul"},"change(blockquote): treat slate as a variation of blockquote component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19bd9a5f67e573b71531fe34b29d2e08e0856eae"},(0,n.yg)("inlineCode",{parentName:"a"},"19bd9a5"))),(0,n.yg)("li",{parentName:"ul"},"refactor(container): remove important from rules ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e984771ed59fe849246ae8a01d9d84f3f2f232c5"},(0,n.yg)("inlineCode",{parentName:"a"},"e984771"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook):add textarea control to add/remove fluid class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/475f540efa76d0993c3f7bd72d4c646385f4c909"},(0,n.yg)("inlineCode",{parentName:"a"},"475f540"))),(0,n.yg)("li",{parentName:"ul"},"refactor(container): remove important from rules ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1cc69848705d3d592221bf7fa7d43c8b0eb37f09"},(0,n.yg)("inlineCode",{parentName:"a"},"1cc6984"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): add required attribute to form fields ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fecee278b920c44dd0dd34ace81f9606258c8f7c"},(0,n.yg)("inlineCode",{parentName:"a"},"fecee27"))),(0,n.yg)("li",{parentName:"ul"},"refactor(progressBar): update progress bar colors with vars ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4ef1f0f6eba9792901bc9e0ec5b01877e9da96e"},(0,n.yg)("inlineCode",{parentName:"a"},"c4ef1f0"))),(0,n.yg)("li",{parentName:"ul"},"refactor(progressBar): update progress bar colors with vars ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a44d73c48b6ccc988508fed5c3fb585353fe0958"},(0,n.yg)("inlineCode",{parentName:"a"},"a44d73c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): add required attribute to form fields ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/21da79eafa9f23dcf01cac7e096da7fab2187450"},(0,n.yg)("inlineCode",{parentName:"a"},"21da79e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(list): adjust bullet size ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b29e4e429f939500bc7d7ebd5836b8bc24090ec"},(0,n.yg)("inlineCode",{parentName:"a"},"2b29e4e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(list): adjust bullet size ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/61c341cfdad3fccdd7499f6957f91ab99159ea16"},(0,n.yg)("inlineCode",{parentName:"a"},"61c341c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(statistic): add inverted background to global variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1427e70f2b208531bbb91ab1a708430f1c03ea3a"},(0,n.yg)("inlineCode",{parentName:"a"},"1427e70"))),(0,n.yg)("li",{parentName:"ul"},"refactor(statistic): add inverted background to global variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea25dfa5589181b7d23bef153bae3ab279e70167"},(0,n.yg)("inlineCode",{parentName:"a"},"ea25dfa"))),(0,n.yg)("li",{parentName:"ul"},"refactor(statistic): remove custom class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/46cc5601e378c7bfcf927b7c25dae2a2d3f795fd"},(0,n.yg)("inlineCode",{parentName:"a"},"46cc560"))),(0,n.yg)("li",{parentName:"ul"},"refactor(container): update mobile width ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d548a44d86745270778134028be597f559d7a0b4"},(0,n.yg)("inlineCode",{parentName:"a"},"d548a44"))),(0,n.yg)("li",{parentName:"ul"},"refactor(grid): replace px with rem units ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e792f51e4f41b8f3f53e297b9e5a01d5e2d9bfb1"},(0,n.yg)("inlineCode",{parentName:"a"},"e792f51"))),(0,n.yg)("li",{parentName:"ul"},"refactor(statistic): remove custom class ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b5c8e7c2aeb2751d4b981eacc51e3dda58a922dc"},(0,n.yg)("inlineCode",{parentName:"a"},"b5c8e7c"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): updated template to change what's new title ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e15f4d3c3e5d4199886bb4cfeda8dce6a4bf041"},(0,n.yg)("inlineCode",{parentName:"a"},"3e15f4d"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): added display variable for footer site logos ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5b3c2f6d85b3a42eefa8521a074a7581bfbd8fb"},(0,n.yg)("inlineCode",{parentName:"a"},"d5b3c2f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(grid): replace px with rem units ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f0331d00f537cf41ca184796386f60a88bfe6c86"},(0,n.yg)("inlineCode",{parentName:"a"},"f0331d0"))),(0,n.yg)("li",{parentName:"ul"},"change(github): auto deploy only on develop branch ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/11d6b4e9059674b6dd1fe655995231be03a910fb"},(0,n.yg)("inlineCode",{parentName:"a"},"11d6b4e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): implementation in preparation for Volto integration #20 #89 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95b136d51ddbc5632c0fa1cc696c2297a8c4695c"},(0,n.yg)("inlineCode",{parentName:"a"},"95b136d"))),(0,n.yg)("li",{parentName:"ul"},"change(github): trigger autobuild when modifying templates contents ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/46094b1427793cd88da6f615b16b70e6cfaee9af"},(0,n.yg)("inlineCode",{parentName:"a"},"46094b1")))),(0,n.yg)("h4",{id:"-internal-changes-29"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"style(list): prettier fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f9e3b05effc0afeddc234b491bc86f2ec82a764f"},(0,n.yg)("inlineCode",{parentName:"a"},"f9e3b05"))),(0,n.yg)("li",{parentName:"ul"},"style(list): prettier fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8eb715b05b3bef2795d2485084386c6e910392cf"},(0,n.yg)("inlineCode",{parentName:"a"},"8eb715b"))),(0,n.yg)("li",{parentName:"ul"},"chore(github): merge changes from develop to develop-itml ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/063bd6ecc5e47321854ca4994a91bf0a43ab3e3e"},(0,n.yg)("inlineCode",{parentName:"a"},"063bd6e"))),(0,n.yg)("li",{parentName:"ul"},"chore(github): build deployment only on develop branch ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5a1b0802b46d674d04ae099afc8510e3cb62222"},(0,n.yg)("inlineCode",{parentName:"a"},"a5a1b08"))),(0,n.yg)("li",{parentName:"ul"},"chore(github): build deployment only on develop branch ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb455aa4308e6593c45bcb3a62b8058709d74f83"},(0,n.yg)("inlineCode",{parentName:"a"},"bb455aa"))),(0,n.yg)("li",{parentName:"ul"},"chore(github): merge changes from develop to develop-itml ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/129c12f60025db50bac5b2d3dd36e04a97d49499"},(0,n.yg)("inlineCode",{parentName:"a"},"129c12f")))),(0,n.yg)("h4",{id:"\ufe0f-others-70"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},'Revert "chore(github): merge changes from develop to develop-itml" ',(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca9520fe8d91f8924ea203eb32001e3e6518e472"},(0,n.yg)("inlineCode",{parentName:"a"},"ca9520f"))),(0,n.yg)("li",{parentName:"ul"},"refactor breadcrumbs component, make it functional and customizable ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e902d6931060c5676d67842f95391379fcb3cccf"},(0,n.yg)("inlineCode",{parentName:"a"},"e902d69"))),(0,n.yg)("li",{parentName:"ul"},"rollback(cards): move custom display to volto-block-image-cards ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2564b1ec2cc52670c0f2abc92c49161f5cd1b006"},(0,n.yg)("inlineCode",{parentName:"a"},"2564b1e"))),(0,n.yg)("li",{parentName:"ul"},"bring back segment wrapper and make it attached ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8458f0321f44f22a605e7179485d97f41a0afa38"},(0,n.yg)("inlineCode",{parentName:"a"},"8458f03"))),(0,n.yg)("li",{parentName:"ul"},"no ",(0,n.yg)("inlineCode",{parentName:"li"},"display: flex")," for blockquote added from slate ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5595ce1b8173e6952ab3926dc5f3c988279a42dc"},(0,n.yg)("inlineCode",{parentName:"a"},"5595ce1"))),(0,n.yg)("li",{parentName:"ul"},"Add rule about code length ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5f36523682dde8d1e16f416a07cd0c8c615a386"},(0,n.yg)("inlineCode",{parentName:"a"},"a5f3652"))),(0,n.yg)("li",{parentName:"ul"},"Add indenting rule ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15c44cbcb6a52d0fd0438ff9b5d0e5963a4b53a0"},(0,n.yg)("inlineCode",{parentName:"a"},"15c44cb"))),(0,n.yg)("li",{parentName:"ul"},"fix warning related to proptype ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/946c6c6bc9dece0985ae4b9f9cad6ece2be0ff2c"},(0,n.yg)("inlineCode",{parentName:"a"},"946c6c6"))),(0,n.yg)("li",{parentName:"ul"},"fix profile section css overflow ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/db5126fc902e191d1e18fb7e4c54877c8d8786e6"},(0,n.yg)("inlineCode",{parentName:"a"},"db5126f"))),(0,n.yg)("li",{parentName:"ul"},"Add rule about import sorting ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/804e188eea30427053111310ad2d3edf6a4ec78b"},(0,n.yg)("inlineCode",{parentName:"a"},"804e188"))),(0,n.yg)("li",{parentName:"ul"},"don't use volto-slate ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6a029765d3a59ac65b3b5dd18c1a9624bae1d52a"},(0,n.yg)("inlineCode",{parentName:"a"},"6a02976"))),(0,n.yg)("li",{parentName:"ul"},"remove segment custom width ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d3ea40f98bbdc1eab95b4da739a659b5e29ec16"},(0,n.yg)("inlineCode",{parentName:"a"},"1d3ea40"))),(0,n.yg)("li",{parentName:"ul"},"Add rule about naming vars ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f9020fa3073190681de36cf1dcdf62e69ac2c74"},(0,n.yg)("inlineCode",{parentName:"a"},"8f9020f"))),(0,n.yg)("li",{parentName:"ul"},"update style for accordion title ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0b0d678c69d8b0765ff015b0355c01d57c643192"},(0,n.yg)("inlineCode",{parentName:"a"},"0b0d678"))),(0,n.yg)("li",{parentName:"ul"},"Release 1.6.0 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e771e657e5bedca3630d05cda643c45da5369d4c"},(0,n.yg)("inlineCode",{parentName:"a"},"e771e65"))),(0,n.yg)("li",{parentName:"ul"},"update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bbcab87ef4c8475f347f0daf4ab7e428e69c2316"},(0,n.yg)("inlineCode",{parentName:"a"},"bbcab87"))),(0,n.yg)("li",{parentName:"ul"},"add margin to ","<","br",">"," element to simulate gap as in design ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c6685c11a14febfc9b6c592a9adc9a25a0b80458"},(0,n.yg)("inlineCode",{parentName:"a"},"c6685c1"))),(0,n.yg)("li",{parentName:"ul"},"make breadcrumbs default size as tiny ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/589581fa29a7e249e59393bebe9dfe284090db6f"},(0,n.yg)("inlineCode",{parentName:"a"},"589581f"))),(0,n.yg)("li",{parentName:"ul"},"remove uneeded style ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/82a8fb1eb3a359d54bc59234e498eb122d07223c"},(0,n.yg)("inlineCode",{parentName:"a"},"82a8fb1"))),(0,n.yg)("li",{parentName:"ul"},"Add rule about hardcoded values ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e04e0df7cd47d575e649d1995ea5c64b2a431b05"},(0,n.yg)("inlineCode",{parentName:"a"},"e04e0df"))),(0,n.yg)("li",{parentName:"ul"},"Add file mode rule ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65c9a9357a82a39bf54862eff9231264a6277ab5"},(0,n.yg)("inlineCode",{parentName:"a"},"65c9a93"))),(0,n.yg)("li",{parentName:"ul"},"Add DRY rule ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/66c9c3a6b05bf3395f5bda1a7c5af26a9962e66c"},(0,n.yg)("inlineCode",{parentName:"a"},"66c9c3a"))),(0,n.yg)("li",{parentName:"ul"},"set profile section overflow to auto ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/71ab47f89a433233c14b394c3824e607dd18a393"},(0,n.yg)("inlineCode",{parentName:"a"},"71ab47f"))),(0,n.yg)("li",{parentName:"ul"},"Add Sonarqube tag using eea-website-frontend addons list ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/647a6e3e2093f2c4884c356eb148453551c8f33f"},(0,n.yg)("inlineCode",{parentName:"a"},"647a6e3"))),(0,n.yg)("li",{parentName:"ul"},"removed override already present in card.less ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/50d2ab26f85c8f409da02ec128cc1df34848ca69"},(0,n.yg)("inlineCode",{parentName:"a"},"50d2ab2"))),(0,n.yg)("li",{parentName:"ul"},"update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a1d482aa875ab2669ed688663228d79ce9b7bea"},(0,n.yg)("inlineCode",{parentName:"a"},"7a1d482"))),(0,n.yg)("li",{parentName:"ul"},"Add functional components rule; add classnames rule ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91a0b067c7a36002a6d49c5c0238f593b5a6ac6e"},(0,n.yg)("inlineCode",{parentName:"a"},"91a0b06"))),(0,n.yg)("li",{parentName:"ul"},"added comment about need for removal of this fix later ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65b81665c1cc41991b4903bb44a5eb7fb8ec5f3b"},(0,n.yg)("inlineCode",{parentName:"a"},"65b8166")))),(0,n.yg)("h3",{id:"015---2022-03-08"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.4...0.1.5"},"0.1.5")," - 2022-03-08"),(0,n.yg)("h4",{id:"-new-features-41"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(cards): add custom display for volto-block-image-cards ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f49ffb65f41c78499f56251c2de267ce5617b4c5"},(0,n.yg)("inlineCode",{parentName:"a"},"f49ffb6"))),(0,n.yg)("li",{parentName:"ul"},"feat(KeyContent): add new component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2534c542c2fd729b31a9064a21dae2bd3cacb2e4"},(0,n.yg)("inlineCode",{parentName:"a"},"2534c54"))),(0,n.yg)("li",{parentName:"ul"},"feat(docusaurus): Updated developer guidelines ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca146ffd42cb31286a5c49fa09390d0a93270cfa"},(0,n.yg)("inlineCode",{parentName:"a"},"ca146ff"))),(0,n.yg)("li",{parentName:"ul"},"feat(storybook): add testimonial component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/55d97472d82f3819674e78f684e197625c9f854c"},(0,n.yg)("inlineCode",{parentName:"a"},"55d9747"))),(0,n.yg)("li",{parentName:"ul"},"feat(storybook): add AvatarGrid component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b6684456ea6fa17695734b5179b39be77644da93"},(0,n.yg)("inlineCode",{parentName:"a"},"b668445"))),(0,n.yg)("li",{parentName:"ul"},"feat(storybook):add Loader component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6758346a516f7c4be5d66dfdf198dbe2ffe3f01"},(0,n.yg)("inlineCode",{parentName:"a"},"f675834")))),(0,n.yg)("h4",{id:"-bug-fixes-66"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(breakpoints): fix largest screen breakpoint bug on scaling ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4a11c876c20187351fa9454b4fbf0de3e502bff"},(0,n.yg)("inlineCode",{parentName:"a"},"e4a11c8"))),(0,n.yg)("li",{parentName:"ul"},"fix(profile): section css overflow and padding issues #95 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb9eb0f83307524bda5cf86aa0dfd678c65da653"},(0,n.yg)("inlineCode",{parentName:"a"},"bb9eb0f"))),(0,n.yg)("li",{parentName:"ul"},"fix(storybook): lint auto changes for AvatarGrid ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8e74f17df77f8f9f96bf442dc178417bbfc04c6"},(0,n.yg)("inlineCode",{parentName:"a"},"b8e74f1"))),(0,n.yg)("li",{parentName:"ul"},"fix(components): add grid structure to various components ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc33546deda634cee6031bd6cde6eef3eaacb76a"},(0,n.yg)("inlineCode",{parentName:"a"},"cc33546"))),(0,n.yg)("li",{parentName:"ul"},"fix(header) re-added span tags removed in pull request #74 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00702d7831b84aad52f10368dbef740baf581ab8"},(0,n.yg)("inlineCode",{parentName:"a"},"00702d7")))),(0,n.yg)("h4",{id:"-enhancements-73"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(button): styling updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37afda5b00797d456e303fb585dad145b575b2ed"},(0,n.yg)("inlineCode",{parentName:"a"},"37afda5"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tab): updates on variables and overrides ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/54bf703f9f34f2f945f4635cd4bc4728174c7d47"},(0,n.yg)("inlineCode",{parentName:"a"},"54bf703"))),(0,n.yg)("li",{parentName:"ul"},"change(blockquote): treat slate as a variation of blockquote component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5e8a8b8220c7c25a266f045442aae44303eb8701"},(0,n.yg)("inlineCode",{parentName:"a"},"5e8a8b8"))),(0,n.yg)("li",{parentName:"ul"},"change(footer): added display variable for footer site logos ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2f942b4a80c3ed9eb94e8b71299f4ebf33501eea"},(0,n.yg)("inlineCode",{parentName:"a"},"2f942b4"))),(0,n.yg)("li",{parentName:"ul"},"refactor(checkbox/radio): remove header from message and adjust top position of bullet ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a072b30bb01cf59339960cfd3254584cfae57c6"},(0,n.yg)("inlineCode",{parentName:"a"},"4a072b3"))),(0,n.yg)("li",{parentName:"ul"},"refactor(color): remove secondaryColorDarken variable ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/74c8ba073cc92af3987d81d484768235b95fcffb"},(0,n.yg)("inlineCode",{parentName:"a"},"74c8ba0"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus): updated template to change what's new title ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/58f58c887560e707ced47ccbac6897d8ebcf45d2"},(0,n.yg)("inlineCode",{parentName:"a"},"58f58c8"))),(0,n.yg)("li",{parentName:"ul"},"change(github): auto deploy only on develop branch ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bfa35a32bf0fefd4433aec4f7f8ee2cfe53eaae5"},(0,n.yg)("inlineCode",{parentName:"a"},"bfa35a3"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): implementation in preparation for Volto integration #20 #97 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cddda2090d3d17c086dfd0cdb8a4dab3f886bfcd"},(0,n.yg)("inlineCode",{parentName:"a"},"cddda20"))),(0,n.yg)("li",{parentName:"ul"},"refactor(breadcrumbs): component, make it functional and pluggable #32 #94 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f42e802bdf29d02c76131379b168c8c2119864b"},(0,n.yg)("inlineCode",{parentName:"a"},"9f42e80"))),(0,n.yg)("li",{parentName:"ul"},"change(card): added styles for volto cards integration #92 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a46ac21e6229059fb982174610a733c44000a2b6"},(0,n.yg)("inlineCode",{parentName:"a"},"a46ac21"))),(0,n.yg)("li",{parentName:"ul"},"refactor(grid): remove column count from example ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac0e9cf8e9f6ea99ddf8d5a92e49903999cde262"},(0,n.yg)("inlineCode",{parentName:"a"},"ac0e9cf"))),(0,n.yg)("li",{parentName:"ul"},"change(github): trigger autobuild when modifying templates contents ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f7d1523e92c1c4b3e6285a48d5f8c776aecfa9c"},(0,n.yg)("inlineCode",{parentName:"a"},"5f7d152"))),(0,n.yg)("li",{parentName:"ul"},"refactor(grid): remove custom grid ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d978a96a464b3285961d54cb1cbc7c9eaf35faf"},(0,n.yg)("inlineCode",{parentName:"a"},"1d978a9"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Form):change form field wrapper implementation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/73cdd6daba19aefce091552a62a528a42b323228"},(0,n.yg)("inlineCode",{parentName:"a"},"73cdd6d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(message): update colors to match design ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/633ce311dc5a6a141ee514a9108753531aa661e4"},(0,n.yg)("inlineCode",{parentName:"a"},"633ce31"))),(0,n.yg)("li",{parentName:"ul"},"refactor(checkbox/radio): update variables and remove important rules ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad533b4e3e821c126f62b558523057720d2573c8"},(0,n.yg)("inlineCode",{parentName:"a"},"ad533b4"))),(0,n.yg)("li",{parentName:"ul"},"refactor(less variables): add variables to less for new components ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/47df026655748865bc7af8f44d51e5a9fcf7ee34"},(0,n.yg)("inlineCode",{parentName:"a"},"47df026"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Tab): fix vertical tab alignment ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/401bdf2868e8c8305ad2c3cefa3188b730348574"},(0,n.yg)("inlineCode",{parentName:"a"},"401bdf2"))),(0,n.yg)("li",{parentName:"ul"},"refactor(lint changes): add lint changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6f6847fc19db7922c93cb5f52e50db845d053e04"},(0,n.yg)("inlineCode",{parentName:"a"},"6f6847f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(inpageNavigation): adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/62f74ea3c08069da8615516a52df8415d50048d5"},(0,n.yg)("inlineCode",{parentName:"a"},"62f74ea"))),(0,n.yg)("li",{parentName:"ul"},"refactor(message): updates on styling ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b4cf8501de961794baf5a8ecec99e4bcddc2d71b"},(0,n.yg)("inlineCode",{parentName:"a"},"b4cf850"))),(0,n.yg)("li",{parentName:"ul"},"refactor(banner): update class name ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef0969bd873e9fdd0eb32593f7c3f995270ef44c"},(0,n.yg)("inlineCode",{parentName:"a"},"ef0969b"))),(0,n.yg)("li",{parentName:"ul"},"change(github): use develop for auto pushing ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a32a723f8126292f62a71cb4c4f94a2c7dec7605"},(0,n.yg)("inlineCode",{parentName:"a"},"a32a723")))),(0,n.yg)("h4",{id:"-internal-changes-30"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"style(design-system): unix eol ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/631fa90e2ec5352c01e2ee0824de4a45cc33de34"},(0,n.yg)("inlineCode",{parentName:"a"},"631fa90"))),(0,n.yg)("li",{parentName:"ul"},"style(checkbox/radio): prettier fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a04939fdb530ed998a40aeb5b85a748d5dace0cd"},(0,n.yg)("inlineCode",{parentName:"a"},"a04939f"))),(0,n.yg)("li",{parentName:"ul"},"style(design-system): unix eol ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c753f0b378384150597283c97f657eafbfff296"},(0,n.yg)("inlineCode",{parentName:"a"},"3c753f0"))),(0,n.yg)("li",{parentName:"ul"},"style(message): stylelint fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5b75057cb3a7b366a940ca9d1ba577cd09dc7225"},(0,n.yg)("inlineCode",{parentName:"a"},"5b75057")))),(0,n.yg)("h4",{id:"-documentation-changes-24"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus): visuals guidelines ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/544a9502dc046d7e8bc635c19480a8deb2b31379"},(0,n.yg)("inlineCode",{parentName:"a"},"544a950"))),(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus): search guidelines ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0fb229d8b6a042bd716a093faaf8a1461b70cdb8"},(0,n.yg)("inlineCode",{parentName:"a"},"0fb229d"))),(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus): loader page ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/892a25dba66f3557af22f8f0f96db695ddf1b402"},(0,n.yg)("inlineCode",{parentName:"a"},"892a25d")))),(0,n.yg)("h4",{id:"\ufe0f-others-71"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Reformat header.less ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f99dfc82c165304ca5600ce5138c1233615ab69"},(0,n.yg)("inlineCode",{parentName:"a"},"1f99dfc"))),(0,n.yg)("li",{parentName:"ul"},"Close menu when changing path ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65daea9ee34c64bd5e51104077bc745b68169cd2"},(0,n.yg)("inlineCode",{parentName:"a"},"65daea9"))),(0,n.yg)("li",{parentName:"ul"},"refactor breadcrumbs component, make it functional and customizable ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ec374e20565eb0a5aed0ff67a02cd6f77eba1f0"},(0,n.yg)("inlineCode",{parentName:"a"},"4ec374e"))),(0,n.yg)("li",{parentName:"ul"},"rollback(cards): move custom display to volto-block-image-cards ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/79d4c8914b7184d559465135f046b60ee96301e1"},(0,n.yg)("inlineCode",{parentName:"a"},"79d4c89"))),(0,n.yg)("li",{parentName:"ul"},"Open overlay menu on global menu click ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc749bc4266aae793b85d72c43c8a08b0c2fec48"},(0,n.yg)("inlineCode",{parentName:"a"},"cc749bc"))),(0,n.yg)("li",{parentName:"ul"},"bring back segment wrapper and make it attached ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f413ffaf641c161e8ff0f8010759cffd7e30238"},(0,n.yg)("inlineCode",{parentName:"a"},"9f413ff"))),(0,n.yg)("li",{parentName:"ul"},"Use renderMenuItem also in mobile menu ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/02de0bb4750062a310109256b6c6d29120287fd4"},(0,n.yg)("inlineCode",{parentName:"a"},"02de0bb"))),(0,n.yg)("li",{parentName:"ul"},"Fix clicking outside closes menu ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af526646559d1a00ade04dc24def26e5665a5a8c"},(0,n.yg)("inlineCode",{parentName:"a"},"af52664"))),(0,n.yg)("li",{parentName:"ul"},"Cleanup args in header story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2bf6a304b1149ec1204f08f318248ed52ad8fa3d"},(0,n.yg)("inlineCode",{parentName:"a"},"2bf6a30"))),(0,n.yg)("li",{parentName:"ul"},"fix warning related to proptype ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/824b9beff77aae139882cd50a1d670a02ec6f723"},(0,n.yg)("inlineCode",{parentName:"a"},"824b9be"))),(0,n.yg)("li",{parentName:"ul"},"fix profile section css overflow ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8fd265413149f1b5e033dffa0fbcb5ef5ecad15f"},(0,n.yg)("inlineCode",{parentName:"a"},"8fd2654"))),(0,n.yg)("li",{parentName:"ul"},"don't use volto-slate ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70ca3d4ec4e8e4dc633e957b842d94b708af8b82"},(0,n.yg)("inlineCode",{parentName:"a"},"70ca3d4"))),(0,n.yg)("li",{parentName:"ul"},"remove segment custom width ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a60d84d5fe76578b7760aa1dad6eef9a20916a7"},(0,n.yg)("inlineCode",{parentName:"a"},"4a60d84"))),(0,n.yg)("li",{parentName:"ul"},"update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/96f4af0fb22605fd294472eb18f7f62e4bd7b0fb"},(0,n.yg)("inlineCode",{parentName:"a"},"96f4af0"))),(0,n.yg)("li",{parentName:"ul"},"Fix TopDropdownMenu component rendering in mobile ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4626def4e1f97f323f3fef130f5d531925ba15b"},(0,n.yg)("inlineCode",{parentName:"a"},"a4626de"))),(0,n.yg)("li",{parentName:"ul"},"Add usePrevious hook ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/797faba3cad73288755f6c6e685448d780905189"},(0,n.yg)("inlineCode",{parentName:"a"},"797faba"))),(0,n.yg)("li",{parentName:"ul"},"make breadcrumbs default size as tiny ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c8e1c64f27596421e78927f11616093667b04c6"},(0,n.yg)("inlineCode",{parentName:"a"},"3c8e1c6"))),(0,n.yg)("li",{parentName:"ul"},"Update package.json ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fa020cb5dd85e28d0713b3e8a11aff5b2c1060af"},(0,n.yg)("inlineCode",{parentName:"a"},"fa020cb"))),(0,n.yg)("li",{parentName:"ul"},"Add rule about hardcoded values ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0c6912c82625c2e389fd75f0d0a051348781d407"},(0,n.yg)("inlineCode",{parentName:"a"},"0c6912c"))),(0,n.yg)("li",{parentName:"ul"},"set profile section overflow to auto ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8db62bbcd0258fee16411e94888c732a29b1949d"},(0,n.yg)("inlineCode",{parentName:"a"},"8db62bb"))),(0,n.yg)("li",{parentName:"ul"},"added comment about need for removal of this fix later ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fdbd713dbfe795e7e81cfa37398774fad71c054"},(0,n.yg)("inlineCode",{parentName:"a"},"6fdbd71"))),(0,n.yg)("li",{parentName:"ul"},"Add Sonarqube tag using eea-website-frontend addons list ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6051724437a38675e659c797bb5586ef81286ec0"},(0,n.yg)("inlineCode",{parentName:"a"},"6051724"))),(0,n.yg)("li",{parentName:"ul"},"removed override already present in card.less ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93c4e5aac9cc85ff2cc6c04180f6655d5f5616dc"},(0,n.yg)("inlineCode",{parentName:"a"},"93c4e5a"))),(0,n.yg)("li",{parentName:"ul"},"Remove console.log calls ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8a3a4cb32bfed2daa86339b15c0301eb01e19f23"},(0,n.yg)("inlineCode",{parentName:"a"},"8a3a4cb"))),(0,n.yg)("li",{parentName:"ul"},"update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/81bb7d4a02576887b80e978c32724580b772d57a"},(0,n.yg)("inlineCode",{parentName:"a"},"81bb7d4"))),(0,n.yg)("li",{parentName:"ul"},"Update comment ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ffa24001728f824b8e7154c93c5aad8196bd92ea"},(0,n.yg)("inlineCode",{parentName:"a"},"ffa2400"))),(0,n.yg)("li",{parentName:"ul"},"merge develop into this branch ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad5b388957b7d67f1b7ae06f2b80b1c30868d72a"},(0,n.yg)("inlineCode",{parentName:"a"},"ad5b388"))),(0,n.yg)("li",{parentName:"ul"},"WIP ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a8d97f10b9768894a135549e9dc8f938b663f905"},(0,n.yg)("inlineCode",{parentName:"a"},"a8d97f1"))),(0,n.yg)("li",{parentName:"ul"},"Use header.less from develop branch ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/99edbc6ccd6023162dcce75b36d6b9451b06f6dc"},(0,n.yg)("inlineCode",{parentName:"a"},"99edbc6"))),(0,n.yg)("li",{parentName:"ul"},"WIP ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57b5783e2b03859f89c5926951ea232547b455cc"},(0,n.yg)("inlineCode",{parentName:"a"},"57b5783"))),(0,n.yg)("li",{parentName:"ul"},"WIP ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/785da36b725bf14bff28a67da799c51bc5b4f20f"},(0,n.yg)("inlineCode",{parentName:"a"},"785da36"))),(0,n.yg)("li",{parentName:"ul"},"WIP ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5d1eba9a1df2d2bb078f119ee99b0627ac55ae1d"},(0,n.yg)("inlineCode",{parentName:"a"},"5d1eba9"))),(0,n.yg)("li",{parentName:"ul"},"adds Tags ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e37fc1957ed8357bc2190239da4440bb98b0dabe"},(0,n.yg)("inlineCode",{parentName:"a"},"e37fc19"))),(0,n.yg)("li",{parentName:"ul"},"Add useClickOutside hook ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70364c88631cbfa6e6854a99dde42ea2ad73221f"},(0,n.yg)("inlineCode",{parentName:"a"},"70364c8"))),(0,n.yg)("li",{parentName:"ul"},"Implement outside click handling ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fa6f81823c47ca32209f3f1c8b1810b5447f97ec"},(0,n.yg)("inlineCode",{parentName:"a"},"fa6f818"))),(0,n.yg)("li",{parentName:"ul"},"Simplify overlay menu template ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/28b04784cf32ed4393e452c56680bffda411d526"},(0,n.yg)("inlineCode",{parentName:"a"},"28b0478"))),(0,n.yg)("li",{parentName:"ul"},"fixes less variables, fixes tags positioning ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc19b9b537b5f21ceaba986bbd0182bb3b867ac7"},(0,n.yg)("inlineCode",{parentName:"a"},"cc19b9b"))),(0,n.yg)("li",{parentName:"ul"},"WIP ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15bc0f4287b705839f6fd5ac8835f03e2e99f1f1"},(0,n.yg)("inlineCode",{parentName:"a"},"15bc0f4"))),(0,n.yg)("li",{parentName:"ul"},"no ",(0,n.yg)("inlineCode",{parentName:"li"},"display: flex")," for blockquote added from slate ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/312a893e924dea4e7aed182be4a615bc3c4f04f8"},(0,n.yg)("inlineCode",{parentName:"a"},"312a893"))),(0,n.yg)("li",{parentName:"ul"},"Add rule about code length ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/318cd48f8116a49897590137eebe2ce35285b813"},(0,n.yg)("inlineCode",{parentName:"a"},"318cd48"))),(0,n.yg)("li",{parentName:"ul"},"Add indenting rule ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d58968522ef82a7d5381fc4958ae2049562b7103"},(0,n.yg)("inlineCode",{parentName:"a"},"d589685"))),(0,n.yg)("li",{parentName:"ul"},"Add rule about import sorting ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cd337c16650ae169e4b634b034f40f3cd887ceb8"},(0,n.yg)("inlineCode",{parentName:"a"},"cd337c1"))),(0,n.yg)("li",{parentName:"ul"},"Add rule about naming vars ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b112de0dcaa4209cfe143dcd26ba929b4cbe0a42"},(0,n.yg)("inlineCode",{parentName:"a"},"b112de0"))),(0,n.yg)("li",{parentName:"ul"},"Bring back classNames from header subpopup ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e477a5150bee569fadca300a3ccc3586e7d7ef4a"},(0,n.yg)("inlineCode",{parentName:"a"},"e477a51"))),(0,n.yg)("li",{parentName:"ul"},"removes tags hashtag from jsx ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b8b3e94a6a1060304c1e5b228806985343ef6a0"},(0,n.yg)("inlineCode",{parentName:"a"},"6b8b3e9"))),(0,n.yg)("li",{parentName:"ul"},"WIP ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d481324ff7a63e3cb0847b89fa188cc8781de4dc"},(0,n.yg)("inlineCode",{parentName:"a"},"d481324"))),(0,n.yg)("li",{parentName:"ul"},"fixes undefined on empty classes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b29080d646c44b02a28c4619f5285227fa2bf78"},(0,n.yg)("inlineCode",{parentName:"a"},"4b29080"))),(0,n.yg)("li",{parentName:"ul"},"stylelint changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5ab83018bccd8fbfcf2160fe9c6c4fc24abe83a"},(0,n.yg)("inlineCode",{parentName:"a"},"a5ab830"))),(0,n.yg)("li",{parentName:"ul"},"Footer link color @white ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/578e4f7bb174cd46d50a8b5c5a97f8bbff510f11"},(0,n.yg)("inlineCode",{parentName:"a"},"578e4f7"))),(0,n.yg)("li",{parentName:"ul"},"add margin to ","<","br",">"," element to simulate gap as in design ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9ab9a97dc231fd3b704fedd99c742f425be4578c"},(0,n.yg)("inlineCode",{parentName:"a"},"9ab9a97"))),(0,n.yg)("li",{parentName:"ul"},"impors colors from site variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6117267716b76b17379ae989911c5d5f00e63259"},(0,n.yg)("inlineCode",{parentName:"a"},"6117267"))),(0,n.yg)("li",{parentName:"ul"},"small fix for the link in footer action ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/72df049aa644ac2a675057bf3a96440144acabfb"},(0,n.yg)("inlineCode",{parentName:"a"},"72df049"))),(0,n.yg)("li",{parentName:"ul"},"remove uneeded style ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/66e9064de395b37caef1436aaee3a164b53ae406"},(0,n.yg)("inlineCode",{parentName:"a"},"66e9064"))),(0,n.yg)("li",{parentName:"ul"},"use proper naming conventions for var naming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/596e3143e28f23e60f20becd97276831c89d9684"},(0,n.yg)("inlineCode",{parentName:"a"},"596e314"))),(0,n.yg)("li",{parentName:"ul"},"Add file mode rule ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/805baa7db5ae1863bc85687f8f872c74a26647c8"},(0,n.yg)("inlineCode",{parentName:"a"},"805baa7"))),(0,n.yg)("li",{parentName:"ul"},"use less variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b43ac8d3bfc0231313f3d8bc719e373a127c6329"},(0,n.yg)("inlineCode",{parentName:"a"},"b43ac8d"))),(0,n.yg)("li",{parentName:"ul"},"Add DRY rule ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2f1584e769d0462c0385847630e3bbfe48a52339"},(0,n.yg)("inlineCode",{parentName:"a"},"2f1584e"))),(0,n.yg)("li",{parentName:"ul"},"Add functional components rule; add classnames rule ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1b2915ed3a4a3446e11058ac7de8937cf5755630"},(0,n.yg)("inlineCode",{parentName:"a"},"1b2915e"))),(0,n.yg)("li",{parentName:"ul"},"fix z-index of header ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d2a5d6bb822a298367ce58d867939318171a300"},(0,n.yg)("inlineCode",{parentName:"a"},"7d2a5d6"))),(0,n.yg)("li",{parentName:"ul"},"Remove comment ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d120b16491406ea7cc26428dcf13ec2565868d0"},(0,n.yg)("inlineCode",{parentName:"a"},"7d120b1")))),(0,n.yg)("h3",{id:"014---2022-03-01"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.4-beta.0...0.1.4"},"0.1.4")," - 2022-03-01"),(0,n.yg)("h4",{id:"-enhancements-74"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(pagination): adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/06cc3b6db6f56040264e4c70fe2e39ace14499d7"},(0,n.yg)("inlineCode",{parentName:"a"},"06cc3b6"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Form):create form field wrapper file ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95b9934a75ffd6b254b7bb9c119b8087c7565c13"},(0,n.yg)("inlineCode",{parentName:"a"},"95b9934"))),(0,n.yg)("li",{parentName:"ul"},"refactor(megaMenu): update margins for menu items ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/230e476d133b3f7853a73f3f2ee372c6306bd43f"},(0,n.yg)("inlineCode",{parentName:"a"},"230e476"))),(0,n.yg)("li",{parentName:"ul"},"refactor(megaMenu): update gradient ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/47f2ea40c4f214a41af58ceb90839a05932b0b55"},(0,n.yg)("inlineCode",{parentName:"a"},"47f2ea4")))),(0,n.yg)("h4",{id:"-documentation-changes-25"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus): divider page ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c6bb2389f819a9ebd8e34db0e825f3e5f62130d4"},(0,n.yg)("inlineCode",{parentName:"a"},"c6bb238")))),(0,n.yg)("h4",{id:"\ufe0f-others-72"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"add footer links,align footer image ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b039564e8cd3a0319ebe07f434f20bb7d7827fe1"},(0,n.yg)("inlineCode",{parentName:"a"},"b039564"))),(0,n.yg)("li",{parentName:"ul"},"cosmetics: remove formatting ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e02b08dc2adc8b89a5b9117b5a572c7080248c29"},(0,n.yg)("inlineCode",{parentName:"a"},"e02b08d"))),(0,n.yg)("li",{parentName:"ul"},"refactor Footer component to consume children and prop ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/faafcffe07383ba55f5746cb971cdf706d988f78"},(0,n.yg)("inlineCode",{parentName:"a"},"faafcff"))),(0,n.yg)("li",{parentName:"ul"},"update footer stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e5742872f21d9737f3de443fa0e9d1b6ba02637"},(0,n.yg)("inlineCode",{parentName:"a"},"4e57428"))),(0,n.yg)("li",{parentName:"ul"},"update stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/81973cac96ee48e9b294c45e32c0ec3d2956fe67"},(0,n.yg)("inlineCode",{parentName:"a"},"81973ca"))),(0,n.yg)("li",{parentName:"ul"},"Small improvements to footer ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6d1fdc000ab83932df62244142068f097aeeb85"},(0,n.yg)("inlineCode",{parentName:"a"},"f6d1fdc"))),(0,n.yg)("li",{parentName:"ul"},"fix header urls ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e5908916823a1f5771ddbeb51b3e8af026425c49"},(0,n.yg)("inlineCode",{parentName:"a"},"e590891"))),(0,n.yg)("li",{parentName:"ul"},"Rename files in footer story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3de0c19d1ddeb69d8567026e1532fceb9221049a"},(0,n.yg)("inlineCode",{parentName:"a"},"3de0c19"))),(0,n.yg)("li",{parentName:"ul"},"add style for accordion title input on edit mode ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/598aa129f2dff0a2cb2ec57f551fa72481aa911e"},(0,n.yg)("inlineCode",{parentName:"a"},"598aa12"))),(0,n.yg)("li",{parentName:"ul"},"remove comments ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2db0d2c2bbebe8bab8cf9801c5ea2650dde96b87"},(0,n.yg)("inlineCode",{parentName:"a"},"2db0d2c"))),(0,n.yg)("li",{parentName:"ul"},"Apply slate customization if volto-slate addon is used ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c066701dc359c6daf01703dac8fa61c2314c11cf"},(0,n.yg)("inlineCode",{parentName:"a"},"c066701"))),(0,n.yg)("li",{parentName:"ul"},"use relative links ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af91a203bb30f5c9aa1335bfa8cdaa7857d577e2"},(0,n.yg)("inlineCode",{parentName:"a"},"af91a20"))),(0,n.yg)("li",{parentName:"ul"},"make footer anchor links white ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0c671e1bf52268505a5dc58196c285c04da33b10"},(0,n.yg)("inlineCode",{parentName:"a"},"0c671e1"))),(0,n.yg)("li",{parentName:"ul"},"use custom var for line-height ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f7f6c7ea605014741b9426b19008a4e6eda6704c"},(0,n.yg)("inlineCode",{parentName:"a"},"f7f6c7e"))),(0,n.yg)("li",{parentName:"ul"},"Update semantic.less ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4a90aed030a8927fa2ea949e4f44d23638c751a"},(0,n.yg)("inlineCode",{parentName:"a"},"a4a90ae"))),(0,n.yg)("li",{parentName:"ul"},"Bump release version ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c41a42bc2fd8174a2554e6dce1a1090eff4f3bd1"},(0,n.yg)("inlineCode",{parentName:"a"},"c41a42b"))),(0,n.yg)("li",{parentName:"ul"},"Update style ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/89686990b2481f339c9bec7e7f9d35d9caab94c5"},(0,n.yg)("inlineCode",{parentName:"a"},"8968699"))),(0,n.yg)("li",{parentName:"ul"},"remove styling on header popups ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/86c499be61c0d2df46cb3469a47f0afae2e46c49"},(0,n.yg)("inlineCode",{parentName:"a"},"86c499b"))),(0,n.yg)("li",{parentName:"ul"},"remove search icon styling ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aca80fdc78859461cfee1d902b1d122d4a189b31"},(0,n.yg)("inlineCode",{parentName:"a"},"aca80fd"))),(0,n.yg)("li",{parentName:"ul"},"adjust popup height for computer screens ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/47c5edb06c8d8cdb9af8ac64f68be0e0360eccaf"},(0,n.yg)("inlineCode",{parentName:"a"},"47c5edb"))),(0,n.yg)("li",{parentName:"ul"},"fix login container width ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9a887e3b15aa63aab9be8738f599febcfe245b81"},(0,n.yg)("inlineCode",{parentName:"a"},"9a887e3"))),(0,n.yg)("li",{parentName:"ul"},"Typo ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/90da95c67e965124da7f431e464bcbc15fa67894"},(0,n.yg)("inlineCode",{parentName:"a"},"90da95c"))),(0,n.yg)("li",{parentName:"ul"},"fix search-input icon line-height ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b087ff86d7753f3ee0bf90a9b07c4ee7ef5e336c"},(0,n.yg)("inlineCode",{parentName:"a"},"b087ff8"))),(0,n.yg)("li",{parentName:"ul"},"lint fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e9790ca72b8d3caf114c1b80b9c5837fb6a1a56e"},(0,n.yg)("inlineCode",{parentName:"a"},"e9790ca"))),(0,n.yg)("li",{parentName:"ul"},"Rename, reorganize logos ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1ef8d22df5a757258d8610818f44362046bc828d"},(0,n.yg)("inlineCode",{parentName:"a"},"1ef8d22")))),(0,n.yg)("h3",{id:"014-beta0---2022-02-25"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.3...0.1.4-beta.0"},"0.1.4-beta.0")," - 2022-02-25"),(0,n.yg)("h4",{id:"-new-features-42"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(github): added feature and bug reports templates with our guidelines as checkboxes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15490937382ced93f5ac69cc1939256c0a468823"},(0,n.yg)("inlineCode",{parentName:"a"},"1549093")))),(0,n.yg)("h3",{id:"013---2022-02-25"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.2...0.1.3"},"0.1.3")," - 2022-02-25"),(0,n.yg)("h4",{id:"-bug-fixes-67"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(all): change eol to unix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/62e72244f78d43ce1c7b1a5ceb8405e4a617c88a"},(0,n.yg)("inlineCode",{parentName:"a"},"62e7224"))),(0,n.yg)("li",{parentName:"ul"},"fix(banner): separate url value ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f9c9140a6f8640bbb83a08f9c5c268f31ff7b6a8"},(0,n.yg)("inlineCode",{parentName:"a"},"f9c9140"))),(0,n.yg)("li",{parentName:"ul"},"fix(all): merge eol ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c68f6e0e7ab11d7451c8aabf194f62da0b6adb28"},(0,n.yg)("inlineCode",{parentName:"a"},"c68f6e0"))),(0,n.yg)("li",{parentName:"ul"},"fix(blockquote): align self property now uses a valid entry ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec761634765105694386ce48153fb95c09339273"},(0,n.yg)("inlineCode",{parentName:"a"},"ec76163")))),(0,n.yg)("h4",{id:"-enhancements-75"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(megaMenu): new implementation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff013afc68fed97d085e3930f6d728b266786dc1"},(0,n.yg)("inlineCode",{parentName:"a"},"ff013af"))),(0,n.yg)("li",{parentName:"ul"},"change(volto): removed customizations made for ims theme from volto-eea-design-system ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bc8d514d82da0811c10eefe6dde16e0846497a4a"},(0,n.yg)("inlineCode",{parentName:"a"},"bc8d514"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Timeline): divide to sub components and change files to .jsx ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e2bd3b6c8dd064e7269819ce465b961a0cee849"},(0,n.yg)("inlineCode",{parentName:"a"},"3e2bd3b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): update variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e5d08d565ef08e4e390ede4a611145a16ca2fa9"},(0,n.yg)("inlineCode",{parentName:"a"},"4e5d08d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Header): link header's menu to mega menu ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/08406d84e5bc1c7eb1358baff19ff6731f124b32"},(0,n.yg)("inlineCode",{parentName:"a"},"08406d8"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Menu): change mega menu implementation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/455a51b9a9fbb00c6a89c42de226787c143176f7"},(0,n.yg)("inlineCode",{parentName:"a"},"455a51b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Grid):minor changes and delete extra files ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/272585dfed0c0e82b26c1e6843484ad0981ba75f"},(0,n.yg)("inlineCode",{parentName:"a"},"272585d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(timeline): adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b98641af00f23302b728094ed00a4563b6813387"},(0,n.yg)("inlineCode",{parentName:"a"},"b98641a"))),(0,n.yg)("li",{parentName:"ul"},"refactor(megaMenu): fix link hover issue for tablet ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/564e9721aea7d4ed998d88764e37454bc3154d3d"},(0,n.yg)("inlineCode",{parentName:"a"},"564e972"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): add remix icons and minor updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c9c97dd719187e996efabaee28ccbf23d43f03af"},(0,n.yg)("inlineCode",{parentName:"a"},"c9c97dd"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Header): change header buttons implementation ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6608b8cfffb75dda90b01728dc4fe657cbd84069"},(0,n.yg)("inlineCode",{parentName:"a"},"6608b8c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Header): add sub components and change existing Main ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/74c35a3fe462bdad7b9b2a5a6e969043439fdf5b"},(0,n.yg)("inlineCode",{parentName:"a"},"74c35a3"))),(0,n.yg)("li",{parentName:"ul"},"refactor(table): adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab7a0e8d9e83edb3035d57285a5f85557bcd7576"},(0,n.yg)("inlineCode",{parentName:"a"},"ab7a0e8"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Footer): delete Actions & ThemeSites files and clear imports ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a78456f55742a1b356070303218342876641e52"},(0,n.yg)("inlineCode",{parentName:"a"},"7a78456"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): update variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/326655a48aeac65b32beadb48707d0193c952702"},(0,n.yg)("inlineCode",{parentName:"a"},"326655a"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Breadcrumb): add react router link and minor bug fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/073a3a36215427dce274a533b10d2d0bb3526de9"},(0,n.yg)("inlineCode",{parentName:"a"},"073a3a3"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Header): show menu on search & minor bug fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4d49a8ae6958b84bd2dbaf7bd5f62310037eb288"},(0,n.yg)("inlineCode",{parentName:"a"},"4d49a8a"))),(0,n.yg)("li",{parentName:"ul"},"refactor(List): add extra default list story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95665cdca945cba104a25d5efcbc56436dffbd7f"},(0,n.yg)("inlineCode",{parentName:"a"},"95665cd"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus) change generation of what's new section and bump package version ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6c35cff4d65bb44755376c85ff4de8c6b39af00b"},(0,n.yg)("inlineCode",{parentName:"a"},"6c35cff"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Footer): minor code changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/67cb4bc5f9d341da78e7816ed89f219d8ac2836e"},(0,n.yg)("inlineCode",{parentName:"a"},"67cb4bc"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Menu): add class to mega menu items for styling ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19baa342c29322d11371303dc0092f472da1eeee"},(0,n.yg)("inlineCode",{parentName:"a"},"19baa34"))),(0,n.yg)("li",{parentName:"ul"},"change(accordion): modified default accordion stories titles with real accordion names ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cf11cc81d7096d338c565180597822e51fcaa8b7"},(0,n.yg)("inlineCode",{parentName:"a"},"cf11cc8"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Header): accessibility image alt fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7347a688c2f37f08390b189f8bfa990c26c7f75"},(0,n.yg)("inlineCode",{parentName:"a"},"a7347a6"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): adjust to volto in progress ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/760becabf40dbbaed36dac6c37275c7e31aa2509"},(0,n.yg)("inlineCode",{parentName:"a"},"760beca"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Header): header items as storybook arguments ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/388c752aa0694e78f5306c2b2efa4a34df4b9ca6"},(0,n.yg)("inlineCode",{parentName:"a"},"388c752"))),(0,n.yg)("li",{parentName:"ul"},"refactor(banner): update less variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/35b0a98eced49212bb08c3c7d2ac6987a16ec6be"},(0,n.yg)("inlineCode",{parentName:"a"},"35b0a98"))),(0,n.yg)("li",{parentName:"ul"},"refactor(banner): actions as buttons; don't hardcode url for banner image; subcomponentize Banner, add Banner.Action; add developer guidelines on inline styles and line endings; ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6dd5a41248e8bf4095744bd89217707f3ad820a1"},(0,n.yg)("inlineCode",{parentName:"a"},"6dd5a41"))),(0,n.yg)("li",{parentName:"ul"},"refactor(blockquote): fix responsive margins and sizes rems ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/209f94f5535d83678af5fd650dcc3892a94c8a34"},(0,n.yg)("inlineCode",{parentName:"a"},"209f94f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Input): label position and style change ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/970074aacae0c1ffabe88be58779b332993a37fd"},(0,n.yg)("inlineCode",{parentName:"a"},"970074a"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): update dropdown menu ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32eb0fa5dbb431c5d8e74e4c3e28b0555dab8aea"},(0,n.yg)("inlineCode",{parentName:"a"},"32eb0fa"))),(0,n.yg)("li",{parentName:"ul"},"refactor(timeline): theming updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c80c9aa5eb08c3b58199c6f6faca06445640f9f8"},(0,n.yg)("inlineCode",{parentName:"a"},"c80c9aa"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Blockquote):remove image stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a6357caa641e18e7a19b834cd907ba8c7117367f"},(0,n.yg)("inlineCode",{parentName:"a"},"a6357ca"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus) proofread blockquote usage section and removed unused api section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0bb29fdb73bce90f842748abd978a388fff93932"},(0,n.yg)("inlineCode",{parentName:"a"},"0bb29fd"))),(0,n.yg)("li",{parentName:"ul"},"change(infrastructure) cherry-pick fix 9639243 skipping jenkins on auto commits ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc744cda5a4e6d9da0ab6e7f92868d53f28f53c1"},(0,n.yg)("inlineCode",{parentName:"a"},"fc744cd"))),(0,n.yg)("li",{parentName:"ul"},"change(ci) build storybook and docusaurus only when pushing to develop-itml branch ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4de0cbf9bfc4ecb46605dca1048a38db844880e7"},(0,n.yg)("inlineCode",{parentName:"a"},"4de0cbf"))),(0,n.yg)("li",{parentName:"ul"},"change(infrastructure): modify whats new doc when committing the auto deployment ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/39df33ed946a8167e4954cffb676144700e0ec38"},(0,n.yg)("inlineCode",{parentName:"a"},"39df33e"))),(0,n.yg)("li",{parentName:"ul"},"change(blockquote): introduce float argument for blockquote with image storybook ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8fc72906c264b5e96702f8518e81d5724b494a5c"},(0,n.yg)("inlineCode",{parentName:"a"},"8fc7290"))),(0,n.yg)("li",{parentName:"ul"},"refactor(pullquote): add word break ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2245e53dde6dd8abf437afa94e92bbedc60c9f8c"},(0,n.yg)("inlineCode",{parentName:"a"},"2245e53"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Banner): minor bug fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9073b60e337eab40a992283b5b9e75d5cffe895"},(0,n.yg)("inlineCode",{parentName:"a"},"b9073b6"))),(0,n.yg)("li",{parentName:"ul"},"refactor(table): fix th font weight ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a96a0a7a4cb450b5f947bc397495a2a41c605c87"},(0,n.yg)("inlineCode",{parentName:"a"},"a96a0a7"))),(0,n.yg)("li",{parentName:"ul"},"refactor(comment): remove avatar border radius ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d42c37bb8f71e20e1d0ec438c14e3c7ac00cf0ae"},(0,n.yg)("inlineCode",{parentName:"a"},"d42c37b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(banner): adjust title size ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a24d9c07a5994fa46c39fdf1e827e0d1ae5e504"},(0,n.yg)("inlineCode",{parentName:"a"},"7a24d9c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Image): change image path ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a580da68a45bbe68d314f60e9495fc321489caf5"},(0,n.yg)("inlineCode",{parentName:"a"},"a580da6"))),(0,n.yg)("li",{parentName:"ul"},"change(infrastructure): specify that docs folder contains changes for deployment ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a1ca9153b70e3525cd73423d059a8607f63fc2b9"},(0,n.yg)("inlineCode",{parentName:"a"},"a1ca915")))),(0,n.yg)("h4",{id:"-internal-changes-31"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"style(input) prettier fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e83fa0c3e95e33d89ab668de38e6b0b12d9fb0d9"},(0,n.yg)("inlineCode",{parentName:"a"},"e83fa0c"))),(0,n.yg)("li",{parentName:"ul"},"chore(storybook): prettier fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/354c7b33c92a9f48ca9cbb0b96b6cec213e465c8"},(0,n.yg)("inlineCode",{parentName:"a"},"354c7b3"))),(0,n.yg)("li",{parentName:"ul"},"chore(design system): technical commit for edw integration tests ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f76035122d647e14b5151af3b39f0ab3e199af2"},(0,n.yg)("inlineCode",{parentName:"a"},"9f76035"))),(0,n.yg)("li",{parentName:"ul"},"style(storybook): prettier fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c9ad345268335c42e41d13b35c0da93e9770847"},(0,n.yg)("inlineCode",{parentName:"a"},"3c9ad34"))),(0,n.yg)("li",{parentName:"ul"},"chore(infrastructure) updated branch with changes from bitbucket ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/77866f8c7ac203db0645a74b7a7456b5c4de5dd7"},(0,n.yg)("inlineCode",{parentName:"a"},"77866f8")))),(0,n.yg)("h4",{id:"\ufe0f-others-73"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"doc(colours):fix color to better show primary ones ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/705b7899f9d687747d2deb27ac4d8b4429878de0"},(0,n.yg)("inlineCode",{parentName:"a"},"705b789"))),(0,n.yg)("li",{parentName:"ul"},"doc(colours):change font size to fit text in one line ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ad751660ec832e67a0c858e75685259b9ef8d82"},(0,n.yg)("inlineCode",{parentName:"a"},"4ad7516"))),(0,n.yg)("li",{parentName:"ul"},"bump package release to 1.3.0 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f3cfe4f5232ff96a9845d12da72008cf838c1010"},(0,n.yg)("inlineCode",{parentName:"a"},"f3cfe4f"))),(0,n.yg)("li",{parentName:"ul"},"Refactor banner into content subcomponent ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8df238b4db90fdb841cdd5436a644e582f73b82"},(0,n.yg)("inlineCode",{parentName:"a"},"f8df238"))),(0,n.yg)("li",{parentName:"ul"},"lint fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cda322d8c013ef303b93b4b8d29594aa3bbd0bc1"},(0,n.yg)("inlineCode",{parentName:"a"},"cda322d"))),(0,n.yg)("li",{parentName:"ul"},"rollback don'ts grammar change and disable unresolved import for Banner.stories.jsx ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a1bd7154fa64451b6a521743955a57405dc7fb67"},(0,n.yg)("inlineCode",{parentName:"a"},"a1bd715"))),(0,n.yg)("li",{parentName:"ul"},"Add space line in component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4d1a5fbe9a9ea53701702d7ce33622795f5ab00"},(0,n.yg)("inlineCode",{parentName:"a"},"d4d1a5f")))),(0,n.yg)("h3",{id:"012---2022-02-17"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.2...0.1.2"},"0.1.2")," - 2022-02-17"),(0,n.yg)("h4",{id:"-new-features-43"},"\ud83d\ude80 New Features"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"feat(blockquote) added blockquote styles as a custom module ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d30662e23176cf7a5ab64aa322acd5a09a0c4130"},(0,n.yg)("inlineCode",{parentName:"a"},"d30662e")))),(0,n.yg)("h4",{id:"-bug-fixes-68"},"\ud83d\udc1b Bug Fixes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"fix(inpageNavigation): hide at the top of the page ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/97ef50069cd9b29345fb68ce8b557a47577669a4"},(0,n.yg)("inlineCode",{parentName:"a"},"97ef500"))),(0,n.yg)("li",{parentName:"ul"},"fix(footer):missing image ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac91a29a134c97af842c6be4987c60c44c4c96d8"},(0,n.yg)("inlineCode",{parentName:"a"},"ac91a29"))),(0,n.yg)("li",{parentName:"ul"},"fix(comment):fix broken image ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8125dc179923f652ecd25003df8ecb4fb0aeffb9"},(0,n.yg)("inlineCode",{parentName:"a"},"8125dc1"))),(0,n.yg)("li",{parentName:"ul"},"fix(message): fix font loading ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fdc498e178a04315c88e005fbc1371ba954ff402"},(0,n.yg)("inlineCode",{parentName:"a"},"fdc498e"))),(0,n.yg)("li",{parentName:"ul"},"fix(logo): logo change ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f8c8af4453774386d5d0432a078b049416d034b"},(0,n.yg)("inlineCode",{parentName:"a"},"5f8c8af")))),(0,n.yg)("h4",{id:"-enhancements-76"},"\ud83d\udc85 Enhancements"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): multiple components fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a3ff518323a3eab18edc5057c6f1233e5422a22"},(0,n.yg)("inlineCode",{parentName:"a"},"4a3ff51"))),(0,n.yg)("li",{parentName:"ul"},"change(infrastructure) re-enable integration tests for auto release stack ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce8daf8abc6eb9a6b7fd8579904a3e5642896e3a"},(0,n.yg)("inlineCode",{parentName:"a"},"ce8daf8"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): global site files styling update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f3770f1756bca3898e2a67fa532a9d97b0fd1ef2"},(0,n.yg)("inlineCode",{parentName:"a"},"f3770f1"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): multiple components ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9277aaccb09aa03575b95851d55fc69b1f530e23"},(0,n.yg)("inlineCode",{parentName:"a"},"9277aac"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer) adjust to volto theming update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a59f1c354ceea661c60faabfdb6226c9f4ba1209"},(0,n.yg)("inlineCode",{parentName:"a"},"a59f1c3"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): minor styling update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dd6b55c6c5331383a42f6865bd9bd0641feb9a3b"},(0,n.yg)("inlineCode",{parentName:"a"},"dd6b55c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Header): change header mega menu ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7559b57a08c2f0e9f3eb95167479ca041b998bc5"},(0,n.yg)("inlineCode",{parentName:"a"},"7559b57"))),(0,n.yg)("li",{parentName:"ul"},"refactor(banner): adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/451b9493b100dae80bed4b6629da725195dddff1"},(0,n.yg)("inlineCode",{parentName:"a"},"451b949"))),(0,n.yg)("li",{parentName:"ul"},"refactor(accordion): minor styling update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aeaf25f585c1379a2bd40de1c1bf03fee00ef76e"},(0,n.yg)("inlineCode",{parentName:"a"},"aeaf25f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer): adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bdff1768096443f2f453d76bf9958adabd309cb7"},(0,n.yg)("inlineCode",{parentName:"a"},"bdff176"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer):mobile responsiveness ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/14822bec78feebc2b06fc26d6992a481be2e3609"},(0,n.yg)("inlineCode",{parentName:"a"},"14822be"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): main and custom less files update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1607760bb1582c63ab1a6b978ac13bb0ca51b0c2"},(0,n.yg)("inlineCode",{parentName:"a"},"1607760"))),(0,n.yg)("li",{parentName:"ul"},"refactor(timeline): update after removing timeline addon ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f54d3806eb0a60379b46b03a04a6602ed465cd15"},(0,n.yg)("inlineCode",{parentName:"a"},"f54d380"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Footer): replace with subcomponents ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/378c652265213bafac9de1d946cb328fa2fe90cb"},(0,n.yg)("inlineCode",{parentName:"a"},"378c652"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Header): header change ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/029e85039bb3f35a6ba4ff2870d98e1faa23661b"},(0,n.yg)("inlineCode",{parentName:"a"},"029e850"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Header): change header bar ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b766fd62c86d22f01278c54d3a1dbfb696b095b"},(0,n.yg)("inlineCode",{parentName:"a"},"2b766fd"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus) use itml branch for docusaurus deployment ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e286c50056aa6d0d5735cb330789b4e48a1f927"},(0,n.yg)("inlineCode",{parentName:"a"},"6e286c5"))),(0,n.yg)("li",{parentName:"ul"},"refactor(accordion): adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/971fcb824f6aa55ac28b4b275927b202d2c08ca6"},(0,n.yg)("inlineCode",{parentName:"a"},"971fcb8"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Header): add sub components ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7f955dbafa94c13e71ff587af70aa84d18da8da0"},(0,n.yg)("inlineCode",{parentName:"a"},"7f955db"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus) tweak auto deployment to always commit changes from docs ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a2940daef1cf281bac87dec3cec68337053cc52d"},(0,n.yg)("inlineCode",{parentName:"a"},"a2940da"))),(0,n.yg)("li",{parentName:"ul"},"refactor(banner): less and variables files created ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5b1a8aaf7f678dd60fb88149284058fcab617fd"},(0,n.yg)("inlineCode",{parentName:"a"},"d5b1a8a"))),(0,n.yg)("li",{parentName:"ul"},"refactor(label): adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c945e1600b4beb3667b389542adade317d285c6"},(0,n.yg)("inlineCode",{parentName:"a"},"3c945e1"))),(0,n.yg)("li",{parentName:"ul"},"refactor(message): adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e950fc56461540be24d9e5b2ff3c0bf8ad53738"},(0,n.yg)("inlineCode",{parentName:"a"},"3e950fc"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Footer): add sub components and props ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c3d14871887a83fb91792fbc8977c0439bcb16f2"},(0,n.yg)("inlineCode",{parentName:"a"},"c3d1487"))),(0,n.yg)("li",{parentName:"ul"},"refactor(modal): modal and confirm adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/83b60e94bdd3203a92a1b9038f9cc45011ba72a5"},(0,n.yg)("inlineCode",{parentName:"a"},"83b60e9"))),(0,n.yg)("li",{parentName:"ul"},"refactor(comment): adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84348c36b5b750c324c89b5e3c462319bb9ebf46"},(0,n.yg)("inlineCode",{parentName:"a"},"84348c3"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook):adjust headings ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32f64f9b71d1cb8c96c9c37ba1850a2278f95287"},(0,n.yg)("inlineCode",{parentName:"a"},"32f64f9"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Header): add comments to header menu ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c2c83b202e5117d8e0013101d8e922e9d93d21de"},(0,n.yg)("inlineCode",{parentName:"a"},"c2c83b2"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Accordion): clear up accordion stories code ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e59b8fa961b878591e9806e1ebbfdb841523077"},(0,n.yg)("inlineCode",{parentName:"a"},"4e59b8f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(segmant): adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ab211e868296f377fddba203847549f0e5e07df"},(0,n.yg)("inlineCode",{parentName:"a"},"3ab211e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(button) minor styling update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8782bb27c789a4aac97b380d718f4de129fdf682"},(0,n.yg)("inlineCode",{parentName:"a"},"8782bb2"))),(0,n.yg)("li",{parentName:"ul"},"refactor(banner): change image position ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cdd76d59ade86f3f989bf7d94e45e4d9b439115f"},(0,n.yg)("inlineCode",{parentName:"a"},"cdd76d5"))),(0,n.yg)("li",{parentName:"ul"},"refactor(breadcrumbs): update less variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/640817ee904f88a04f0e8f11b258f95b8db97039"},(0,n.yg)("inlineCode",{parentName:"a"},"640817e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(list): adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1079c733e6ec634fedaab5b4630888a52b28e482"},(0,n.yg)("inlineCode",{parentName:"a"},"1079c73"))),(0,n.yg)("li",{parentName:"ul"},"refactor(timeline):adjust timeline module ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/213eb11e8e87940c18d81738609b4684329a5ce4"},(0,n.yg)("inlineCode",{parentName:"a"},"213eb11"))),(0,n.yg)("li",{parentName:"ul"},"refactor(blockquote):adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5eec87fc1b3017011266241c20b31217ac27c12d"},(0,n.yg)("inlineCode",{parentName:"a"},"5eec87f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(progress): add progress bar colors ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ccf3c9823b2583fc70183554df7c4588fbf9ca13"},(0,n.yg)("inlineCode",{parentName:"a"},"ccf3c98"))),(0,n.yg)("li",{parentName:"ul"},"refactor(pullquote):adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fee446668a8d65a717b42667af825cb5cec836b2"},(0,n.yg)("inlineCode",{parentName:"a"},"fee4466"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Header): change mobile mega menu ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c7ecf18a81024121218d580f201f324cf990829e"},(0,n.yg)("inlineCode",{parentName:"a"},"c7ecf18"))),(0,n.yg)("li",{parentName:"ul"},"refactor(statistic): adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b726e49519914b02766bcd993b94ce9ff164e1df"},(0,n.yg)("inlineCode",{parentName:"a"},"b726e49"))),(0,n.yg)("li",{parentName:"ul"},"refactor(button) adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eb257f83541871ccc635842664722b914661770c"},(0,n.yg)("inlineCode",{parentName:"a"},"eb257f8"))),(0,n.yg)("li",{parentName:"ul"},"refactor(form): minor styling update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/79934b2cde2e806418a6422df2914321181f7a22"},(0,n.yg)("inlineCode",{parentName:"a"},"79934b2"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Footer): create Actions & Sites sub components ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/446840b99abd6897c1b59a9462d72b1f06f1dd4e"},(0,n.yg)("inlineCode",{parentName:"a"},"446840b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(inpageNavigation): adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/85c631a9e9c1454f1f2530e4f1851089663dd610"},(0,n.yg)("inlineCode",{parentName:"a"},"85c631a"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Inpage Navigation): changed button's display ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36e5b4f107ce3535b607f7ed169c723a66ce6ac2"},(0,n.yg)("inlineCode",{parentName:"a"},"36e5b4f"))),(0,n.yg)("li",{parentName:"ul"},"enhancement(docusaurus) modified headings to be within release versions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19ace3038d6b4535b29634209e4d506e7dca2c2c"},(0,n.yg)("inlineCode",{parentName:"a"},"19ace30"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): move components to ui folder ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb91f88f628580f565eb01ea8627763bc2243dfb"},(0,n.yg)("inlineCode",{parentName:"a"},"cb91f88"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Header): change mega menu ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de0fc6b3862a88ac04058b56020af23c1946ce41"},(0,n.yg)("inlineCode",{parentName:"a"},"de0fc6b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Pullquote): divide Pullquote to sub components ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/34413c44ab9e318d67408f7497782b7de693deeb"},(0,n.yg)("inlineCode",{parentName:"a"},"34413c4"))),(0,n.yg)("li",{parentName:"ul"},"enhancement(docusaurus) replace changelog when auto-building docs Refs #145331 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/da25c0e25ffa80131ab4b5503b28e43385d9f827"},(0,n.yg)("inlineCode",{parentName:"a"},"da25c0e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(popup): adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d0d192dc2b2a5edd422cf6a7b359c384ec4b1d55"},(0,n.yg)("inlineCode",{parentName:"a"},"d0d192d"))),(0,n.yg)("li",{parentName:"ul"},"refactor(card):adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ab6f914f487bea0df299de7da0bbd917733ee00"},(0,n.yg)("inlineCode",{parentName:"a"},"2ab6f91"))),(0,n.yg)("li",{parentName:"ul"},"refactor(item): adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/89a16af86a165d7798b68b95ff3de215a92f0569"},(0,n.yg)("inlineCode",{parentName:"a"},"89a16af"))),(0,n.yg)("li",{parentName:"ul"},"refactor(pullquotes) remove unnecessary variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e0d20a3febec060ac24c5498846e768d7068e8b9"},(0,n.yg)("inlineCode",{parentName:"a"},"e0d20a3"))),(0,n.yg)("li",{parentName:"ul"},"refactor(progress):adjust to volto theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d1ab950ee9cc14bbe95869d4f143fc428aad5a8d"},(0,n.yg)("inlineCode",{parentName:"a"},"d1ab950"))),(0,n.yg)("li",{parentName:"ul"},"refactor(blockquote) change variables names ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36fd5be9bde1a3ceb8390639414f254fc26b8e76"},(0,n.yg)("inlineCode",{parentName:"a"},"36fd5be"))),(0,n.yg)("li",{parentName:"ul"},"refactor(comment): adjust font sizes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0311ed14c951eb9cba18a58f6f954c19601d838b"},(0,n.yg)("inlineCode",{parentName:"a"},"0311ed1"))),(0,n.yg)("li",{parentName:"ul"},"refactor(InpageNavigation): clear up code ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d7afdc8d751e61c3eef75360555807fdbef8619"},(0,n.yg)("inlineCode",{parentName:"a"},"1d7afdc"))),(0,n.yg)("li",{parentName:"ul"},"refactor(container): change variable name for computer padding ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/26d123f3e7e30a706b09efc10773694af79377f9"},(0,n.yg)("inlineCode",{parentName:"a"},"26d123f"))),(0,n.yg)("li",{parentName:"ul"},"refactor(inpageNavigation): remove imports ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/25c1d1c3016695d92d104a12b22a6a9254f41b20"},(0,n.yg)("inlineCode",{parentName:"a"},"25c1d1c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): update ui index components exports ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce78d47880cab5849f4c01785cdd97a9b26771ec"},(0,n.yg)("inlineCode",{parentName:"a"},"ce78d47"))),(0,n.yg)("li",{parentName:"ul"},"change(infrastructure) auto build storybook when pushing to develop-itml branch of volto-eea-design-system ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e9aa5bc3de9c2e1c5dc55b5d317679bc14dd1cbd"},(0,n.yg)("inlineCode",{parentName:"a"},"e9aa5bc"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): delete demo stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b58d0245f5bda7e2022a2ef9ace11015f13da01"},(0,n.yg)("inlineCode",{parentName:"a"},"8b58d02"))),(0,n.yg)("li",{parentName:"ul"},"change(docusaurus) align deployment steps for building docusaurus ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37e4ce05d2772ac320a7ad561536189c5ea0a582"},(0,n.yg)("inlineCode",{parentName:"a"},"37e4ce0"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): remove components from customizations folder ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8930edeaf064ec316f1d086e1301a7e5269bfe4b"},(0,n.yg)("inlineCode",{parentName:"a"},"8930ede"))),(0,n.yg)("li",{parentName:"ul"},"refactor(tab): minor styling update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1252ad0317ecf7e583dbb975b29a4c8e4c75330e"},(0,n.yg)("inlineCode",{parentName:"a"},"1252ad0"))),(0,n.yg)("li",{parentName:"ul"},"refactor(comment): change avatar src ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e5f9c4c02f5de5ae6480eedb45730bb76efbf7b4"},(0,n.yg)("inlineCode",{parentName:"a"},"e5f9c4c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(banner) : change file type and folder ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/878742ba0f95440ffbb5aec33f2cc4201dfacd43"},(0,n.yg)("inlineCode",{parentName:"a"},"878742b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(form elements):changed text ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/919beea9deccec68ac0cdbbc1249ef4ab4c12230"},(0,n.yg)("inlineCode",{parentName:"a"},"919beea"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Image): change image src ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9710849adf0cf4f10815186b6293bcc3881d68d"},(0,n.yg)("inlineCode",{parentName:"a"},"b971084"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Pullquote): add component propTypes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d32c5e69e76d7f369a286d29e49d767125550ebc"},(0,n.yg)("inlineCode",{parentName:"a"},"d32c5e6"))),(0,n.yg)("li",{parentName:"ul"},"refactor(blockquote): adjust font sizes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d71a3cef7bfd4109c56b7fe8c07271c60a4bd19e"},(0,n.yg)("inlineCode",{parentName:"a"},"d71a3ce"))),(0,n.yg)("li",{parentName:"ul"},"refactor(footer): update font sizes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1c91c357a59669df0da0f4fc70d3aa420db27a14"},(0,n.yg)("inlineCode",{parentName:"a"},"1c91c35"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Blockquote): add component proTypes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea02649f92b0e41b1eb62a771330c2e53b3960e8"},(0,n.yg)("inlineCode",{parentName:"a"},"ea02649"))),(0,n.yg)("li",{parentName:"ul"},"refactor(logo): update image ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6113728e248c3e0fd0a467bb34406aa4403399e"},(0,n.yg)("inlineCode",{parentName:"a"},"f611372"))),(0,n.yg)("li",{parentName:"ul"},"refactor(docusaurus): restore config ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2c5239d92abe6be70b092e7e43f195308800f87"},(0,n.yg)("inlineCode",{parentName:"a"},"f2c5239"))),(0,n.yg)("li",{parentName:"ul"},"refactor(blockquote): update component name ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/572e655c033d93b32a48a61b1bf6383f6c993b26"},(0,n.yg)("inlineCode",{parentName:"a"},"572e655"))),(0,n.yg)("li",{parentName:"ul"},"refactor(header): fix story header import ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ceda6c7790964b150b95daf161d10364d6b67427"},(0,n.yg)("inlineCode",{parentName:"a"},"ceda6c7"))),(0,n.yg)("li",{parentName:"ul"},"change(infrastructure) auto build docusaurus when pushing to develop-itml branch ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7bebdf5e58f37400a8ae3d5f816c64c6b9ca3a5b"},(0,n.yg)("inlineCode",{parentName:"a"},"7bebdf5"))),(0,n.yg)("li",{parentName:"ul"},"refactor(storybook): remove components from customization folder ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a9bb9b34e6961eaf16e54ed6f6ca4942944e8a0"},(0,n.yg)("inlineCode",{parentName:"a"},"4a9bb9b"))),(0,n.yg)("li",{parentName:"ul"},"refactor(banner):story rename ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/56ff603d6c9cec7c22483a088624f5bd7911f717"},(0,n.yg)("inlineCode",{parentName:"a"},"56ff603"))),(0,n.yg)("li",{parentName:"ul"},"change(testing) removed navigation from cypress tests until component is finished ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5549f4c07cb0ffd725342f365aae07745d7e25f7"},(0,n.yg)("inlineCode",{parentName:"a"},"5549f4c"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Segment): change to .jsx extension ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5cb35d81e8628832bab2e6ad50de6892e7e4370e"},(0,n.yg)("inlineCode",{parentName:"a"},"5cb35d8"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Pullquote): change to .jsx extension ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/564cf7ea379703315f179ab922b4e0a02df63e47"},(0,n.yg)("inlineCode",{parentName:"a"},"564cf7e"))),(0,n.yg)("li",{parentName:"ul"},"refactor(PopUp):change to .jsx extension ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dcb24ff252665a79fda2fec645e6f2a48ff71fd0"},(0,n.yg)("inlineCode",{parentName:"a"},"dcb24ff"))),(0,n.yg)("li",{parentName:"ul"},"refactor(InpageNavigation): change to .jsx extension ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dfefce3ebe55f8eb6f67974ccc33b0cb0bb13d9f"},(0,n.yg)("inlineCode",{parentName:"a"},"dfefce3"))),(0,n.yg)("li",{parentName:"ul"},"refactor(Blockquote): change to .jsx extension ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/44a164532c1ae969e4411e0cfb68b705ff2bfc1e"},(0,n.yg)("inlineCode",{parentName:"a"},"44a1645"))),(0,n.yg)("li",{parentName:"ul"},"refactor(heading): story name update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aa10f3412323321650e20401038d44b9bfdb507a"},(0,n.yg)("inlineCode",{parentName:"a"},"aa10f34")))),(0,n.yg)("h4",{id:"-internal-changes-32"},"\ud83c\udfe0 Internal changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"style(footer): prettier fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/902c25712c88330db841240c9f1d6004e3e2674f"},(0,n.yg)("inlineCode",{parentName:"a"},"902c257"))),(0,n.yg)("li",{parentName:"ul"},"style(storybook): prettier fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/59f941dea9bf05f31257230f1a871c6eb0e98aae"},(0,n.yg)("inlineCode",{parentName:"a"},"59f941d")))),(0,n.yg)("h4",{id:"-documentation-changes-26"},"\ud83c\udfe0 Documentation changes"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus):multiple page updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2aba73ea6ff86c5a94789c707d98699fc1397e01"},(0,n.yg)("inlineCode",{parentName:"a"},"2aba73e"))),(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus):update page content ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/565697fecb4528cc5b4a6a43ca3ab9b026a2779e"},(0,n.yg)("inlineCode",{parentName:"a"},"565697f"))),(0,n.yg)("li",{parentName:"ul"},"docs(grid):update components grid ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/60eb083aa5d00840642caf73f6e0bb86b814aed5"},(0,n.yg)("inlineCode",{parentName:"a"},"60eb083"))),(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus): page adjustments ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0641eacf9f4715acd4baaa651335ff84ac418009"},(0,n.yg)("inlineCode",{parentName:"a"},"0641eac"))),(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus):updated various pages ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f860176a5f755d75d7b9558661e675fc678fe7ac"},(0,n.yg)("inlineCode",{parentName:"a"},"f860176"))),(0,n.yg)("li",{parentName:"ul"},"docs(docusaurus): logo change ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3af5e5c3acbf7ba4e152ca6944c500dbb0cf10ee"},(0,n.yg)("inlineCode",{parentName:"a"},"3af5e5c")))),(0,n.yg)("h4",{id:"\ufe0f-others-74"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"added sortable table stories and descriptions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d44dd7c651abe46c380b62efd3258c92223e99c"},(0,n.yg)("inlineCode",{parentName:"a"},"6d44dd7"))),(0,n.yg)("li",{parentName:"ul"},"Layout components theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/586101341f713bb072f2753d8df6e8b2ad6e4938"},(0,n.yg)("inlineCode",{parentName:"a"},"5861013"))),(0,n.yg)("li",{parentName:"ul"},"recovered files from origin ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4ac04fde9c4297b09c834385f772e955b7f3b4a"},(0,n.yg)("inlineCode",{parentName:"a"},"a4ac04f"))),(0,n.yg)("li",{parentName:"ul"},"grid component & stories changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a5752e49aac05251905f7355234c3f9bc6b798f"},(0,n.yg)("inlineCode",{parentName:"a"},"4a5752e"))),(0,n.yg)("li",{parentName:"ul"},"Updated what's new section with actual commits from volto-eea-design-system repo ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc5e3c385d82ff7eccbd5841736f3ce292b2b7fd"},(0,n.yg)("inlineCode",{parentName:"a"},"fc5e3c3"))),(0,n.yg)("li",{parentName:"ul"},"Docusaurus title possible fix. ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/db699e771b13bbd7e75c3bd84bb91ecf5d0459d8"},(0,n.yg)("inlineCode",{parentName:"a"},"db699e7"))),(0,n.yg)("li",{parentName:"ul"},"form elements stories added description & default values ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b4f6ebeed275a86f5ef6dafb13219db0c0fbbc6"},(0,n.yg)("inlineCode",{parentName:"a"},"6b4f6eb"))),(0,n.yg)("li",{parentName:"ul"},"removed API tabs ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/58aa9286eb5d8cc520239aa6ee424ee5cd5446c3"},(0,n.yg)("inlineCode",{parentName:"a"},"58aa928"))),(0,n.yg)("li",{parentName:"ul"},"Layout updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/854f388c5b049e41217ddb444bc7bd0f2c61cdf6"},(0,n.yg)("inlineCode",{parentName:"a"},"854f388"))),(0,n.yg)("li",{parentName:"ul"},"Refs #142123 removed extra customization of semantic.less: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab9de811b20b20a9f91ddc8b45b4de2eb9c47f6c"},(0,n.yg)("inlineCode",{parentName:"a"},"ab9de81"))),(0,n.yg)("li",{parentName:"ul"},"added page-header,footer and grid in docusaurus ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/660c8e382068c179ca66831ae23588a4fb67cde6"},(0,n.yg)("inlineCode",{parentName:"a"},"660c8e3"))),(0,n.yg)("li",{parentName:"ul"},"Manual docs build and commit ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/666eb6aff8535bb586a49579152fcf8a88961f35"},(0,n.yg)("inlineCode",{parentName:"a"},"666eb6a"))),(0,n.yg)("li",{parentName:"ul"},"added svg & png files ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f1338d5bb02e17e402cea4b1584c7d01896097f9"},(0,n.yg)("inlineCode",{parentName:"a"},"f1338d5"))),(0,n.yg)("li",{parentName:"ul"},"added missing components to docusaurus ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/934dfd8a98942c247deb2b5b8693604ad77cafa3"},(0,n.yg)("inlineCode",{parentName:"a"},"934dfd8"))),(0,n.yg)("li",{parentName:"ul"},"Control descriptions updated ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/56581ebc86a91fd012a98984b20f6daad25900fe"},(0,n.yg)("inlineCode",{parentName:"a"},"56581eb"))),(0,n.yg)("li",{parentName:"ul"},"Grid updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/700332d354aea84526ff22acf3bc2f8903c0f584"},(0,n.yg)("inlineCode",{parentName:"a"},"700332d"))),(0,n.yg)("li",{parentName:"ul"},"Button theming update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0ec68b6bd1ab060ac224a859180b9f750834c0b8"},(0,n.yg)("inlineCode",{parentName:"a"},"0ec68b6"))),(0,n.yg)("li",{parentName:"ul"},"site variebales & overrides changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7251162f182f1528d72070aae8a5a14e9ec5ee93"},(0,n.yg)("inlineCode",{parentName:"a"},"7251162"))),(0,n.yg)("li",{parentName:"ul"},"Table and Tabs theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/49f08608e8be8475d561e1ce5c1bfbcfd21001f9"},(0,n.yg)("inlineCode",{parentName:"a"},"49f0860"))),(0,n.yg)("li",{parentName:"ul"},"Responsiveness updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48e1351104249fea610941793ff8ec3bf35d0699"},(0,n.yg)("inlineCode",{parentName:"a"},"48e1351"))),(0,n.yg)("li",{parentName:"ul"},"added various components to docusaurus ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/550d71963b0957b1c5597bbdb2c699c411c649bd"},(0,n.yg)("inlineCode",{parentName:"a"},"550d719"))),(0,n.yg)("li",{parentName:"ul"},"Checkbox and radio updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/24652a238f2c98fe5d8e8032e3320e0b3b4753e5"},(0,n.yg)("inlineCode",{parentName:"a"},"24652a2"))),(0,n.yg)("li",{parentName:"ul"},"remove images from typography and colour docs ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8493e924f5af4ba7c2ed478d7bae6992b4ef6ed6"},(0,n.yg)("inlineCode",{parentName:"a"},"8493e92"))),(0,n.yg)("li",{parentName:"ul"},"added guidelines' text and finished all components ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/02d75fcdc5a98633e4d563c7ec2863a9588b5506"},(0,n.yg)("inlineCode",{parentName:"a"},"02d75fc"))),(0,n.yg)("li",{parentName:"ul"},"added more missing components in docusaurus ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8be82634c681a073b13a5a90ee2b699bd25b422a"},(0,n.yg)("inlineCode",{parentName:"a"},"8be8263"))),(0,n.yg)("li",{parentName:"ul"},"Prettier changes on docusaurus ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f1e5eb796f2072e3b816a39a35cf48523405167"},(0,n.yg)("inlineCode",{parentName:"a"},"5f1e5eb"))),(0,n.yg)("li",{parentName:"ul"},"Grid updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ae099453e280de800a5a06c6fcbe074acc1f7bfd"},(0,n.yg)("inlineCode",{parentName:"a"},"ae09945"))),(0,n.yg)("li",{parentName:"ul"},"Minor fixes for tests ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3bdf3063d9bbc101f4b83c6aa4fc5fef5e87c776"},(0,n.yg)("inlineCode",{parentName:"a"},"3bdf306"))),(0,n.yg)("li",{parentName:"ul"},"Layout updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b7a4dc8731cb02946e604a0dd73d2a45f61cd8b"},(0,n.yg)("inlineCode",{parentName:"a"},"8b7a4dc"))),(0,n.yg)("li",{parentName:"ul"},"Footer and TOC theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb3d3c486f64e123b9009a76c6f054a8e2973230"},(0,n.yg)("inlineCode",{parentName:"a"},"bb3d3c4"))),(0,n.yg)("li",{parentName:"ul"},"Refs #145331 manually commit changelog until autobuild is stabilized ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93168b096b60fc6a208b20d1cbe610384be62f42"},(0,n.yg)("inlineCode",{parentName:"a"},"93168b0"))),(0,n.yg)("li",{parentName:"ul"},"label component changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df8c0ff2d9646e4dcc7ed1a25a80712ca9ea2c9b"},(0,n.yg)("inlineCode",{parentName:"a"},"df8c0ff"))),(0,n.yg)("li",{parentName:"ul"},"added several sections to the theming guidelines ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff1a649d9c83794024e2db4f6349b3cac4fe79a0"},(0,n.yg)("inlineCode",{parentName:"a"},"ff1a649"))),(0,n.yg)("li",{parentName:"ul"},"Updated removed files. ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84f9b8cf7c469525367764909fa0d322532a13be"},(0,n.yg)("inlineCode",{parentName:"a"},"84f9b8c"))),(0,n.yg)("li",{parentName:"ul"},"added more docusaurus components ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/52a3b9edd4c751225609dcaf2d16f08688e9cfeb"},(0,n.yg)("inlineCode",{parentName:"a"},"52a3b9e"))),(0,n.yg)("li",{parentName:"ul"},"Progress Bar ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f2efc9ded5a766df0c611a15f6a93f27bd14a37"},(0,n.yg)("inlineCode",{parentName:"a"},"9f2efc9"))),(0,n.yg)("li",{parentName:"ul"},"Modal and Confirm updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b306c6fa5631e1e4e37456d483a69bc8cc3b234"},(0,n.yg)("inlineCode",{parentName:"a"},"3b306c6"))),(0,n.yg)("li",{parentName:"ul"},"Add proper changes to whatsnew meant in previous commit ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/40f78e362ca607ef3893fff3d03c8ed1b4447c11"},(0,n.yg)("inlineCode",{parentName:"a"},"40f78e3"))),(0,n.yg)("li",{parentName:"ul"},"Form Descriptions ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de0dfbcb3a0a9610f1cbf7337f598b0c5338f2a3"},(0,n.yg)("inlineCode",{parentName:"a"},"de0dfbc"))),(0,n.yg)("li",{parentName:"ul"},"Prettier fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1337e6fffb13fa8447488129d5dcd5af9e35e46a"},(0,n.yg)("inlineCode",{parentName:"a"},"1337e6f"))),(0,n.yg)("li",{parentName:"ul"},"Deleted files ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b82f982fbfbaff4e74e35424c6122410e3830faf"},(0,n.yg)("inlineCode",{parentName:"a"},"b82f982"))),(0,n.yg)("li",{parentName:"ul"},"add new images for spacing ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7b7b2c48317c45e3ff89162d703434f615c840e9"},(0,n.yg)("inlineCode",{parentName:"a"},"7b7b2c4"))),(0,n.yg)("li",{parentName:"ul"},"Messages Theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad621a38c121f585125d5934c1939ba6a7198b33"},(0,n.yg)("inlineCode",{parentName:"a"},"ad621a3"))),(0,n.yg)("li",{parentName:"ul"},"added new content to docusaurus ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1c83452be983d46f4128c33c25e69afef333f82a"},(0,n.yg)("inlineCode",{parentName:"a"},"1c83452"))),(0,n.yg)("li",{parentName:"ul"},"Minor less updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a36a8bbfeb201049fa13987894a5ec2ec167ed03"},(0,n.yg)("inlineCode",{parentName:"a"},"a36a8bb"))),(0,n.yg)("li",{parentName:"ul"},"Tabs and lists updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e37eef19e67c3c5720d5a9565e9884dc5c19f127"},(0,n.yg)("inlineCode",{parentName:"a"},"e37eef1"))),(0,n.yg)("li",{parentName:"ul"},"Inpage nav and timeline components ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/76f0f82dc3a8f683268a4df7580b8f73a0cc1cb4"},(0,n.yg)("inlineCode",{parentName:"a"},"76f0f82"))),(0,n.yg)("li",{parentName:"ul"},"Prettier updated files ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/679b9d2026091685d6982ab68e5088544ea0941e"},(0,n.yg)("inlineCode",{parentName:"a"},"679b9d2"))),(0,n.yg)("li",{parentName:"ul"},"dropdown initial ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d8aef26dc905adbb0fb72c73d6188b50944931c9"},(0,n.yg)("inlineCode",{parentName:"a"},"d8aef26"))),(0,n.yg)("li",{parentName:"ul"},"Prettier changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f068af0b307d85146e1d8a529947c98988c506f7"},(0,n.yg)("inlineCode",{parentName:"a"},"f068af0"))),(0,n.yg)("li",{parentName:"ul"},"List initial ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d3b96974bc35ad958b8cfc7921c1fbe345e5ebf"},(0,n.yg)("inlineCode",{parentName:"a"},"6d3b969"))),(0,n.yg)("li",{parentName:"ul"},"List story updated ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e96a6f6cff9a4db994df7cbf584842b18ca1c432"},(0,n.yg)("inlineCode",{parentName:"a"},"e96a6f6"))),(0,n.yg)("li",{parentName:"ul"},"Statistics updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/74bf63999cfeb0791b9475d3895a49a245be2cd3"},(0,n.yg)("inlineCode",{parentName:"a"},"74bf639"))),(0,n.yg)("li",{parentName:"ul"},"styling ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c169cc026189ca71e6e9cad17bde9d65d93ffbde"},(0,n.yg)("inlineCode",{parentName:"a"},"c169cc0"))),(0,n.yg)("li",{parentName:"ul"},"timeline comp storybook changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f42686ae19b619fa659730567bdceb369ecd4b0"},(0,n.yg)("inlineCode",{parentName:"a"},"1f42686"))),(0,n.yg)("li",{parentName:"ul"},"feature(docusaurus) added theming guidelines ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ded1f04a3197ac34640f98bcfe363c75a0a3745f"},(0,n.yg)("inlineCode",{parentName:"a"},"ded1f04"))),(0,n.yg)("li",{parentName:"ul"},"Properly commented out integration tests. ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48b3a15f426db52b9fa27f6d7792c424b4939867"},(0,n.yg)("inlineCode",{parentName:"a"},"48b3a15"))),(0,n.yg)("li",{parentName:"ul"},"Reattempting commented out integrations tests. ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3dd8211ecfca6c7891ef6851d0dc82899ab50f05"},(0,n.yg)("inlineCode",{parentName:"a"},"3dd8211"))),(0,n.yg)("li",{parentName:"ul"},"Button theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4231e1c264165ef6f7e2f2cd6fbd7c51159330b6"},(0,n.yg)("inlineCode",{parentName:"a"},"4231e1c"))),(0,n.yg)("li",{parentName:"ul"},"Card initial ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/06dace5c4aa54d90ec4bcdc0b3fbc0883f825947"},(0,n.yg)("inlineCode",{parentName:"a"},"06dace5"))),(0,n.yg)("li",{parentName:"ul"},"form element storybook changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4b06aabddedbc281f23fc75a1e56476c4d1c1af"},(0,n.yg)("inlineCode",{parentName:"a"},"c4b06aa"))),(0,n.yg)("li",{parentName:"ul"},"Pagination theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2a80175762fbab23691d52f89cd38eb6f7740c4e"},(0,n.yg)("inlineCode",{parentName:"a"},"2a80175"))),(0,n.yg)("li",{parentName:"ul"},"Accordion theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8061bf90823a9172cfccb0ea1ed544ceda1c3fe9"},(0,n.yg)("inlineCode",{parentName:"a"},"8061bf9"))),(0,n.yg)("li",{parentName:"ul"},"global var updates and radio story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9526ee2fc8269db60ce912bfd4edfadbb55fed3a"},(0,n.yg)("inlineCode",{parentName:"a"},"9526ee2"))),(0,n.yg)("li",{parentName:"ul"},"created pullquote component & stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df35563fb7ba2be403461c120b32ebffaa391736"},(0,n.yg)("inlineCode",{parentName:"a"},"df35563"))),(0,n.yg)("li",{parentName:"ul"},"Item stories added description & default values ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9d459f2cd92e419813e7edf0f28dec4c750a5940"},(0,n.yg)("inlineCode",{parentName:"a"},"9d459f2"))),(0,n.yg)("li",{parentName:"ul"},"storybook clean up code ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bffd32603a70cf6cafa4874937f3fe218ba5de9d"},(0,n.yg)("inlineCode",{parentName:"a"},"bffd326"))),(0,n.yg)("li",{parentName:"ul"},"List updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/28f1b5352d83e144acdaae694cf20755a3b04106"},(0,n.yg)("inlineCode",{parentName:"a"},"28f1b53"))),(0,n.yg)("li",{parentName:"ul"},"Button classes updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/788c289549490d9ac5f1c40f1e39124349e1dbcd"},(0,n.yg)("inlineCode",{parentName:"a"},"788c289"))),(0,n.yg)("li",{parentName:"ul"},"Prettier fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/678c9be717468fd2c8c425bec5999e81a66dabf6"},(0,n.yg)("inlineCode",{parentName:"a"},"678c9be"))),(0,n.yg)("li",{parentName:"ul"},"Removed header title from partial docusaurus components. ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ed7c45e458504fa76ad500ab26f59a442b3c6952"},(0,n.yg)("inlineCode",{parentName:"a"},"ed7c45e"))),(0,n.yg)("li",{parentName:"ul"},"created banner component and stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9be170f2ccb20218a7bdae48c85f77acd69427ff"},(0,n.yg)("inlineCode",{parentName:"a"},"9be170f"))),(0,n.yg)("li",{parentName:"ul"},"Breadcrumb stories description & defaultValue -- clean up code ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/186ab65ca8635c853c919fc645c1ef0486e22a43"},(0,n.yg)("inlineCode",{parentName:"a"},"186ab65"))),(0,n.yg)("li",{parentName:"ul"},"Refs #142123 added customization of semantic.less: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1e02356722fcb7528883b6dc3bf71279343fd1f7"},(0,n.yg)("inlineCode",{parentName:"a"},"1e02356"))),(0,n.yg)("li",{parentName:"ul"},"Card stories added description & default values ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6b408f1ed24ee69ad8faacc6b36cf06e9917478"},(0,n.yg)("inlineCode",{parentName:"a"},"f6b408f"))),(0,n.yg)("li",{parentName:"ul"},"Statistic and accordion updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/16064ceeb6e1a7f097979365473c6a86ced4056f"},(0,n.yg)("inlineCode",{parentName:"a"},"16064ce"))),(0,n.yg)("li",{parentName:"ul"},"breadcrumb component & stories changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5bceb980502828c182a3998943ab086159c3fcb6"},(0,n.yg)("inlineCode",{parentName:"a"},"5bceb98"))),(0,n.yg)("li",{parentName:"ul"},"Container initial ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3eb7155332f83bb8896a831e24cbae028413aba2"},(0,n.yg)("inlineCode",{parentName:"a"},"3eb7155"))),(0,n.yg)("li",{parentName:"ul"},"doc(docusaurus):Fix text for various parts ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bfd3fa2584a6e7aa2c26f3502b1ede912682905e"},(0,n.yg)("inlineCode",{parentName:"a"},"bfd3fa2"))),(0,n.yg)("li",{parentName:"ul"},"blockquote component & stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/879b6402f08112fedfffe6d66e72c37750593bb8"},(0,n.yg)("inlineCode",{parentName:"a"},"879b640"))),(0,n.yg)("li",{parentName:"ul"},"Refs #143412 removed doc comments breaking doc building ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e6a6756b0533e6dbfdb636f9a9e6485e30187cad"},(0,n.yg)("inlineCode",{parentName:"a"},"e6a6756"))),(0,n.yg)("li",{parentName:"ul"},"Popup updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce2d641d8f5d940cbb93deefdabbbfb85ad20ad7"},(0,n.yg)("inlineCode",{parentName:"a"},"ce2d641"))),(0,n.yg)("li",{parentName:"ul"},"Global variables for colors and borders added ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e5fbd619d163acae03d3d1bb26e082390f90c21"},(0,n.yg)("inlineCode",{parentName:"a"},"6e5fbd6"))),(0,n.yg)("li",{parentName:"ul"},"Tab stories changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5429cfb7751d6ad31231f9cc19d8bd7e8d24d0b8"},(0,n.yg)("inlineCode",{parentName:"a"},"5429cfb"))),(0,n.yg)("li",{parentName:"ul"},"Confirm stories added description & default value ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/85cda14b1338dc986bbab5aa7846b4ef3ec8d0bd"},(0,n.yg)("inlineCode",{parentName:"a"},"85cda14"))),(0,n.yg)("li",{parentName:"ul"},"Kebab case class names ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b41cd078ab5b349dc1d15769832913dcc8e6786f"},(0,n.yg)("inlineCode",{parentName:"a"},"b41cd07"))),(0,n.yg)("li",{parentName:"ul"},"Card and Comment class updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/389946540d3def2ea81c5c7c489e79dc24d4efb3"},(0,n.yg)("inlineCode",{parentName:"a"},"3899465"))),(0,n.yg)("li",{parentName:"ul"},"Accordion updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c97ba39cc7823cb72180a858c0b8a69cc9434927"},(0,n.yg)("inlineCode",{parentName:"a"},"c97ba39"))),(0,n.yg)("li",{parentName:"ul"},"item stories changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/772e41f3d90034827afcb118c38ab075d3bb7bb9"},(0,n.yg)("inlineCode",{parentName:"a"},"772e41f"))),(0,n.yg)("li",{parentName:"ul"},"Accordion class updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9cdde86f14a17701d66b3d2850980251094934b5"},(0,n.yg)("inlineCode",{parentName:"a"},"9cdde86"))),(0,n.yg)("li",{parentName:"ul"},"Comment stories added description & default value ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb6f25bc1452330f4155ccf6a64df491740ed8da"},(0,n.yg)("inlineCode",{parentName:"a"},"cb6f25b"))),(0,n.yg)("li",{parentName:"ul"},"Accrodion stories description & default value ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab8fb883c3cbfeea1807bf1aaf72f5d8424933f4"},(0,n.yg)("inlineCode",{parentName:"a"},"ab8fb88"))),(0,n.yg)("li",{parentName:"ul"},"Pullquotes updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5984213ba9397ddb4c1932394a5cc368336cf0a"},(0,n.yg)("inlineCode",{parentName:"a"},"c598421"))),(0,n.yg)("li",{parentName:"ul"},"Modal and confirm class updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0ae47e6f55645c0d6318123a5783648326c16852"},(0,n.yg)("inlineCode",{parentName:"a"},"0ae47e6"))),(0,n.yg)("li",{parentName:"ul"},"Tab and paggination updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/96796fffb189d2fa3628423280f3622dcacb449f"},(0,n.yg)("inlineCode",{parentName:"a"},"96796ff"))),(0,n.yg)("li",{parentName:"ul"},"Form Updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e986a9f0fc48ddcbc17488a8bbbaec82cee92232"},(0,n.yg)("inlineCode",{parentName:"a"},"e986a9f"))),(0,n.yg)("li",{parentName:"ul"},"Classes renamed ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/73c8c3d622bb3b9c0b5cf09e340de4df6606a14c"},(0,n.yg)("inlineCode",{parentName:"a"},"73c8c3d"))),(0,n.yg)("li",{parentName:"ul"},"List and item less updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce0de1708ca410c7839f3ce9b5b3cfbdb6979939"},(0,n.yg)("inlineCode",{parentName:"a"},"ce0de17"))),(0,n.yg)("li",{parentName:"ul"},"Confirm theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36e20ce0dd6cd159e9f8e519d22ab696a622efd9"},(0,n.yg)("inlineCode",{parentName:"a"},"36e20ce"))),(0,n.yg)("li",{parentName:"ul"},"container overrides changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b3970bd28df5939fd438f7fc58b5d1dfbe33719"},(0,n.yg)("inlineCode",{parentName:"a"},"4b3970b"))),(0,n.yg)("li",{parentName:"ul"},"Docusaurus theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc4a8c5534b6eb85192a687890846b3a4bed9401"},(0,n.yg)("inlineCode",{parentName:"a"},"fc4a8c5"))),(0,n.yg)("li",{parentName:"ul"},"refacto(headings): update mobile headings sizes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2e9f838766ffd73095ecf7eccc71629c09d6bc0"},(0,n.yg)("inlineCode",{parentName:"a"},"b2e9f83"))),(0,n.yg)("li",{parentName:"ul"},"list stories and style changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c61db53b153f8f0e51eddd6a6c82dd38e6278c82"},(0,n.yg)("inlineCode",{parentName:"a"},"c61db53"))),(0,n.yg)("li",{parentName:"ul"},"Tab theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e31e6c3b1f0d6b4dbd63425a1846914d8dfa318d"},(0,n.yg)("inlineCode",{parentName:"a"},"e31e6c3"))),(0,n.yg)("li",{parentName:"ul"},"Message and pagination classes updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c230687c48953208461aa92376588246d49dadaa"},(0,n.yg)("inlineCode",{parentName:"a"},"c230687"))),(0,n.yg)("li",{parentName:"ul"},"Segment initial ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5724fe639e0f2aecbb1c633fe7e69b742ddfaf5"},(0,n.yg)("inlineCode",{parentName:"a"},"d5724fe"))),(0,n.yg)("li",{parentName:"ul"},"Refs #143412 removed doc comments from api_markdown breaking doc building ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/efeacba82875c6b36ee1ef76792e86ca03ee6f35"},(0,n.yg)("inlineCode",{parentName:"a"},"efeacba"))),(0,n.yg)("li",{parentName:"ul"},"Timeline and responsiveness updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1ed152476e33bc41fdf9d89a6bc80f83af538373"},(0,n.yg)("inlineCode",{parentName:"a"},"1ed1524"))),(0,n.yg)("li",{parentName:"ul"},"Refs #142123 use swap font-display for performance reasons ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/083738f0834982b5684d67d75c080dc50b1c74ef"},(0,n.yg)("inlineCode",{parentName:"a"},"083738f"))),(0,n.yg)("li",{parentName:"ul"},"Breadcrumb stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3d0d17ca4f04123d55fda64c516b8f867ee1bd13"},(0,n.yg)("inlineCode",{parentName:"a"},"3d0d17c"))),(0,n.yg)("li",{parentName:"ul"},"Table component stories minor change ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0bf40835204f57ab300e2c325309fddf5279d76b"},(0,n.yg)("inlineCode",{parentName:"a"},"0bf4083"))),(0,n.yg)("li",{parentName:"ul"},"List stories changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a64b304a3aa025873643d592de03cbfbc0d02d81"},(0,n.yg)("inlineCode",{parentName:"a"},"a64b304"))),(0,n.yg)("li",{parentName:"ul"},"blockquote component minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cdf71a883d3778e1bde25ec0b4a2f3e370b98b09"},(0,n.yg)("inlineCode",{parentName:"a"},"cdf71a8"))),(0,n.yg)("li",{parentName:"ul"},"ckeckbox stories minor change ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d6e508f73a18d7ce9fcdb779026113659ce8950"},(0,n.yg)("inlineCode",{parentName:"a"},"6d6e508"))),(0,n.yg)("li",{parentName:"ul"},"image component storybook changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91290ec540ae913fff76f0dbed6c310668a2eeb3"},(0,n.yg)("inlineCode",{parentName:"a"},"91290ec"))),(0,n.yg)("li",{parentName:"ul"},"button overrides changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5b78dd7b794e2e0ece2d5af9eb171e73b77ee93"},(0,n.yg)("inlineCode",{parentName:"a"},"d5b78dd"))),(0,n.yg)("li",{parentName:"ul"},"accordion overrides changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fdcf7d58eea3ce9e68c49649fb4a788c8a801b49"},(0,n.yg)("inlineCode",{parentName:"a"},"fdcf7d5"))),(0,n.yg)("li",{parentName:"ul"},"Accordion component and stories changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5079247b2d4b96b2a7252692ea538ca620cbec38"},(0,n.yg)("inlineCode",{parentName:"a"},"5079247"))),(0,n.yg)("li",{parentName:"ul"},"Card theming ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/23bbb9d1b5751bc4877d02ae1c676ea28463ec39"},(0,n.yg)("inlineCode",{parentName:"a"},"23bbb9d"))),(0,n.yg)("li",{parentName:"ul"},"statistic overrides changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b11cb5ffb9c907563b37a3db8fea3b1ef3584bc"},(0,n.yg)("inlineCode",{parentName:"a"},"2b11cb5"))),(0,n.yg)("li",{parentName:"ul"},"Refs #143412 build docs only on pull request like we do with storybook ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/473bb87be53610a654d35c9b399de14824301385"},(0,n.yg)("inlineCode",{parentName:"a"},"473bb87"))),(0,n.yg)("li",{parentName:"ul"},"Card component stories minor change | added link icon ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/deb423af02643697c3781212b177487174d341f7"},(0,n.yg)("inlineCode",{parentName:"a"},"deb423a"))),(0,n.yg)("li",{parentName:"ul"},"comment component stories changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f1c5e75f1af24c5b39a2e61cf07c773abfa96f66"},(0,n.yg)("inlineCode",{parentName:"a"},"f1c5e75"))),(0,n.yg)("li",{parentName:"ul"},"Accordion component bug fixed ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/815e91df66ed738f3d91cadc8df151782829f545"},(0,n.yg)("inlineCode",{parentName:"a"},"815e91d"))),(0,n.yg)("li",{parentName:"ul"},"Refs #145331 use iso date to release so that we see also time ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ceedf08937ab683c3e624cd3c909bf4a4788f883"},(0,n.yg)("inlineCode",{parentName:"a"},"ceedf08"))),(0,n.yg)("li",{parentName:"ul"},"correct connfig for doco ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93e13135e7f00fe32f4db2d720db4159970da021"},(0,n.yg)("inlineCode",{parentName:"a"},"93e1313"))),(0,n.yg)("li",{parentName:"ul"},"Item updates ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fae93d43a0ad56c4c9b8ce7bf436ad4f47421744"},(0,n.yg)("inlineCode",{parentName:"a"},"fae93d4"))),(0,n.yg)("li",{parentName:"ul"},"added layout grid ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2e6be557bcd3bef836338380ef68acade1c6b3e3"},(0,n.yg)("inlineCode",{parentName:"a"},"2e6be55"))),(0,n.yg)("li",{parentName:"ul"},"tab overrides changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87aaf32cac5a0dee0da5833217de68da62327f5a"},(0,n.yg)("inlineCode",{parentName:"a"},"87aaf32"))),(0,n.yg)("li",{parentName:"ul"},"message overrides changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6dccfca52d9673f394d81bd40da0af1b1504af0c"},(0,n.yg)("inlineCode",{parentName:"a"},"6dccfca"))),(0,n.yg)("li",{parentName:"ul"},"segment storie changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/296371fa71e43c2341bee8069f66d5cd1f7aa5f8"},(0,n.yg)("inlineCode",{parentName:"a"},"296371f"))),(0,n.yg)("li",{parentName:"ul"},"progress component stories changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df10c2ed1289ae770008c71e1545c1ac0a223fc5"},(0,n.yg)("inlineCode",{parentName:"a"},"df10c2e"))),(0,n.yg)("li",{parentName:"ul"},"message comp storybook changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c86b40563f655fd5833dd05119f04d0e4256e75f"},(0,n.yg)("inlineCode",{parentName:"a"},"c86b405"))),(0,n.yg)("li",{parentName:"ul"},"Accordion cmponent stories | minor bug fix ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6de0d816287a9beeb9e8a5a890a2e14f3457a792"},(0,n.yg)("inlineCode",{parentName:"a"},"6de0d81"))),(0,n.yg)("li",{parentName:"ul"},"Refs #145331 add all changes when auto building docusaurus ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce11cce4fe3dadc16a0da56c36bc5db480e4ff91"},(0,n.yg)("inlineCode",{parentName:"a"},"ce11cce"))),(0,n.yg)("li",{parentName:"ul"},"perf(timeline):removed semantic timeline package ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0aeb34a189eb53a5fc0fc45d716da515b7ed0301"},(0,n.yg)("inlineCode",{parentName:"a"},"0aeb34a"))),(0,n.yg)("li",{parentName:"ul"},"Tablet Breakpoint update ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b229c2739e75a00e403dd07c31eb0dac7700baac"},(0,n.yg)("inlineCode",{parentName:"a"},"b229c27"))),(0,n.yg)("li",{parentName:"ul"},"Refs #143412 set storyBook Url to eea.github.io ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7fdecbb5e9e6e7db0b128ab7fd3a98dd1dbbc74"},(0,n.yg)("inlineCode",{parentName:"a"},"b7fdecb"))),(0,n.yg)("li",{parentName:"ul"},"bump package version to signaling of a major release ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c835f1d8193685153b8a9b54edbc2e8d3d095321"},(0,n.yg)("inlineCode",{parentName:"a"},"c835f1d"))),(0,n.yg)("li",{parentName:"ul"},"small commit to trigger deployment of storybook and docusaurus ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/be46ea3b581cccc82369c9cf6d4e29b02822cd71"},(0,n.yg)("inlineCode",{parentName:"a"},"be46ea3"))),(0,n.yg)("li",{parentName:"ul"},"doc(accordion):revert previous change ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3de02da26472c17389366d933f3293f658fd783a"},(0,n.yg)("inlineCode",{parentName:"a"},"3de02da"))),(0,n.yg)("li",{parentName:"ul"},"fix typo for caption @desktop line-height pixel number ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/167155234a897334a03a4f3eadc71701185bb924"},(0,n.yg)("inlineCode",{parentName:"a"},"1671552"))),(0,n.yg)("li",{parentName:"ul"},"Commented out integration tests. ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/574cfec852f39bdd30430d2ca3a466aec417180d"},(0,n.yg)("inlineCode",{parentName:"a"},"574cfec"))),(0,n.yg)("li",{parentName:"ul"},"popup overrides changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a9555e3128bd0c92691410c202d9b26dd5a5e0c5"},(0,n.yg)("inlineCode",{parentName:"a"},"a9555e3"))),(0,n.yg)("li",{parentName:"ul"},"container component stories fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/692cfce5e795ac718855349424e7e8eb9c7518ec"},(0,n.yg)("inlineCode",{parentName:"a"},"692cfce"))),(0,n.yg)("li",{parentName:"ul"},"Added timeline to package json fixed ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2e93e0478a1502cccb8d7f866cef337a2546b6c"},(0,n.yg)("inlineCode",{parentName:"a"},"f2e93e0"))),(0,n.yg)("li",{parentName:"ul"},"Refs #142123 modified import of volto-eea-design-system icon.less: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7fab7d2871f153c2db139e3258da071ace7c09d"},(0,n.yg)("inlineCode",{parentName:"a"},"a7fab7d"))),(0,n.yg)("li",{parentName:"ul"},"Refs #142123 reference icon.less from this package: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5616e6d730f1a8cbc04784230c35f3490fd0f921"},(0,n.yg)("inlineCode",{parentName:"a"},"5616e6d"))),(0,n.yg)("li",{parentName:"ul"},"Menu component stories change ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2797716aa050a8f70d2b6f0f19b7d01e5cd035be"},(0,n.yg)("inlineCode",{parentName:"a"},"2797716"))),(0,n.yg)("li",{parentName:"ul"},"Image stories minor change ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ddb9f1dd56fe42e17df1eac5bfd93ee6eaac3179"},(0,n.yg)("inlineCode",{parentName:"a"},"ddb9f1d"))),(0,n.yg)("li",{parentName:"ul"},"card component stories changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ccba1ec4a388ced5a3671bf88d4f18aefc8cff3"},(0,n.yg)("inlineCode",{parentName:"a"},"6ccba1e"))),(0,n.yg)("li",{parentName:"ul"},"Added timeline to package json ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93031d6b6b3215e98074700554d7546f9f17f320"},(0,n.yg)("inlineCode",{parentName:"a"},"93031d6"))),(0,n.yg)("li",{parentName:"ul"},"table stories code clean up ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7b2a56e37b847a3a3fc3d78f2099aba052826c3"},(0,n.yg)("inlineCode",{parentName:"a"},"b7b2a56"))),(0,n.yg)("li",{parentName:"ul"},"Refs #143412 removed extra baseUrl from docusaurus config ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/79f36da6a38866765025cedd4f5eeb63e273785c"},(0,n.yg)("inlineCode",{parentName:"a"},"79f36da"))),(0,n.yg)("li",{parentName:"ul"},"Accordion stories minor change ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ffe808aabc77c6cb324e8fe097a97bb82c291c29"},(0,n.yg)("inlineCode",{parentName:"a"},"ffe808a"))),(0,n.yg)("li",{parentName:"ul"},"Theme assets ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3f4bea4b53e393bc3d926b63683265c0b5df32c2"},(0,n.yg)("inlineCode",{parentName:"a"},"3f4bea4"))),(0,n.yg)("li",{parentName:"ul"},"Merged with develop ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/167ec9f7847162965ad045259989cc31abaad7f1"},(0,n.yg)("inlineCode",{parentName:"a"},"167ec9f")))),(0,n.yg)("h3",{id:"012-beta2---2022-01-03"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.1...0.1.2-beta.2"},"0.1.2-beta.2")," - 2022-01-03"),(0,n.yg)("h3",{id:"012-beta1---2021-12-22"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.0...0.1.2-beta.1"},"0.1.2-beta.1")," - 2021-12-22"),(0,n.yg)("h4",{id:"\ufe0f-others-75"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Tab component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4690a6fc1e739eeeeaa3dc90ee35e05a22875bf8"},(0,n.yg)("inlineCode",{parentName:"a"},"4690a6f"))),(0,n.yg)("li",{parentName:"ul"},"Comment component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a87cb6ad7959ce939c9decbfaa08026d4f00a10e"},(0,n.yg)("inlineCode",{parentName:"a"},"a87cb6a"))),(0,n.yg)("li",{parentName:"ul"},"Form stories changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc30c900e5adf5a27930aa64a79a632e2b7d84ae"},(0,n.yg)("inlineCode",{parentName:"a"},"fc30c90"))),(0,n.yg)("li",{parentName:"ul"},"Grid component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/798fdd0d0fecb7980308c831fc9dc111a36c5d9f"},(0,n.yg)("inlineCode",{parentName:"a"},"798fdd0"))),(0,n.yg)("li",{parentName:"ul"},"Image component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/be93385f1ea29846512eb7762d69bb98f33be7f2"},(0,n.yg)("inlineCode",{parentName:"a"},"be93385"))),(0,n.yg)("li",{parentName:"ul"},"Menu component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb1f9a82843bb4e3011be9813ae692c94d986495"},(0,n.yg)("inlineCode",{parentName:"a"},"cb1f9a8"))),(0,n.yg)("li",{parentName:"ul"},"Dropdown component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57cf954599292e6a2f8a1644c6b6d61706ecaf60"},(0,n.yg)("inlineCode",{parentName:"a"},"57cf954"))),(0,n.yg)("li",{parentName:"ul"},"Header component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/264fd463734c9587e3a820f4d14527af89274e12"},(0,n.yg)("inlineCode",{parentName:"a"},"264fd46"))),(0,n.yg)("li",{parentName:"ul"},"Confirn component minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9a00bc174fb676e626d6cc93fac225e8a6165790"},(0,n.yg)("inlineCode",{parentName:"a"},"9a00bc1"))),(0,n.yg)("li",{parentName:"ul"},"Item component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6994fa00c0f91550f64d7345503df7f562480d32"},(0,n.yg)("inlineCode",{parentName:"a"},"6994fa0"))),(0,n.yg)("li",{parentName:"ul"},"Label component stories changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5cc5843327deeaa5ae2cedc03e6f0c314be6586a"},(0,n.yg)("inlineCode",{parentName:"a"},"5cc5843"))),(0,n.yg)("li",{parentName:"ul"},"Container component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e6e40b3a505c2e2fe88a36d74ea4e9728e3491f6"},(0,n.yg)("inlineCode",{parentName:"a"},"e6e40b3"))),(0,n.yg)("li",{parentName:"ul"},"Message component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ba9d377fd5b04274f1d42065eafa2401a1b0bbca"},(0,n.yg)("inlineCode",{parentName:"a"},"ba9d377"))),(0,n.yg)("li",{parentName:"ul"},"Breadcrumb component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff7a176141c3a59d71df98a0ed0b23b8c08787df"},(0,n.yg)("inlineCode",{parentName:"a"},"ff7a176"))),(0,n.yg)("li",{parentName:"ul"},"Modal component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af1fe6a84d058fb937b555f4dc3e0efceebefa04"},(0,n.yg)("inlineCode",{parentName:"a"},"af1fe6a"))),(0,n.yg)("li",{parentName:"ul"},"List stories changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0016042856fa2275aed373eebd6f996b837619a2"},(0,n.yg)("inlineCode",{parentName:"a"},"0016042"))),(0,n.yg)("li",{parentName:"ul"},"Button component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/690dfd234bee017c1f1cda7077265e6cf4a870e9"},(0,n.yg)("inlineCode",{parentName:"a"},"690dfd2"))),(0,n.yg)("li",{parentName:"ul"},"Radio component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84eac30ab5b523ed09c56b9cca41b058cee3e5d2"},(0,n.yg)("inlineCode",{parentName:"a"},"84eac30"))),(0,n.yg)("li",{parentName:"ul"},"Progress component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e6763571afe637375e8260babd9f2219f29b432a"},(0,n.yg)("inlineCode",{parentName:"a"},"e676357"))),(0,n.yg)("li",{parentName:"ul"},"Pagination component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b1af226b9bd42097dc3c74be3d9ca3fab29b80f6"},(0,n.yg)("inlineCode",{parentName:"a"},"b1af226"))),(0,n.yg)("li",{parentName:"ul"},"Segment component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f8c7efcb9b1de209ff146dd315ea9d43b16f4db"},(0,n.yg)("inlineCode",{parentName:"a"},"5f8c7ef"))),(0,n.yg)("li",{parentName:"ul"},"Refs #143412 eslint fixes for component stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/badcb9158cb4a847380f66592b22c78b5117626a"},(0,n.yg)("inlineCode",{parentName:"a"},"badcb91"))),(0,n.yg)("li",{parentName:"ul"},"Table component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7c104b8e89272b0e2505d165184093ee2680c6f3"},(0,n.yg)("inlineCode",{parentName:"a"},"7c104b8"))),(0,n.yg)("li",{parentName:"ul"},"Refs #143412 more eslint fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a88c091723af0b87cfa85c83307d9510d2bae65c"},(0,n.yg)("inlineCode",{parentName:"a"},"a88c091"))),(0,n.yg)("li",{parentName:"ul"},"Refs #143412 warn for broken links instead of throwing ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bd5821cb78e030aaf69de73dc4d3bdadbe320195"},(0,n.yg)("inlineCode",{parentName:"a"},"bd5821c"))),(0,n.yg)("li",{parentName:"ul"},"Refs #143412 merge changes from develop-itml to develop branch ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bca28b968bc88720aff9e29e1a94a597a7375666"},(0,n.yg)("inlineCode",{parentName:"a"},"bca28b9"))),(0,n.yg)("li",{parentName:"ul"},"made tabs dynamic for api tab ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea37ecb3ec9fe0ace41d7650d59e209929d8e95f"},(0,n.yg)("inlineCode",{parentName:"a"},"ea37ecb"))),(0,n.yg)("li",{parentName:"ul"},"Basic storybook/Docusaurus components ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/840ab60f22f7b73d8742fa7452f198d486c6ec5b"},(0,n.yg)("inlineCode",{parentName:"a"},"840ab60"))),(0,n.yg)("li",{parentName:"ul"},"created List directory & srories based on semantic-ui List component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51f19016b27228a4d391c88b7eee27357d6fdc0d"},(0,n.yg)("inlineCode",{parentName:"a"},"51f1901"))),(0,n.yg)("li",{parentName:"ul"},"made tabs as component easy to call for other components ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/07bae4900a4076f3429d3a26978b92aabf6b23ba"},(0,n.yg)("inlineCode",{parentName:"a"},"07bae49"))),(0,n.yg)("li",{parentName:"ul"},"Popup Component | minor fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ff9908a9374f93b9eaf4d8ee8de24acdf5be3ec"},(0,n.yg)("inlineCode",{parentName:"a"},"2ff9908"))),(0,n.yg)("li",{parentName:"ul"},"created stories for Tab component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95e3a733921b42fbe2540fa39548284abff9fdc0"},(0,n.yg)("inlineCode",{parentName:"a"},"95e3a73"))),(0,n.yg)("li",{parentName:"ul"},"created Table directory and stories based on semantic-ui Table component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e16115daa000962ccd8d141e3c11fd099446a388"},(0,n.yg)("inlineCode",{parentName:"a"},"e16115d"))),(0,n.yg)("li",{parentName:"ul"},"List component stories - minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de113430b487297417c4697178f9ee37412a5389"},(0,n.yg)("inlineCode",{parentName:"a"},"de11343"))),(0,n.yg)("li",{parentName:"ul"},"created stories for Comment component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a20f8842e8cb5c937dfc450030ac9afcf78ffe11"},(0,n.yg)("inlineCode",{parentName:"a"},"a20f884"))),(0,n.yg)("li",{parentName:"ul"},"created stories for Grid component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/360d2a897f36e86c58b0ba6ac3d4fc852d10287d"},(0,n.yg)("inlineCode",{parentName:"a"},"360d2a8"))),(0,n.yg)("li",{parentName:"ul"},"created stories for Image component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c1d2bcaf886c96052af45fcce98243ea56c98a5"},(0,n.yg)("inlineCode",{parentName:"a"},"3c1d2bc"))),(0,n.yg)("li",{parentName:"ul"},"created stories for Menu component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/17e3b37ae447d8cc86228fa6c0c48a8fd8be9d03"},(0,n.yg)("inlineCode",{parentName:"a"},"17e3b37"))),(0,n.yg)("li",{parentName:"ul"},"Added untracked files ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/75f0afda10114e70348e23d480f8f74528531674"},(0,n.yg)("inlineCode",{parentName:"a"},"75f0afd"))),(0,n.yg)("li",{parentName:"ul"},"created Dropdown stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d6a25381078e0b3cabdb9270d5224b3886ab6af9"},(0,n.yg)("inlineCode",{parentName:"a"},"d6a2538"))),(0,n.yg)("li",{parentName:"ul"},"created Header component stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8339798f3e7d40f1b5a033bf4d7303c756c38d3"},(0,n.yg)("inlineCode",{parentName:"a"},"b833979"))),(0,n.yg)("li",{parentName:"ul"},"created stories for semantic-ui Confirm component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fddccc6cf97f9929da52064ceb379f9fc427b42"},(0,n.yg)("inlineCode",{parentName:"a"},"6fddccc"))),(0,n.yg)("li",{parentName:"ul"},"created Statistic directory and stories with semantic-ui Statistic component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cd62498dbd75d5dff0adf849ff95d22bb9dc3b34"},(0,n.yg)("inlineCode",{parentName:"a"},"cd62498"))),(0,n.yg)("li",{parentName:"ul"},"created Item component stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/90ec2be7eede347352e318c70615c30e7d422073"},(0,n.yg)("inlineCode",{parentName:"a"},"90ec2be"))),(0,n.yg)("li",{parentName:"ul"},"created stories for Container component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/41934f6c5961ae0ac034a496ac169a191c7a5288"},(0,n.yg)("inlineCode",{parentName:"a"},"41934f6"))),(0,n.yg)("li",{parentName:"ul"},"created Label component stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/71732f68b3153320710fbf7fb78dac460b8a084f"},(0,n.yg)("inlineCode",{parentName:"a"},"71732f6"))),(0,n.yg)("li",{parentName:"ul"},"created Message component stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/adcbeabe6d4e8c1bbd7bd925c5f7fd3109fb407c"},(0,n.yg)("inlineCode",{parentName:"a"},"adcbeab"))),(0,n.yg)("li",{parentName:"ul"},"created Modal component stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c25409d8901ad4eba66fa66a9f5c34b0353569b9"},(0,n.yg)("inlineCode",{parentName:"a"},"c25409d"))),(0,n.yg)("li",{parentName:"ul"},"Breadcrumb component stories and minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6264d92bcf6565e284ae9dc0c7a918652bb3959e"},(0,n.yg)("inlineCode",{parentName:"a"},"6264d92"))),(0,n.yg)("li",{parentName:"ul"},"created Pagination component stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57cdad35e21fdacf303e407abcb8988e97e87242"},(0,n.yg)("inlineCode",{parentName:"a"},"57cdad3"))),(0,n.yg)("li",{parentName:"ul"},"created Segment component stories ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d8d01d70dab9359be46eb1629b3198f871091c7a"},(0,n.yg)("inlineCode",{parentName:"a"},"d8d01d7"))),(0,n.yg)("li",{parentName:"ul"},"created stories for Radio component ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1fd062d8a08cbe8507f5154201632ea96f765a2c"},(0,n.yg)("inlineCode",{parentName:"a"},"1fd062d"))),(0,n.yg)("li",{parentName:"ul"},"Menu stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ba5e0d00a26ffd4625fb51f759af3764cef28de"},(0,n.yg)("inlineCode",{parentName:"a"},"6ba5e0d"))),(0,n.yg)("li",{parentName:"ul"},"Statistic component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c874a520c9959b7673b5c86f63e53e90f006f22"},(0,n.yg)("inlineCode",{parentName:"a"},"3c874a5"))),(0,n.yg)("li",{parentName:"ul"},"Card component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/290bda8dac4c9bb4476108c2e4969fa283f935e2"},(0,n.yg)("inlineCode",{parentName:"a"},"290bda8"))),(0,n.yg)("li",{parentName:"ul"},"Accrordion stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ee3f592fbfaead01506fb6a4dbfb36d06269564"},(0,n.yg)("inlineCode",{parentName:"a"},"2ee3f59"))),(0,n.yg)("li",{parentName:"ul"},"renamed Demo folder to Layout ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9f6d05708310889dd018961bf5df9d5edd66e12"},(0,n.yg)("inlineCode",{parentName:"a"},"b9f6d05"))),(0,n.yg)("li",{parentName:"ul"},"remove test exclusion ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/94dba3eaa864e25d34bcc33ab19494f83ecabb25"},(0,n.yg)("inlineCode",{parentName:"a"},"94dba3e"))),(0,n.yg)("li",{parentName:"ul"},"Accordion component stories minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e672d59f86a79e69f15b5212e2953aa7c5fea1d1"},(0,n.yg)("inlineCode",{parentName:"a"},"e672d59"))),(0,n.yg)("li",{parentName:"ul"},"fix docusaurus url (removed trailing /) ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b6c59fc7733b3df47dca797906e8f7e40a2f4ada"},(0,n.yg)("inlineCode",{parentName:"a"},"b6c59fc"))),(0,n.yg)("li",{parentName:"ul"},"Item component stories - minor changes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f0a99025b9093ecf2eb25fd4b4e401b5b532a481"},(0,n.yg)("inlineCode",{parentName:"a"},"f0a9902"))),(0,n.yg)("li",{parentName:"ul"},"eea logos and assets ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b435b511d64b0ca99bfd310d66bdbfd5985390cc"},(0,n.yg)("inlineCode",{parentName:"a"},"b435b51")))),(0,n.yg)("h3",{id:"012-beta0---2021-12-18"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.1...0.1.2-beta.0"},"0.1.2-beta.0")," - 2021-12-18"),(0,n.yg)("h4",{id:"\ufe0f-others-76"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Refs #140454 added github action to build docusaurus to the develop branch ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/abe6a72882a41c9bca3649a3a6697619038e1677"},(0,n.yg)("inlineCode",{parentName:"a"},"abe6a72")))),(0,n.yg)("h3",{id:"011---2021-12-16"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.1-beta.0...0.1.1"},"0.1.1")," - 2021-12-16"),(0,n.yg)("h4",{id:"\ufe0f-others-77"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Refs #140454 changed the following to volto-eea-design-system: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6791d413cf1b9e434970564d9e59ed56b41907f0"},(0,n.yg)("inlineCode",{parentName:"a"},"6791d41"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 corrected base url for docusaurus website build ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/98271b3d39e2e21dfb4a0e31c334dc9e87811e4a"},(0,n.yg)("inlineCode",{parentName:"a"},"98271b3"))),(0,n.yg)("li",{parentName:"ul"},"Initial test changes on design system/docusaurus. ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9dad612f385cc9fde712809f07dbe2b7111432cf"},(0,n.yg)("inlineCode",{parentName:"a"},"9dad612"))),(0,n.yg)("li",{parentName:"ul"},"After prettier check ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9ec40b4fe9d8a18e99f774e1a96a55b286a9733a"},(0,n.yg)("inlineCode",{parentName:"a"},"9ec40b4"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 restore SearchWidget.jsx content and removed dummy text from docs intro page ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7505df89d93ac99156834a0c50a8e2b174c506f8"},(0,n.yg)("inlineCode",{parentName:"a"},"7505df8"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 added references to eea and the storybook in the docusaurus footer ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/42bbfcdd67888c3a7a55875d67acae9f7eb753bb"},(0,n.yg)("inlineCode",{parentName:"a"},"42bbfcd"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 lint fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9502f2bdbd45262b38926def5b7b55efabf4c32c"},(0,n.yg)("inlineCode",{parentName:"a"},"9502f2b"))),(0,n.yg)("li",{parentName:"ul"},"Add SonarQube badges ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4e0a4053ff2313fc3939caab80d874470aca062"},(0,n.yg)("inlineCode",{parentName:"a"},"a4e0a40"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 brought changes from develop-itml and upgrades docusaurus ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/207c873532e38fb7909cdc32a02bf50e575b66fa"},(0,n.yg)("inlineCode",{parentName:"a"},"207c873"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 removed extra content not needed by the docusaurus site ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bc68ebe8259c9b8ed6bc73df8102885554bbc4ed"},(0,n.yg)("inlineCode",{parentName:"a"},"bc68ebe"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 updated docusaurus to latest beta ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d68ed8a1660910067a09550626a5f0e8fbbeeac9"},(0,n.yg)("inlineCode",{parentName:"a"},"d68ed8a")))),(0,n.yg)("h3",{id:"011-beta0---2021-12-09"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.0...0.1.1-beta.0"},"0.1.1-beta.0")," - 2021-12-09"),(0,n.yg)("h4",{id:"\ufe0f-others-78"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Refs #140454 moved header and footer templates from volto-ims-theme: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2d5e56045c0b7d917153d95492dd340668b6222"},(0,n.yg)("inlineCode",{parentName:"a"},"e2d5e56"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 added website folder with docusaurus site skeleton ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fd15f4365a207308c068fe7eb197c0717e93954"},(0,n.yg)("inlineCode",{parentName:"a"},"6fd15f4"))),(0,n.yg)("li",{parentName:"ul"},"Refs #142794 added commented implementation of the header and footer area: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/773ad8784f4a03e4b600406999d3a274a3984d39"},(0,n.yg)("inlineCode",{parentName:"a"},"773ad87"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 changed the following: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4137ec42270c28cbe036ba11e9475f00a7a5cba3"},(0,n.yg)("inlineCode",{parentName:"a"},"4137ec4"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 removed storybook from volto-eea-design-system: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a129ffb485c4c55f19129a209d920da8f8f52418"},(0,n.yg)("inlineCode",{parentName:"a"},"a129ffb"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 added storybook as a dev dependency: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e04ae4e0294fbb4a09f367d1693a158d5a1e8f2f"},(0,n.yg)("inlineCode",{parentName:"a"},"e04ae4e"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 updated Breadcrumbs.jsx to latest version: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/63fe5076781f3cf2ce5c79641a5f1b45f298b476"},(0,n.yg)("inlineCode",{parentName:"a"},"63fe507"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 we should use jsx and not mdx for storybook tests ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3668e667f857cb3052b9d63cf27ec629fe1c8394"},(0,n.yg)("inlineCode",{parentName:"a"},"3668e66"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 updated eea-design-system readme with extra info on package contents ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d2efc3ddae7b91efc82cf3bce8fb8e42d696a780"},(0,n.yg)("inlineCode",{parentName:"a"},"d2efc3d"))),(0,n.yg)("li",{parentName:"ul"},"Refs #142010 - Optimize Volto-addons gitflow pipelines ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3af46d2b14fa0b1ef44736f25b0f9ac93b23d18d"},(0,n.yg)("inlineCode",{parentName:"a"},"3af46d2"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 Renamed folders of docusaurus website: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15bca7462ba1b3c626e2bf76597f6436aa5e9092"},(0,n.yg)("inlineCode",{parentName:"a"},"15bca74"))),(0,n.yg)("li",{parentName:"ul"},"Add demo story ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/757c409271eb70baa54bff8bd7c71ba29aaa4f66"},(0,n.yg)("inlineCode",{parentName:"a"},"757c409"))),(0,n.yg)("li",{parentName:"ul"},"Refs #142794 enabled minimum css so that header looks decent ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/adbe2335bacf5ae09541c3679a246a5ec28376a4"},(0,n.yg)("inlineCode",{parentName:"a"},"adbe233"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 use the develop branch for the readme linking, it's always more up to date ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/23dcf166d5d633df2a63ab6fa5bac4be086e99a3"},(0,n.yg)("inlineCode",{parentName:"a"},"23dcf16"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 added missing themes reference for the eea theme ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e9ca244fcedf0be420748b3e5347e98309b5d996"},(0,n.yg)("inlineCode",{parentName:"a"},"e9ca244"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 modified assets imports after move to volto-eea-design-system ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2250cc7ba4155c328837cea09e2e7d94afc984f8"},(0,n.yg)("inlineCode",{parentName:"a"},"2250cc7"))),(0,n.yg)("li",{parentName:"ul"},"Load footer in segment ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/80d38a96284e7fa9416ba327a43e29eb94bebe55"},(0,n.yg)("inlineCode",{parentName:"a"},"80d38a9"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 bump package version to 1.1.0 from 0.1.1 from develop branch: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1314039ceb45d405af6bc4698b489bbd6562c6ae"},(0,n.yg)("inlineCode",{parentName:"a"},"1314039"))),(0,n.yg)("li",{parentName:"ul"},"Refs #142794 keep toolbalWidth variables in case design system runs in an older version of Volto ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1a8b30562e4167fe36b095877db0b215d10cb620"},(0,n.yg)("inlineCode",{parentName:"a"},"1a8b305"))),(0,n.yg)("li",{parentName:"ul"},"Refs #142794 changed the following: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fbb80b1dbd0e3078777b8b3496d4b207ba25639a"},(0,n.yg)("inlineCode",{parentName:"a"},"fbb80b1"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 moved storybook scripts to the scripts section ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/705c4c365d26152d917c62991f3f8202bc75287d"},(0,n.yg)("inlineCode",{parentName:"a"},"705c4c3"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 removed dangling comma ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/514f24d503a1f05497696c22c7fdbf7bc19d4e54"},(0,n.yg)("inlineCode",{parentName:"a"},"514f24d"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 changed link to the start of the docs ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0e16fdfc77e119da4e1f15183d9cb95ef9b4b6cf"},(0,n.yg)("inlineCode",{parentName:"a"},"0e16fdf"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 add h1 to the list of elements that are max 800px and centered ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d3c30f409aa4cb43810839f8960589456cc1b2e"},(0,n.yg)("inlineCode",{parentName:"a"},"7d3c30f"))),(0,n.yg)("li",{parentName:"ul"},"Add Sonarqube tag using ims-frontend addons list ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8d657d056cde5163cfe90ac66bc973f55d82e5e9"},(0,n.yg)("inlineCode",{parentName:"a"},"8d657d0")))),(0,n.yg)("h3",{id:"010---2021-11-17"},(0,n.yg)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.0.1...0.1.0"},"0.1.0")," - 2021-11-17"),(0,n.yg)("h4",{id:"\ufe0f-others-79"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Refs #140454 changed the following to volto-eea-design-system: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/40d2af693e35abdda3ededc7aabcb17e9a12e781"},(0,n.yg)("inlineCode",{parentName:"a"},"40d2af6"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 elements folder now has the variables and overrides from pastanaga theme ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/595b4e60816d3e24950ede3afea6e5f2aa2d7008"},(0,n.yg)("inlineCode",{parentName:"a"},"595b4e6"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 use font awesome from SemanticUI instead of Pastanaga: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e273ca1b9a2be1f169d12258ac2335c3ebeefff"},(0,n.yg)("inlineCode",{parentName:"a"},"4e273ca"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 removed the components customizations from volto-eea-design-system: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c98c260b549cd1db48bfe556e994692a4855b95d"},(0,n.yg)("inlineCode",{parentName:"a"},"c98c260"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 added customizations folder from volto-ims-theme to volto-eea-design-system: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff4bf44bd648ff179bd7c82d0cf80da968b291b0"},(0,n.yg)("inlineCode",{parentName:"a"},"ff4bf44"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 modules folder now has the variables and overrides from pastanaga theme ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2841b62c87e3242423bca1117c7e1793baa7974"},(0,n.yg)("inlineCode",{parentName:"a"},"f2841b6"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 customized Comments.jsx to remove unnecessary container ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2e95d7ae875a7fc85366c76ef35ce215dd7b5ff"},(0,n.yg)("inlineCode",{parentName:"a"},"b2e95d7"))),(0,n.yg)("li",{parentName:"ul"},"Refs #132149 added initial commit for volto-eea-design-system: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2934b911d589fde126f70363a61cbdd2e3dcf7c9"},(0,n.yg)("inlineCode",{parentName:"a"},"2934b91"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 collection folder now has the variables and overrides from pastanaga: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/213d4968e4efa380a389fb7ab40ec3196f030050"},(0,n.yg)("inlineCode",{parentName:"a"},"213d496"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 removed search widget customization, we can use volto-ims-theme for that file ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7e8b0c4821584a84f940d8f780057122321aae7"},(0,n.yg)("inlineCode",{parentName:"a"},"b7e8b0c"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 stylelint quick fixes ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5595925f68871135a07d703c8ba009b0172c7ccd"},(0,n.yg)("inlineCode",{parentName:"a"},"5595925"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 changed the following: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/769f4f9eca0ed9fffe0c8c49c56bcb123a203f3c"},(0,n.yg)("inlineCode",{parentName:"a"},"769f4f9"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 changed the following to the eea theme: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/06d8d86a7be81fd3feadf034eacfa61eb69743ab"},(0,n.yg)("inlineCode",{parentName:"a"},"06d8d86"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 eea site.variables now use all values from pastanaga's site.variables ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6535c0f4e1968822a232b017a55babd280716d88"},(0,n.yg)("inlineCode",{parentName:"a"},"6535c0f"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 simplified container overrides: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51250038527f2e4b1135a2b5bfc6adccc3f77a06"},(0,n.yg)("inlineCode",{parentName:"a"},"5125003"))),(0,n.yg)("li",{parentName:"ul"},"Release 1.0.0 ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/177d0ce854a8a963faa2aae9481cbcc7e340e0fa"},(0,n.yg)("inlineCode",{parentName:"a"},"177d0ce"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 globals folder now has the variables and overrides from pastanaga theme ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/116a0c338bd92dd14636a649476b4f00951e3734"},(0,n.yg)("inlineCode",{parentName:"a"},"116a0c3"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 changed the following: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2e7f42381b63e65bafac3b754d49b65daca9663d"},(0,n.yg)("inlineCode",{parentName:"a"},"2e7f423"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 modules folder now has the variables and overrides from pastanaga theme: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/27a201d57024a7c621f4943b8eb59a3247b6c89d"},(0,n.yg)("inlineCode",{parentName:"a"},"27a201d"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 text elements are now with a max width and centered within content-area: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bbed7bbfb3e79a371b7bf7dea2206cdbdcdfe76d"},(0,n.yg)("inlineCode",{parentName:"a"},"bbed7bb"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 added main.variables entries from pastanaga to eea theme ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1cbbc550436c889d1b297ae9e6880167fce28fe1"},(0,n.yg)("inlineCode",{parentName:"a"},"1cbbc55"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 modified theme image imports for component customizations ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef3238a4d615fa1b496e83f4e6c4c0d27f3d68f4"},(0,n.yg)("inlineCode",{parentName:"a"},"ef3238a"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 modified container width to be auto: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2e8d2e0ebb3e4a55b7cf1b66c3dff222ef12aa18"},(0,n.yg)("inlineCode",{parentName:"a"},"2e8d2e0"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 modified several icons to use the \\f values instead of \\e: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c397145bc1e76916ae72a94faaf33f49bd9ca5a6"},(0,n.yg)("inlineCode",{parentName:"a"},"c397145"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 changed the following: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c518edacad9b8bed61ea50d318d8d43bf7f483a0"},(0,n.yg)("inlineCode",{parentName:"a"},"c518eda"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 ensure that main column isn't enlarged over the sidebar section on edit ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f7a28684223494933bcd8ec1f6d86b1b3da17e10"},(0,n.yg)("inlineCode",{parentName:"a"},"f7a2868"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 changed the following to the form styling: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eb92e054fe330730c1a44737cbbdf33985216cbb"},(0,n.yg)("inlineCode",{parentName:"a"},"eb92e05"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 modified path of theme folder location for image selection ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8cca4594857ab4afd654f35e4ec97e4d3e04be4"},(0,n.yg)("inlineCode",{parentName:"a"},"f8cca45"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 added missing mobileScrollbarWidth variables introduced as part of the mobile navigation pull request ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/444c78d998199e703d7ecde01b3feb0d44c60977"},(0,n.yg)("inlineCode",{parentName:"a"},"444c78d"))),(0,n.yg)("li",{parentName:"ul"},"Refs #140454 reference font and image path from ~volto-themes instead of relative ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec93ed3a496673eed7d7ec07a2f76aaa6a29d7ca"},(0,n.yg)("inlineCode",{parentName:"a"},"ec93ed3"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 ensure that Volto doesn't crash when site module is set to eea: ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51f2f27f5ba947b49b4b69fcf9b8890676cd1d7e"},(0,n.yg)("inlineCode",{parentName:"a"},"51f2f27"))),(0,n.yg)("li",{parentName:"ul"},"Refs #141204 added tiny size prop to Breadcrumbs in order to have it as 12px ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/56a12e200c27c3a1826fa3088c34f762ed74dff7"},(0,n.yg)("inlineCode",{parentName:"a"},"56a12e2")))),(0,n.yg)("h3",{id:"001---2021-11-17"},"0.0.1 - 2021-11-17"),(0,n.yg)("h4",{id:"\ufe0f-others-80"},"\ud83d\udee0\ufe0f Others"),(0,n.yg)("ul",null,(0,n.yg)("li",{parentName:"ul"},"Initial commit ",(0,n.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b0bdd445c95a20d088e00469f81028c16482640a"},(0,n.yg)("inlineCode",{parentName:"a"},"b0bdd44")))))}s.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/42e0342b.13914c2f.js b/docs/assets/js/42e0342b.13914c2f.js deleted file mode 100644 index 0c7f27ab7a..0000000000 --- a/docs/assets/js/42e0342b.13914c2f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2463],{3905:(e,t,n)=>{n.d(t,{Zo:()=>p,kt:()=>f});var a=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function o(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=a.createContext({}),u=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):o(o({},t),e)),n},p=function(e){var t=u(e.components);return a.createElement(i.Provider,{value:t},e.children)},d="mdxType",c={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},m=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,l=e.originalType,i=e.parentName,p=s(e,["components","mdxType","originalType","parentName"]),d=u(n),m=r,f=d["".concat(i,".").concat(m)]||d[m]||c[m]||l;return n?a.createElement(f,o(o({ref:t},p),{},{components:n})):a.createElement(f,o({ref:t},p))}));function f(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var l=n.length,o=new Array(l);o[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[d]="string"==typeof e?e:r,o[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>b,default:()=>k,frontMatter:()=>f,metadata:()=>g,toc:()=>y});var a=n(7462),r=(n(7294),n(3905)),l=n(4037);const o={toc:[{value:"Anatomy",id:"anatomy",children:[],level:3},{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Dont\u2019s",id:"donts",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...l}=e;return(0,r.kt)(s,(0,a.Z)({},o,l,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"The EEA header shows users that they are on EEA portal and which service they are using."),(0,r.kt)("p",null,(0,r.kt)("img",{src:n(805).Z})),(0,r.kt)("h3",{id:"anatomy"},"Anatomy"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:null},"\u039d\u03bf."),(0,r.kt)("th",{parentName:"tr",align:null},"Components"),(0,r.kt)("th",{parentName:"tr",align:null},"Mandatory"),(0,r.kt)("th",{parentName:"tr",align:null},"Description"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"1"),(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"Official EU website statement")),(0,r.kt)("td",{parentName:"tr",align:null},"yes"),(0,r.kt)("td",{parentName:"tr",align:null},"All official European Union website addresses are in the europa.eu domain")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"2"),(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"Environmental Information systems")),(0,r.kt)("td",{parentName:"tr",align:null},"yes"),(0,r.kt)("td",{parentName:"tr",align:null},"Complete list of EEA's thematic websites")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"3"),(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"Languages"),(0,r.kt)("br",null)),(0,r.kt)("td",{parentName:"tr",align:null},"no"),(0,r.kt)("td",{parentName:"tr",align:null},"Language select")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"4"),(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"EEA Identity")),(0,r.kt)("td",{parentName:"tr",align:null},"yes"),(0,r.kt)("td",{parentName:"tr",align:null},"Logo of European Environmental Agency")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"5"),(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"Menu")),(0,r.kt)("td",{parentName:"tr",align:null},"yes"),(0,r.kt)("td",{parentName:"tr",align:null},"Main navigation of the website")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"6"),(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"Search")),(0,r.kt)("td",{parentName:"tr",align:null},"yes"),(0,r.kt)("td",{parentName:"tr",align:null},"Enables the user to search and retrieve related information from using keywords")))),(0,r.kt)("h3",{id:"dos"},"Do\u2019s"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"You must use the EEA header at the top of every page if your service is being hosted on one of these domains:",(0,r.kt)("ul",{parentName:"li"},(0,r.kt)("li",{parentName:"ul"},"Eea.europa.eu"))),(0,r.kt)("li",{parentName:"ul"},"Make sure that contain all mandatory element from the Anatomy table")),(0,r.kt)("h3",{id:"donts"},"Dont\u2019s"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"(","*",") You must not use the EEA's logo and menu if your service is not being hosted in one of the above domains.")))}i.isMDXComponent=!0;var u=n(7521);const p={toc:[]},d="wrapper";function c(e){let{components:t,...n}=e;return(0,r.kt)(d,(0,a.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(u.ZP,{id:"layout-header--default",height:"900",mdxType:"Iframe"}," "))}c.isMDXComponent=!0;m="AccordionJSDoc";var m;const f={title:"Site Header",description:"",hide_table_of_contents:!0},b=void 0,g={unversionedId:"webdev/Templates/SiteHeader",id:"webdev/Templates/SiteHeader",title:"Site Header",description:"",source:"@site/docs/webdev/4-Templates/2-SiteHeader.mdx",sourceDirName:"webdev/4-Templates",slug:"/webdev/Templates/SiteHeader",permalink:"/volto-eea-design-system/docs/webdev/Templates/SiteHeader",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/4-Templates/2-SiteHeader.mdx",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"Site Header",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Grid",permalink:"/volto-eea-design-system/docs/webdev/Templates/Grid"},next:{title:"Site Footer",permalink:"/volto-eea-design-system/docs/webdev/Templates/SiteFooter"}},y=[],h={toc:y},v="wrapper";function k(e){let{components:t,...n}=e;return(0,r.kt)(v,(0,a.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(l.ZP,{usage:(0,r.kt)(i,{mdxType:"Usage"}),showcase:(0,r.kt)(c,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}k.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var a=n(7462),r=(n(7294),n(3905)),l=n(2263);function o(){const{siteConfig:e}=(0,l.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:o},i="wrapper";function u(e){let{components:t,...n}=e;return(0,r.kt)(i,(0,a.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:o()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>h});var a=n(7462),r=n(7294),l=n(3905),o=n(2389),s=n(9443);const i=function(){const e=(0,r.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),p=n(6010);const d={tabItem:"tabItem_vU9c"};function c(e){const{lazy:t,block:n,defaultValue:a,values:l,groupId:o,className:s}=e,c=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=l??c.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),f=(0,u.lx)(m,((e,t)=>e.value===t.value));if(f.length>0)throw new Error(`Docusaurus error: Duplicate values "${f.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const b=null===a?a:a??c.find((e=>e.props.default))?.props.value??c[0]?.props.value;if(null!==b&&!m.some((e=>e.value===b)))throw new Error(`Docusaurus error: The has a defaultValue "${b}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:g,setTabGroupChoices:y}=i(),[h,v]=(0,r.useState)(b),k=[],{blockElementScrollPositionUntilNextRender:N}=(0,u.o5)();if(null!=o){const e=g[o];null!=e&&e!==h&&m.some((t=>t.value===e))&&v(e)}const w=e=>{const t=e.currentTarget,n=k.indexOf(t),a=m[n].value;a!==h&&(N(t),v(a),null!=o&&y(o,a))},T=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=k.indexOf(e.currentTarget)+1;t=k[n]||k[0];break}case"ArrowLeft":{const n=k.indexOf(e.currentTarget)-1;t=k[n]||k[k.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,p.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:h===t?0:-1,"aria-selected":h===t,className:(0,p.Z)("tabs__item",d.tabItem,{"tabs__item--active":h===t}),key:t,ref:e=>k.push(e),onKeyDown:T,onFocus:w,onClick:w},n??t)}))),t?(0,r.cloneElement)(c.filter((e=>e.props.value===h))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},c.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==h})))))}function m(e){const t=(0,o.Z)();return r.createElement(c,(0,a.Z)({key:String(t)},e))}const f=function(e){let{children:t,hidden:n,className:a}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:a},t)};function b(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const g={toc:[],getValues:b},y="wrapper";function h(e){let{components:t,...n}=e;return(0,l.kt)(y,(0,a.Z)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,l.kt)(m,{defaultValue:"usage",values:b(n),mdxType:"Tabs"},(0,l.kt)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,l.kt)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,l.kt)(f,{value:"api",mdxType:"TabItem"},n.api)))}h.isMDXComponent=!0},805:(e,t,n)=>{n.d(t,{Z:()=>a});const a=n.p+"assets/images/header-elements-36d64f15583f5a3c511d833e3d61df26.png"}}]); \ No newline at end of file diff --git a/docs/assets/js/42e0342b.3bcbbcc9.js b/docs/assets/js/42e0342b.3bcbbcc9.js new file mode 100644 index 0000000000..4be1dcb45b --- /dev/null +++ b/docs/assets/js/42e0342b.3bcbbcc9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[7228],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>g});var a=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function o(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=a.createContext({}),u=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):o(o({},t),e)),n},c=function(e){var t=u(e.components);return a.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},m=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,l=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=u(n),m=r,g=p["".concat(i,".").concat(m)]||p[m]||d[m]||l;return n?a.createElement(g,o(o({ref:t},c),{},{components:n})):a.createElement(g,o({ref:t},c))}));function g(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var l=n.length,o=new Array(l);o[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:r,o[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>N,frontMatter:()=>g,metadata:()=>f,toc:()=>b});var a=n(5072),r=(n(1504),n(5788)),l=n(7144);const o={toc:[{value:"Anatomy",id:"anatomy",children:[],level:3},{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Dont\u2019s",id:"donts",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...l}=e;return(0,r.yg)(s,(0,a.c)({},o,l,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"The EEA header shows users that they are on EEA portal and which service they are using."),(0,r.yg)("p",null,(0,r.yg)("img",{src:n(8600).c})),(0,r.yg)("h3",{id:"anatomy"},"Anatomy"),(0,r.yg)("table",null,(0,r.yg)("thead",{parentName:"table"},(0,r.yg)("tr",{parentName:"thead"},(0,r.yg)("th",{parentName:"tr",align:null},"\u039d\u03bf."),(0,r.yg)("th",{parentName:"tr",align:null},"Components"),(0,r.yg)("th",{parentName:"tr",align:null},"Mandatory"),(0,r.yg)("th",{parentName:"tr",align:null},"Description"))),(0,r.yg)("tbody",{parentName:"table"},(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"1"),(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"Official EU website statement")),(0,r.yg)("td",{parentName:"tr",align:null},"yes"),(0,r.yg)("td",{parentName:"tr",align:null},"All official European Union website addresses are in the europa.eu domain")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"2"),(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"Environmental Information systems")),(0,r.yg)("td",{parentName:"tr",align:null},"yes"),(0,r.yg)("td",{parentName:"tr",align:null},"Complete list of EEA's thematic websites")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"3"),(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"Languages"),(0,r.yg)("br",null)),(0,r.yg)("td",{parentName:"tr",align:null},"no"),(0,r.yg)("td",{parentName:"tr",align:null},"Language select")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"4"),(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"EEA Identity")),(0,r.yg)("td",{parentName:"tr",align:null},"yes"),(0,r.yg)("td",{parentName:"tr",align:null},"Logo of European Environmental Agency")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"5"),(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"Menu")),(0,r.yg)("td",{parentName:"tr",align:null},"yes"),(0,r.yg)("td",{parentName:"tr",align:null},"Main navigation of the website")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"6"),(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"Search")),(0,r.yg)("td",{parentName:"tr",align:null},"yes"),(0,r.yg)("td",{parentName:"tr",align:null},"Enables the user to search and retrieve related information from using keywords")))),(0,r.yg)("h3",{id:"dos"},"Do\u2019s"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"You must use the EEA header at the top of every page if your service is being hosted on one of these domains:",(0,r.yg)("ul",{parentName:"li"},(0,r.yg)("li",{parentName:"ul"},"Eea.europa.eu"))),(0,r.yg)("li",{parentName:"ul"},"Make sure that contain all mandatory element from the Anatomy table")),(0,r.yg)("h3",{id:"donts"},"Dont\u2019s"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"(","*",") You must not use the EEA's logo and menu if your service is not being hosted in one of the above domains.")))}i.isMDXComponent=!0;var u=n(4620);const c={toc:[]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,r.yg)(p,(0,a.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(u.cp,{id:"layout-header--default",height:"900",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="AccordionJSDoc";var m;const g={title:"Site Header",description:"",hide_table_of_contents:!0},y=void 0,f={unversionedId:"webdev/Templates/SiteHeader",id:"webdev/Templates/SiteHeader",title:"Site Header",description:"",source:"@site/docs/webdev/4-Templates/2-SiteHeader.mdx",sourceDirName:"webdev/4-Templates",slug:"/webdev/Templates/SiteHeader",permalink:"/volto-eea-design-system/docs/webdev/Templates/SiteHeader",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/4-Templates/2-SiteHeader.mdx",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"Site Header",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Grid",permalink:"/volto-eea-design-system/docs/webdev/Templates/Grid"},next:{title:"Site Footer",permalink:"/volto-eea-design-system/docs/webdev/Templates/SiteFooter"}},b=[],h={toc:b},v="wrapper";function N(e){let{components:t,...n}=e;return(0,r.yg)(v,(0,a.c)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(l.cp,{usage:(0,r.yg)(i,{mdxType:"Usage"}),showcase:(0,r.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}N.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>u});var a=n(5072),r=(n(1504),n(5788)),l=n(8264);function o(){const{siteConfig:e}=(0,l.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:o},i="wrapper";function u(e){let{components:t,...n}=e;return(0,r.yg)(i,(0,a.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:o()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>h});var a=n(5072),r=n(1504),l=n(5788),o=n(3664),s=n(7676);const i=function(){const e=(0,r.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(7572),c=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:a,values:l,groupId:o,className:s}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=l??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),g=(0,u.wn)(m,((e,t)=>e.value===t.value));if(g.length>0)throw new Error(`Docusaurus error: Duplicate values "${g.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===a?a:a??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==y&&!m.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:b}=i(),[h,v]=(0,r.useState)(y),N=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.MV)();if(null!=o){const e=f[o];null!=e&&e!==h&&m.some((t=>t.value===e))&&v(e)}const T=e=>{const t=e.currentTarget,n=N.indexOf(t),a=m[n].value;a!==h&&(w(t),v(a),null!=o&&b(o,a))},E=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=N.indexOf(e.currentTarget)+1;t=N[n]||N[0];break}case"ArrowLeft":{const n=N.indexOf(e.currentTarget)-1;t=N[n]||N[N.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:h===t?0:-1,"aria-selected":h===t,className:(0,c.c)("tabs__item",p.tabItem,{"tabs__item--active":h===t}),key:t,ref:e=>N.push(e),onKeyDown:E,onFocus:T,onClick:T},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===h))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==h})))))}function m(e){const t=(0,o.c)();return r.createElement(d,(0,a.c)({key:String(t)},e))}const g=function(e){let{children:t,hidden:n,className:a}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:a},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:y},b="wrapper";function h(e){let{components:t,...n}=e;return(0,l.yg)(b,(0,a.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,l.yg)(m,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,l.yg)(g,{value:"usage",mdxType:"TabItem"},n.usage),(0,l.yg)(g,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,l.yg)(g,{value:"api",mdxType:"TabItem"},n.api)))}h.isMDXComponent=!0},8600:(e,t,n)=>{n.d(t,{c:()=>a});const a=n.p+"assets/images/header-elements-36d64f15583f5a3c511d833e3d61df26.png"}}]); \ No newline at end of file diff --git a/docs/assets/js/4442ee2e.0ee50c73.js b/docs/assets/js/4442ee2e.0ee50c73.js new file mode 100644 index 0000000000..a437faace7 --- /dev/null +++ b/docs/assets/js/4442ee2e.0ee50c73.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1548],{5788:(i,l,s)=>{s.d(l,{Iu:()=>r,yg:()=>f});var c=s(1504);function n(i,l,s){return l in i?Object.defineProperty(i,l,{value:s,enumerable:!0,configurable:!0,writable:!0}):i[l]=s,i}function o(i,l){var s=Object.keys(i);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(i);l&&(c=c.filter((function(l){return Object.getOwnPropertyDescriptor(i,l).enumerable}))),s.push.apply(s,c)}return s}function g(i){for(var l=1;l=0||(n[s]=i[s]);return n}(i,l);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(i);for(c=0;c=0||Object.prototype.propertyIsEnumerable.call(i,s)&&(n[s]=i[s])}return n}var y=c.createContext({}),e=function(i){var l=c.useContext(y),s=l;return i&&(s="function"==typeof i?i(l):g(g({},l),i)),s},r=function(i){var l=e(i.components);return c.createElement(y.Provider,{value:l},i.children)},d="mdxType",t={inlineCode:"code",wrapper:function(i){var l=i.children;return c.createElement(c.Fragment,{},l)}},v=c.forwardRef((function(i,l){var s=i.components,n=i.mdxType,o=i.originalType,y=i.parentName,r=a(i,["components","mdxType","originalType","parentName"]),d=e(s),v=n,f=d["".concat(y,".").concat(v)]||d[v]||t[v]||o;return s?c.createElement(f,g(g({ref:l},r),{},{components:s})):c.createElement(f,g({ref:l},r))}));function f(i,l){var s=arguments,n=l&&l.mdxType;if("string"==typeof i||n){var o=s.length,g=new Array(o);g[0]=v;var a={};for(var y in l)hasOwnProperty.call(l,y)&&(a[y]=l[y]);a.originalType=i,a[d]="string"==typeof i?i:n,g[1]=a;for(var e=2;e{s.r(l),s.d(l,{contentTitle:()=>g,default:()=>d,frontMatter:()=>o,metadata:()=>a,toc:()=>y});var c=s(5072),n=(s(1504),s(5788));const o={title:"Iconography",description:"",order:5},g=void 0,a={unversionedId:"webdev/Guidelines/iconography",id:"webdev/Guidelines/iconography",title:"Iconography",description:"",source:"@site/docs/webdev/3-Guidelines/4-iconography.mdx",sourceDirName:"webdev/3-Guidelines",slug:"/webdev/Guidelines/iconography",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/iconography",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/3-Guidelines/4-iconography.mdx",tags:[],version:"current",sidebarPosition:4,frontMatter:{title:"Iconography",description:"",order:5},sidebar:"sidebar",previous:{title:"Use of images",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/images"},next:{title:"Spacing",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/spacing"}},y=[{value:"Grids",id:"grids",children:[],level:3},{value:"Strokes and fills",id:"strokes-and-fills",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3},{value:"Icon set",id:"icon-set",children:[{value:"Buildings",id:"buildings",children:[],level:3},{value:"Business",id:"business",children:[],level:3},{value:"Communication",id:"communication",children:[],level:3},{value:"Design",id:"design",children:[],level:3},{value:"Development",id:"development",children:[],level:3},{value:"Device",id:"device",children:[],level:3},{value:"Document",id:"document",children:[],level:3},{value:"Editor",id:"editor",children:[],level:3},{value:"Finance",id:"finance",children:[],level:3},{value:"Health & Medical",id:"health--medical",children:[],level:3},{value:"Logos",id:"logos",children:[],level:3},{value:"Map",id:"map",children:[],level:3},{value:"Media",id:"media",children:[],level:3},{value:"System",id:"system",children:[],level:3},{value:"User & Faces",id:"user--faces",children:[],level:3},{value:"Weather",id:"weather",children:[],level:3},{value:"Others",id:"others",children:[],level:3}],level:2}],e={toc:y},r="wrapper";function d(i){let{components:l,...s}=i;return(0,n.yg)(r,(0,c.c)({},e,s,{components:l,mdxType:"MDXLayout"}),(0,n.yg)("b",null,"In our websites we use the Remix icon set "),(0,n.yg)("p",null,"Remix Icon is a set of open-source neutral-style system symbols elaborately crafted for designers and developers.\nAll of the icons are free for both personal and commercial use. (",(0,n.yg)("a",{parentName:"p",href:"http://remixicon.com/"},"http://remixicon.com/"),")"),(0,n.yg)("p",null,"We use icons to help our users understand the core idea of the content quickly or enhance the aesthetic appeal of the interface."),(0,n.yg)("p",null,"Consistency is key with icons, and all your icons should be the same size when you build them. Our grid is based on 8s, you'd want to build at 16, 24, or 32."),(0,n.yg)("p",null,"Choose a common size to build all your icons to, and then allow your engineers to scale to other sizes that might be needed by other designers. You don't want to build the same icon over and over at a multitude of sizes."),(0,n.yg)("p",null,"For product icons, use 1 color. Anything more than that and your components are going to become too complex and difficult for other designers to leverage. Anything with 3 or more colors is an illustration, not an icon."),(0,n.yg)("h3",{id:"grids"},"Grids"),(0,n.yg)("p",null," The pixel grid is the fundamental grid that uses the smallest increment: a pixel. When building icons, you always want to align objects to the pixel grid, especially straight lines. But, you can build other shapes on the pixel grid. You want to build things on the pixel grid, not just because it will render more nicely, but because it makes your life easier. Spacing things evenly is much easier when you're using a grid. It helps you stay consistent with your placement, and overall will make your icons look better."),(0,n.yg)("p",null," The optical grid helps us figure out where the center of mass of the icon is, as well as how large it is perceived by the human eye. Circles and curved objects take up less visual space than squares. It is best to put your icons in a fixed size container so that they\u2019re all identical dimensions when exported. Adding this intrinsic padding supports the optical/perceptive weighting without additional effort in dev later."),(0,n.yg)("p",null,"In building the optical grid, you should give padding at the edge that\u2019s equal to your stroke weight, or possibly double if using a 1px stroke."),(0,n.yg)("h3",{id:"strokes-and-fills"},"Strokes and fills"),(0,n.yg)("p",null,"Making sure our icons are all styled the same way is very important. We might have use cases for applying a fill to show something is selected, for instance, but you definitely want to create a set with one style, and possibly create the other variant."),(0,n.yg)("p",null,"Typically, filled icons have higher recognizability. Stroked icons give us great ability to create tiny details. When choosing which style is more appropriate, you should also consider your overall brand."),(0,n.yg)("p",null,"If you're going to create stroked icons, strokes all need to be the same weight. The space between strokes not be thinner than your stroke weight."),(0,n.yg)("h3",{id:"donts"},"Don\u2019ts"),(0,n.yg)("p",null,"When possible, avoid type in icons. Icons are meant to be global. If you do need type (for instance, currency symbols), draw it yourself, rather than using a typeface."),(0,n.yg)("h2",{id:"icon-set"},"Icon set"),(0,n.yg)("div",{className:"icon-list"},(0,n.yg)("div",{className:"icon-type-item"},(0,n.yg)("div",{class:"icon-items"},(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-line"}),(0,n.yg)("p",null,"ri-home-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-fill"}),(0,n.yg)("p",null,"ri-home-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-2-line"}),(0,n.yg)("p",null,"ri-home-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-2-fill"}),(0,n.yg)("p",null,"ri-home-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-3-line"}),(0,n.yg)("p",null,"ri-home-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-3-fill"}),(0,n.yg)("p",null,"ri-home-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-4-line"}),(0,n.yg)("p",null,"ri-home-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-4-fill"}),(0,n.yg)("p",null,"ri-home-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-5-line"}),(0,n.yg)("p",null,"ri-home-5-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-5-fill"}),(0,n.yg)("p",null,"ri-home-5-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-6-line"}),(0,n.yg)("p",null,"ri-home-6-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-6-fill"}),(0,n.yg)("p",null,"ri-home-6-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-7-line"}),(0,n.yg)("p",null,"ri-home-7-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-7-fill"}),(0,n.yg)("p",null,"ri-home-7-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-8-line"}),(0,n.yg)("p",null,"ri-home-8-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-8-fill"}),(0,n.yg)("p",null,"ri-home-8-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-gear-line"}),(0,n.yg)("p",null,"ri-home-gear-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-gear-fill"}),(0,n.yg)("p",null,"ri-home-gear-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-wifi-line"}),(0,n.yg)("p",null,"ri-home-wifi-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-wifi-fill"}),(0,n.yg)("p",null,"ri-home-wifi-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-smile-line"}),(0,n.yg)("p",null,"ri-home-smile-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-smile-fill"}),(0,n.yg)("p",null,"ri-home-smile-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-smile-2-line"}),(0,n.yg)("p",null,"ri-home-smile-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-smile-2-fill"}),(0,n.yg)("p",null,"ri-home-smile-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-heart-line"}),(0,n.yg)("p",null,"ri-home-heart-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-home-heart-fill"}),(0,n.yg)("p",null,"ri-home-heart-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-building-line"}),(0,n.yg)("p",null,"ri-building-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-building-fill"}),(0,n.yg)("p",null,"ri-building-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-building-2-line"}),(0,n.yg)("p",null,"ri-building-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-building-2-fill"}),(0,n.yg)("p",null,"ri-building-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-building-3-line"}),(0,n.yg)("p",null,"ri-building-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-building-3-fill"}),(0,n.yg)("p",null,"ri-building-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-building-4-line"}),(0,n.yg)("p",null,"ri-building-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-building-4-fill"}),(0,n.yg)("p",null,"ri-building-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hotel-line"}),(0,n.yg)("p",null,"ri-hotel-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hotel-fill"}),(0,n.yg)("p",null,"ri-hotel-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-community-line"}),(0,n.yg)("p",null,"ri-community-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-community-fill"}),(0,n.yg)("p",null,"ri-community-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-government-line"}),(0,n.yg)("p",null,"ri-government-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-government-fill"}),(0,n.yg)("p",null,"ri-government-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bank-line"}),(0,n.yg)("p",null,"ri-bank-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bank-fill"}),(0,n.yg)("p",null,"ri-bank-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-store-line"}),(0,n.yg)("p",null,"ri-store-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-store-fill"}),(0,n.yg)("p",null,"ri-store-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-store-2-line"}),(0,n.yg)("p",null,"ri-store-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-store-2-fill"}),(0,n.yg)("p",null,"ri-store-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-store-3-line"}),(0,n.yg)("p",null,"ri-store-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-store-3-fill"}),(0,n.yg)("p",null,"ri-store-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hospital-line"}),(0,n.yg)("p",null,"ri-hospital-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hospital-fill"}),(0,n.yg)("p",null,"ri-hospital-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ancient-gate-line"}),(0,n.yg)("p",null,"ri-ancient-gate-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ancient-gate-fill"}),(0,n.yg)("p",null,"ri-ancient-gate-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ancient-pavilion-line"}),(0,n.yg)("p",null,"ri-ancient-pavilion-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ancient-pavilion-fill"}),(0,n.yg)("p",null,"ri-ancient-pavilion-fill"))))),(0,n.yg)("h3",{id:"buildings"},"Buildings")),(0,n.yg)("div",{className:"icon-type-item"},(0,n.yg)("div",{class:"icon-items"},(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-line"}),(0,n.yg)("p",null,"ri-mail-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-fill"}),(0,n.yg)("p",null,"ri-mail-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-open-line"}),(0,n.yg)("p",null,"ri-mail-open-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-open-fill"}),(0,n.yg)("p",null,"ri-mail-open-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-send-line"}),(0,n.yg)("p",null,"ri-mail-send-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-send-fill"}),(0,n.yg)("p",null,"ri-mail-send-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-unread-line"}),(0,n.yg)("p",null,"ri-mail-unread-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-unread-fill"}),(0,n.yg)("p",null,"ri-mail-unread-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-add-line"}),(0,n.yg)("p",null,"ri-mail-add-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-add-fill"}),(0,n.yg)("p",null,"ri-mail-add-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-check-line"}),(0,n.yg)("p",null,"ri-mail-check-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-check-fill"}),(0,n.yg)("p",null,"ri-mail-check-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-close-line"}),(0,n.yg)("p",null,"ri-mail-close-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-close-fill"}),(0,n.yg)("p",null,"ri-mail-close-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-download-line"}),(0,n.yg)("p",null,"ri-mail-download-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-download-fill"}),(0,n.yg)("p",null,"ri-mail-download-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-forbid-line"}),(0,n.yg)("p",null,"ri-mail-forbid-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-forbid-fill"}),(0,n.yg)("p",null,"ri-mail-forbid-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-lock-line"}),(0,n.yg)("p",null,"ri-mail-lock-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-lock-fill"}),(0,n.yg)("p",null,"ri-mail-lock-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-settings-line"}),(0,n.yg)("p",null,"ri-mail-settings-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-settings-fill"}),(0,n.yg)("p",null,"ri-mail-settings-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-star-line"}),(0,n.yg)("p",null,"ri-mail-star-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-star-fill"}),(0,n.yg)("p",null,"ri-mail-star-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-volume-line"}),(0,n.yg)("p",null,"ri-mail-volume-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mail-volume-fill"}),(0,n.yg)("p",null,"ri-mail-volume-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-inbox-line"}),(0,n.yg)("p",null,"ri-inbox-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-inbox-fill"}),(0,n.yg)("p",null,"ri-inbox-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-inbox-archive-line"}),(0,n.yg)("p",null,"ri-inbox-archive-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-inbox-archive-fill"}),(0,n.yg)("p",null,"ri-inbox-archive-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-inbox-unarchive-line"}),(0,n.yg)("p",null,"ri-inbox-unarchive-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-inbox-unarchive-fill"}),(0,n.yg)("p",null,"ri-inbox-unarchive-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cloud-line"}),(0,n.yg)("p",null,"ri-cloud-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cloud-fill"}),(0,n.yg)("p",null,"ri-cloud-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cloud-off-line"}),(0,n.yg)("p",null,"ri-cloud-off-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cloud-off-fill"}),(0,n.yg)("p",null,"ri-cloud-off-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-attachment-line"}),(0,n.yg)("p",null,"ri-attachment-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-attachment-fill"}),(0,n.yg)("p",null,"ri-attachment-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-profile-line"}),(0,n.yg)("p",null,"ri-profile-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-profile-fill"}),(0,n.yg)("p",null,"ri-profile-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-archive-line"}),(0,n.yg)("p",null,"ri-archive-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-archive-fill"}),(0,n.yg)("p",null,"ri-archive-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-archive-drawer-line"}),(0,n.yg)("p",null,"ri-archive-drawer-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-archive-drawer-fill"}),(0,n.yg)("p",null,"ri-archive-drawer-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-at-line"}),(0,n.yg)("p",null,"ri-at-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-at-fill"}),(0,n.yg)("p",null,"ri-at-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-award-line"}),(0,n.yg)("p",null,"ri-award-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-award-fill"}),(0,n.yg)("p",null,"ri-award-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-medal-line"}),(0,n.yg)("p",null,"ri-medal-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-medal-fill"}),(0,n.yg)("p",null,"ri-medal-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-medal-2-line"}),(0,n.yg)("p",null,"ri-medal-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-medal-2-fill"}),(0,n.yg)("p",null,"ri-medal-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bar-chart-line"}),(0,n.yg)("p",null,"ri-bar-chart-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bar-chart-fill"}),(0,n.yg)("p",null,"ri-bar-chart-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bar-chart-horizontal-line"}),(0,n.yg)("p",null,"ri-bar-chart-horizontal-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bar-chart-horizontal-fill"}),(0,n.yg)("p",null,"ri-bar-chart-horizontal-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bar-chart-2-line"}),(0,n.yg)("p",null,"ri-bar-chart-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bar-chart-2-fill"}),(0,n.yg)("p",null,"ri-bar-chart-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bar-chart-box-line"}),(0,n.yg)("p",null,"ri-bar-chart-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bar-chart-box-fill"}),(0,n.yg)("p",null,"ri-bar-chart-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bar-chart-grouped-line"}),(0,n.yg)("p",null,"ri-bar-chart-grouped-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bar-chart-grouped-fill"}),(0,n.yg)("p",null,"ri-bar-chart-grouped-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bubble-chart-line"}),(0,n.yg)("p",null,"ri-bubble-chart-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bubble-chart-fill"}),(0,n.yg)("p",null,"ri-bubble-chart-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pie-chart-line"}),(0,n.yg)("p",null,"ri-pie-chart-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pie-chart-fill"}),(0,n.yg)("p",null,"ri-pie-chart-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pie-chart-2-line"}),(0,n.yg)("p",null,"ri-pie-chart-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pie-chart-2-fill"}),(0,n.yg)("p",null,"ri-pie-chart-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pie-chart-box-line"}),(0,n.yg)("p",null,"ri-pie-chart-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pie-chart-box-fill"}),(0,n.yg)("p",null,"ri-pie-chart-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-donut-chart-line"}),(0,n.yg)("p",null,"ri-donut-chart-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-donut-chart-fill"}),(0,n.yg)("p",null,"ri-donut-chart-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-line-chart-line"}),(0,n.yg)("p",null,"ri-line-chart-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-line-chart-fill"}),(0,n.yg)("p",null,"ri-line-chart-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bookmark-line"}),(0,n.yg)("p",null,"ri-bookmark-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bookmark-fill"}),(0,n.yg)("p",null,"ri-bookmark-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bookmark-2-line"}),(0,n.yg)("p",null,"ri-bookmark-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bookmark-2-fill"}),(0,n.yg)("p",null,"ri-bookmark-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bookmark-3-line"}),(0,n.yg)("p",null,"ri-bookmark-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bookmark-3-fill"}),(0,n.yg)("p",null,"ri-bookmark-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-briefcase-line"}),(0,n.yg)("p",null,"ri-briefcase-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-briefcase-fill"}),(0,n.yg)("p",null,"ri-briefcase-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-briefcase-2-line"}),(0,n.yg)("p",null,"ri-briefcase-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-briefcase-2-fill"}),(0,n.yg)("p",null,"ri-briefcase-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-briefcase-3-line"}),(0,n.yg)("p",null,"ri-briefcase-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-briefcase-3-fill"}),(0,n.yg)("p",null,"ri-briefcase-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-briefcase-4-line"}),(0,n.yg)("p",null,"ri-briefcase-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-briefcase-4-fill"}),(0,n.yg)("p",null,"ri-briefcase-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-briefcase-5-line"}),(0,n.yg)("p",null,"ri-briefcase-5-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-briefcase-5-fill"}),(0,n.yg)("p",null,"ri-briefcase-5-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-calculator-line"}),(0,n.yg)("p",null,"ri-calculator-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-calculator-fill"}),(0,n.yg)("p",null,"ri-calculator-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-calendar-line"}),(0,n.yg)("p",null,"ri-calendar-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-calendar-fill"}),(0,n.yg)("p",null,"ri-calendar-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-calendar-2-line"}),(0,n.yg)("p",null,"ri-calendar-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-calendar-2-fill"}),(0,n.yg)("p",null,"ri-calendar-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-calendar-event-line"}),(0,n.yg)("p",null,"ri-calendar-event-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-calendar-event-fill"}),(0,n.yg)("p",null,"ri-calendar-event-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-calendar-todo-line"}),(0,n.yg)("p",null,"ri-calendar-todo-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-calendar-todo-fill"}),(0,n.yg)("p",null,"ri-calendar-todo-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-calendar-check-line"}),(0,n.yg)("p",null,"ri-calendar-check-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-calendar-check-fill"}),(0,n.yg)("p",null,"ri-calendar-check-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-customer-service-line"}),(0,n.yg)("p",null,"ri-customer-service-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-customer-service-fill"}),(0,n.yg)("p",null,"ri-customer-service-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-customer-service-2-line"}),(0,n.yg)("p",null,"ri-customer-service-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-customer-service-2-fill"}),(0,n.yg)("p",null,"ri-customer-service-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-flag-line"}),(0,n.yg)("p",null,"ri-flag-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-flag-fill"}),(0,n.yg)("p",null,"ri-flag-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-flag-2-line"}),(0,n.yg)("p",null,"ri-flag-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-flag-2-fill"}),(0,n.yg)("p",null,"ri-flag-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-global-line"}),(0,n.yg)("p",null,"ri-global-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-global-fill"}),(0,n.yg)("p",null,"ri-global-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-honour-line"}),(0,n.yg)("p",null,"ri-honour-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-honour-fill"}),(0,n.yg)("p",null,"ri-honour-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-links-line"}),(0,n.yg)("p",null,"ri-links-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-links-fill"}),(0,n.yg)("p",null,"ri-links-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-printer-line"}),(0,n.yg)("p",null,"ri-printer-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-printer-fill"}),(0,n.yg)("p",null,"ri-printer-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-printer-cloud-line"}),(0,n.yg)("p",null,"ri-printer-cloud-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-printer-cloud-fill"}),(0,n.yg)("p",null,"ri-printer-cloud-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-record-mail-line"}),(0,n.yg)("p",null,"ri-record-mail-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-record-mail-fill"}),(0,n.yg)("p",null,"ri-record-mail-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-reply-line"}),(0,n.yg)("p",null,"ri-reply-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-reply-fill"}),(0,n.yg)("p",null,"ri-reply-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-reply-all-line"}),(0,n.yg)("p",null,"ri-reply-all-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-reply-all-fill"}),(0,n.yg)("p",null,"ri-reply-all-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-send-plane-line"}),(0,n.yg)("p",null,"ri-send-plane-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-send-plane-fill"}),(0,n.yg)("p",null,"ri-send-plane-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-send-plane-2-line"}),(0,n.yg)("p",null,"ri-send-plane-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-send-plane-2-fill"}),(0,n.yg)("p",null,"ri-send-plane-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-projector-line"}),(0,n.yg)("p",null,"ri-projector-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-projector-fill"}),(0,n.yg)("p",null,"ri-projector-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-projector-2-line"}),(0,n.yg)("p",null,"ri-projector-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-projector-2-fill"}),(0,n.yg)("p",null,"ri-projector-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-slideshow-line"}),(0,n.yg)("p",null,"ri-slideshow-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-slideshow-fill"}),(0,n.yg)("p",null,"ri-slideshow-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-slideshow-2-line"}),(0,n.yg)("p",null,"ri-slideshow-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-slideshow-2-fill"}),(0,n.yg)("p",null,"ri-slideshow-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-slideshow-3-line"}),(0,n.yg)("p",null,"ri-slideshow-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-slideshow-3-fill"}),(0,n.yg)("p",null,"ri-slideshow-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-slideshow-4-line"}),(0,n.yg)("p",null,"ri-slideshow-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-slideshow-4-fill"}),(0,n.yg)("p",null,"ri-slideshow-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-window-line"}),(0,n.yg)("p",null,"ri-window-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-window-fill"}),(0,n.yg)("p",null,"ri-window-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-window-2-line"}),(0,n.yg)("p",null,"ri-window-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-window-2-fill"}),(0,n.yg)("p",null,"ri-window-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-stack-line"}),(0,n.yg)("p",null,"ri-stack-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-stack-fill"}),(0,n.yg)("p",null,"ri-stack-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-service-line"}),(0,n.yg)("p",null,"ri-service-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-service-fill"}),(0,n.yg)("p",null,"ri-service-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-registered-line"}),(0,n.yg)("p",null,"ri-registered-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-registered-fill"}),(0,n.yg)("p",null,"ri-registered-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-trademark-line"}),(0,n.yg)("p",null,"ri-trademark-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-trademark-fill"}),(0,n.yg)("p",null,"ri-trademark-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-advertisement-line"}),(0,n.yg)("p",null,"ri-advertisement-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-advertisement-fill"}),(0,n.yg)("p",null,"ri-advertisement-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-copyleft-line"}),(0,n.yg)("p",null,"ri-copyleft-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-copyleft-fill"}),(0,n.yg)("p",null,"ri-copyleft-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-copyright-line"}),(0,n.yg)("p",null,"ri-copyright-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-copyright-fill"}),(0,n.yg)("p",null,"ri-copyright-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-creative-commons-line"}),(0,n.yg)("p",null,"ri-creative-commons-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-creative-commons-fill"}),(0,n.yg)("p",null,"ri-creative-commons-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-creative-commons-by-line"}),(0,n.yg)("p",null,"ri-creative-commons-by-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-creative-commons-by-fill"}),(0,n.yg)("p",null,"ri-creative-commons-by-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-creative-commons-nc-line"}),(0,n.yg)("p",null,"ri-creative-commons-nc-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-creative-commons-nc-fill"}),(0,n.yg)("p",null,"ri-creative-commons-nc-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-creative-commons-nd-line"}),(0,n.yg)("p",null,"ri-creative-commons-nd-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-creative-commons-nd-fill"}),(0,n.yg)("p",null,"ri-creative-commons-nd-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-creative-commons-sa-line"}),(0,n.yg)("p",null,"ri-creative-commons-sa-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-creative-commons-sa-fill"}),(0,n.yg)("p",null,"ri-creative-commons-sa-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-creative-commons-zero-line"}),(0,n.yg)("p",null,"ri-creative-commons-zero-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-creative-commons-zero-fill"}),(0,n.yg)("p",null,"ri-creative-commons-zero-fill"))))),(0,n.yg)("h3",{id:"business"},"Business")),(0,n.yg)("div",{className:"icon-type-item"},(0,n.yg)("div",{class:"icon-items"},(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-1-line"}),(0,n.yg)("p",null,"ri-chat-1-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-1-fill"}),(0,n.yg)("p",null,"ri-chat-1-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-2-line"}),(0,n.yg)("p",null,"ri-chat-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-2-fill"}),(0,n.yg)("p",null,"ri-chat-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-3-line"}),(0,n.yg)("p",null,"ri-chat-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-3-fill"}),(0,n.yg)("p",null,"ri-chat-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-4-line"}),(0,n.yg)("p",null,"ri-chat-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-4-fill"}),(0,n.yg)("p",null,"ri-chat-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-message-line"}),(0,n.yg)("p",null,"ri-message-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-message-fill"}),(0,n.yg)("p",null,"ri-message-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-message-2-line"}),(0,n.yg)("p",null,"ri-message-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-message-2-fill"}),(0,n.yg)("p",null,"ri-message-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-message-3-line"}),(0,n.yg)("p",null,"ri-message-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-message-3-fill"}),(0,n.yg)("p",null,"ri-message-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-check-line"}),(0,n.yg)("p",null,"ri-chat-check-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-check-fill"}),(0,n.yg)("p",null,"ri-chat-check-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-delete-line"}),(0,n.yg)("p",null,"ri-chat-delete-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-delete-fill"}),(0,n.yg)("p",null,"ri-chat-delete-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-forward-line"}),(0,n.yg)("p",null,"ri-chat-forward-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-forward-fill"}),(0,n.yg)("p",null,"ri-chat-forward-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-upload-line"}),(0,n.yg)("p",null,"ri-chat-upload-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-upload-fill"}),(0,n.yg)("p",null,"ri-chat-upload-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-download-line"}),(0,n.yg)("p",null,"ri-chat-download-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-download-fill"}),(0,n.yg)("p",null,"ri-chat-download-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-new-line"}),(0,n.yg)("p",null,"ri-chat-new-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-new-fill"}),(0,n.yg)("p",null,"ri-chat-new-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-settings-line"}),(0,n.yg)("p",null,"ri-chat-settings-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-settings-fill"}),(0,n.yg)("p",null,"ri-chat-settings-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-smile-line"}),(0,n.yg)("p",null,"ri-chat-smile-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-smile-fill"}),(0,n.yg)("p",null,"ri-chat-smile-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-smile-2-line"}),(0,n.yg)("p",null,"ri-chat-smile-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-smile-2-fill"}),(0,n.yg)("p",null,"ri-chat-smile-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-smile-3-line"}),(0,n.yg)("p",null,"ri-chat-smile-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-smile-3-fill"}),(0,n.yg)("p",null,"ri-chat-smile-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-heart-line"}),(0,n.yg)("p",null,"ri-chat-heart-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-heart-fill"}),(0,n.yg)("p",null,"ri-chat-heart-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-off-line"}),(0,n.yg)("p",null,"ri-chat-off-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-off-fill"}),(0,n.yg)("p",null,"ri-chat-off-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-feedback-line"}),(0,n.yg)("p",null,"ri-feedback-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-feedback-fill"}),(0,n.yg)("p",null,"ri-feedback-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-discuss-line"}),(0,n.yg)("p",null,"ri-discuss-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-discuss-fill"}),(0,n.yg)("p",null,"ri-discuss-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-question-answer-line"}),(0,n.yg)("p",null,"ri-question-answer-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-question-answer-fill"}),(0,n.yg)("p",null,"ri-question-answer-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-questionnaire-line"}),(0,n.yg)("p",null,"ri-questionnaire-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-questionnaire-fill"}),(0,n.yg)("p",null,"ri-questionnaire-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-video-chat-line"}),(0,n.yg)("p",null,"ri-video-chat-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-video-chat-fill"}),(0,n.yg)("p",null,"ri-video-chat-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-voice-line"}),(0,n.yg)("p",null,"ri-chat-voice-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-voice-fill"}),(0,n.yg)("p",null,"ri-chat-voice-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-quote-line"}),(0,n.yg)("p",null,"ri-chat-quote-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-quote-fill"}),(0,n.yg)("p",null,"ri-chat-quote-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-follow-up-line"}),(0,n.yg)("p",null,"ri-chat-follow-up-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-follow-up-fill"}),(0,n.yg)("p",null,"ri-chat-follow-up-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-poll-line"}),(0,n.yg)("p",null,"ri-chat-poll-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-poll-fill"}),(0,n.yg)("p",null,"ri-chat-poll-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-history-line"}),(0,n.yg)("p",null,"ri-chat-history-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-history-fill"}),(0,n.yg)("p",null,"ri-chat-history-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-private-line"}),(0,n.yg)("p",null,"ri-chat-private-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chat-private-fill"}),(0,n.yg)("p",null,"ri-chat-private-fill"))))),(0,n.yg)("h3",{id:"communication"},"Communication")),(0,n.yg)("div",{className:"icon-type-item"},(0,n.yg)("div",{class:"icon-items"},(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pencil-line"}),(0,n.yg)("p",null,"ri-pencil-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pencil-fill"}),(0,n.yg)("p",null,"ri-pencil-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-edit-line"}),(0,n.yg)("p",null,"ri-edit-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-edit-fill"}),(0,n.yg)("p",null,"ri-edit-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-edit-2-line"}),(0,n.yg)("p",null,"ri-edit-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-edit-2-fill"}),(0,n.yg)("p",null,"ri-edit-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ball-pen-line"}),(0,n.yg)("p",null,"ri-ball-pen-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ball-pen-fill"}),(0,n.yg)("p",null,"ri-ball-pen-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-quill-pen-line"}),(0,n.yg)("p",null,"ri-quill-pen-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-quill-pen-fill"}),(0,n.yg)("p",null,"ri-quill-pen-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pen-nib-line"}),(0,n.yg)("p",null,"ri-pen-nib-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pen-nib-fill"}),(0,n.yg)("p",null,"ri-pen-nib-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ink-bottle-line"}),(0,n.yg)("p",null,"ri-ink-bottle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ink-bottle-fill"}),(0,n.yg)("p",null,"ri-ink-bottle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mark-pen-line"}),(0,n.yg)("p",null,"ri-mark-pen-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mark-pen-fill"}),(0,n.yg)("p",null,"ri-mark-pen-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-markup-line"}),(0,n.yg)("p",null,"ri-markup-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-markup-fill"}),(0,n.yg)("p",null,"ri-markup-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-edit-box-line"}),(0,n.yg)("p",null,"ri-edit-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-edit-box-fill"}),(0,n.yg)("p",null,"ri-edit-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-edit-circle-line"}),(0,n.yg)("p",null,"ri-edit-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-edit-circle-fill"}),(0,n.yg)("p",null,"ri-edit-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sip-line"}),(0,n.yg)("p",null,"ri-sip-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sip-fill"}),(0,n.yg)("p",null,"ri-sip-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-brush-line"}),(0,n.yg)("p",null,"ri-brush-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-brush-fill"}),(0,n.yg)("p",null,"ri-brush-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-brush-2-line"}),(0,n.yg)("p",null,"ri-brush-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-brush-2-fill"}),(0,n.yg)("p",null,"ri-brush-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-brush-3-line"}),(0,n.yg)("p",null,"ri-brush-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-brush-3-fill"}),(0,n.yg)("p",null,"ri-brush-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-brush-4-line"}),(0,n.yg)("p",null,"ri-brush-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-brush-4-fill"}),(0,n.yg)("p",null,"ri-brush-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-paint-brush-line"}),(0,n.yg)("p",null,"ri-paint-brush-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-paint-brush-fill"}),(0,n.yg)("p",null,"ri-paint-brush-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-contrast-line"}),(0,n.yg)("p",null,"ri-contrast-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-contrast-fill"}),(0,n.yg)("p",null,"ri-contrast-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-contrast-2-line"}),(0,n.yg)("p",null,"ri-contrast-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-contrast-2-fill"}),(0,n.yg)("p",null,"ri-contrast-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-drop-line"}),(0,n.yg)("p",null,"ri-drop-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-drop-fill"}),(0,n.yg)("p",null,"ri-drop-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-blur-off-line"}),(0,n.yg)("p",null,"ri-blur-off-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-blur-off-fill"}),(0,n.yg)("p",null,"ri-blur-off-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-contrast-drop-line"}),(0,n.yg)("p",null,"ri-contrast-drop-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-contrast-drop-fill"}),(0,n.yg)("p",null,"ri-contrast-drop-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-contrast-drop-2-line"}),(0,n.yg)("p",null,"ri-contrast-drop-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-contrast-drop-2-fill"}),(0,n.yg)("p",null,"ri-contrast-drop-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-compasses-line"}),(0,n.yg)("p",null,"ri-compasses-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-compasses-fill"}),(0,n.yg)("p",null,"ri-compasses-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-compasses-2-line"}),(0,n.yg)("p",null,"ri-compasses-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-compasses-2-fill"}),(0,n.yg)("p",null,"ri-compasses-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-scissors-line"}),(0,n.yg)("p",null,"ri-scissors-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-scissors-fill"}),(0,n.yg)("p",null,"ri-scissors-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-scissors-cut-line"}),(0,n.yg)("p",null,"ri-scissors-cut-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-scissors-cut-fill"}),(0,n.yg)("p",null,"ri-scissors-cut-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-scissors-2-line"}),(0,n.yg)("p",null,"ri-scissors-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-scissors-2-fill"}),(0,n.yg)("p",null,"ri-scissors-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-slice-line"}),(0,n.yg)("p",null,"ri-slice-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-slice-fill"}),(0,n.yg)("p",null,"ri-slice-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-eraser-line"}),(0,n.yg)("p",null,"ri-eraser-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-eraser-fill"}),(0,n.yg)("p",null,"ri-eraser-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ruler-line"}),(0,n.yg)("p",null,"ri-ruler-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ruler-fill"}),(0,n.yg)("p",null,"ri-ruler-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ruler-2-line"}),(0,n.yg)("p",null,"ri-ruler-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ruler-2-fill"}),(0,n.yg)("p",null,"ri-ruler-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pencil-ruler-line"}),(0,n.yg)("p",null,"ri-pencil-ruler-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pencil-ruler-fill"}),(0,n.yg)("p",null,"ri-pencil-ruler-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pencil-ruler-2-line"}),(0,n.yg)("p",null,"ri-pencil-ruler-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pencil-ruler-2-fill"}),(0,n.yg)("p",null,"ri-pencil-ruler-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-t-box-line"}),(0,n.yg)("p",null,"ri-t-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-t-box-fill"}),(0,n.yg)("p",null,"ri-t-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-input-method-line"}),(0,n.yg)("p",null,"ri-input-method-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-input-method-fill"}),(0,n.yg)("p",null,"ri-input-method-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-artboard-line"}),(0,n.yg)("p",null,"ri-artboard-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-artboard-fill"}),(0,n.yg)("p",null,"ri-artboard-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-artboard-2-line"}),(0,n.yg)("p",null,"ri-artboard-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-artboard-2-fill"}),(0,n.yg)("p",null,"ri-artboard-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-crop-line"}),(0,n.yg)("p",null,"ri-crop-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-crop-fill"}),(0,n.yg)("p",null,"ri-crop-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-crop-2-line"}),(0,n.yg)("p",null,"ri-crop-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-crop-2-fill"}),(0,n.yg)("p",null,"ri-crop-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-screenshot-line"}),(0,n.yg)("p",null,"ri-screenshot-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-screenshot-fill"}),(0,n.yg)("p",null,"ri-screenshot-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-screenshot-2-line"}),(0,n.yg)("p",null,"ri-screenshot-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-screenshot-2-fill"}),(0,n.yg)("p",null,"ri-screenshot-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-drag-move-line"}),(0,n.yg)("p",null,"ri-drag-move-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-drag-move-fill"}),(0,n.yg)("p",null,"ri-drag-move-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-drag-move-2-line"}),(0,n.yg)("p",null,"ri-drag-move-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-drag-move-2-fill"}),(0,n.yg)("p",null,"ri-drag-move-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-focus-line"}),(0,n.yg)("p",null,"ri-focus-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-focus-fill"}),(0,n.yg)("p",null,"ri-focus-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-focus-2-line"}),(0,n.yg)("p",null,"ri-focus-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-focus-2-fill"}),(0,n.yg)("p",null,"ri-focus-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-focus-3-line"}),(0,n.yg)("p",null,"ri-focus-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-focus-3-fill"}),(0,n.yg)("p",null,"ri-focus-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-paint-line"}),(0,n.yg)("p",null,"ri-paint-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-paint-fill"}),(0,n.yg)("p",null,"ri-paint-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-palette-line"}),(0,n.yg)("p",null,"ri-palette-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-palette-fill"}),(0,n.yg)("p",null,"ri-palette-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pantone-line"}),(0,n.yg)("p",null,"ri-pantone-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pantone-fill"}),(0,n.yg)("p",null,"ri-pantone-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shape-line"}),(0,n.yg)("p",null,"ri-shape-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shape-fill"}),(0,n.yg)("p",null,"ri-shape-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shape-2-line"}),(0,n.yg)("p",null,"ri-shape-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shape-2-fill"}),(0,n.yg)("p",null,"ri-shape-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-magic-line"}),(0,n.yg)("p",null,"ri-magic-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-magic-fill"}),(0,n.yg)("p",null,"ri-magic-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-anticlockwise-line"}),(0,n.yg)("p",null,"ri-anticlockwise-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-anticlockwise-fill"}),(0,n.yg)("p",null,"ri-anticlockwise-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-anticlockwise-2-line"}),(0,n.yg)("p",null,"ri-anticlockwise-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-anticlockwise-2-fill"}),(0,n.yg)("p",null,"ri-anticlockwise-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-clockwise-line"}),(0,n.yg)("p",null,"ri-clockwise-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-clockwise-fill"}),(0,n.yg)("p",null,"ri-clockwise-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-clockwise-2-line"}),(0,n.yg)("p",null,"ri-clockwise-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-clockwise-2-fill"}),(0,n.yg)("p",null,"ri-clockwise-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hammer-line"}),(0,n.yg)("p",null,"ri-hammer-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hammer-fill"}),(0,n.yg)("p",null,"ri-hammer-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-tools-line"}),(0,n.yg)("p",null,"ri-tools-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-tools-fill"}),(0,n.yg)("p",null,"ri-tools-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-drag-drop-line"}),(0,n.yg)("p",null,"ri-drag-drop-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-drag-drop-fill"}),(0,n.yg)("p",null,"ri-drag-drop-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-table-line"}),(0,n.yg)("p",null,"ri-table-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-table-fill"}),(0,n.yg)("p",null,"ri-table-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-table-alt-line"}),(0,n.yg)("p",null,"ri-table-alt-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-table-alt-fill"}),(0,n.yg)("p",null,"ri-table-alt-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-line"}),(0,n.yg)("p",null,"ri-layout-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-fill"}),(0,n.yg)("p",null,"ri-layout-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-2-line"}),(0,n.yg)("p",null,"ri-layout-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-2-fill"}),(0,n.yg)("p",null,"ri-layout-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-3-line"}),(0,n.yg)("p",null,"ri-layout-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-3-fill"}),(0,n.yg)("p",null,"ri-layout-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-4-line"}),(0,n.yg)("p",null,"ri-layout-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-4-fill"}),(0,n.yg)("p",null,"ri-layout-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-5-line"}),(0,n.yg)("p",null,"ri-layout-5-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-5-fill"}),(0,n.yg)("p",null,"ri-layout-5-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-6-line"}),(0,n.yg)("p",null,"ri-layout-6-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-6-fill"}),(0,n.yg)("p",null,"ri-layout-6-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-column-line"}),(0,n.yg)("p",null,"ri-layout-column-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-column-fill"}),(0,n.yg)("p",null,"ri-layout-column-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-row-line"}),(0,n.yg)("p",null,"ri-layout-row-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-row-fill"}),(0,n.yg)("p",null,"ri-layout-row-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-top-line"}),(0,n.yg)("p",null,"ri-layout-top-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-top-fill"}),(0,n.yg)("p",null,"ri-layout-top-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-right-line"}),(0,n.yg)("p",null,"ri-layout-right-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-right-fill"}),(0,n.yg)("p",null,"ri-layout-right-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-bottom-line"}),(0,n.yg)("p",null,"ri-layout-bottom-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-bottom-fill"}),(0,n.yg)("p",null,"ri-layout-bottom-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-left-line"}),(0,n.yg)("p",null,"ri-layout-left-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-left-fill"}),(0,n.yg)("p",null,"ri-layout-left-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-top-2-line"}),(0,n.yg)("p",null,"ri-layout-top-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-top-2-fill"}),(0,n.yg)("p",null,"ri-layout-top-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-right-2-line"}),(0,n.yg)("p",null,"ri-layout-right-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-right-2-fill"}),(0,n.yg)("p",null,"ri-layout-right-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-bottom-2-line"}),(0,n.yg)("p",null,"ri-layout-bottom-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-bottom-2-fill"}),(0,n.yg)("p",null,"ri-layout-bottom-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-left-2-line"}),(0,n.yg)("p",null,"ri-layout-left-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-left-2-fill"}),(0,n.yg)("p",null,"ri-layout-left-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-grid-line"}),(0,n.yg)("p",null,"ri-layout-grid-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-grid-fill"}),(0,n.yg)("p",null,"ri-layout-grid-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-masonry-line"}),(0,n.yg)("p",null,"ri-layout-masonry-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-layout-masonry-fill"}),(0,n.yg)("p",null,"ri-layout-masonry-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-collage-line"}),(0,n.yg)("p",null,"ri-collage-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-collage-fill"}),(0,n.yg)("p",null,"ri-collage-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-grid-line"}),(0,n.yg)("p",null,"ri-grid-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-grid-fill"}),(0,n.yg)("p",null,"ri-grid-fill"))))),(0,n.yg)("h3",{id:"design"},"Design")),(0,n.yg)("div",{className:"icon-type-item"},(0,n.yg)("div",{class:"icon-items"},(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bug-line"}),(0,n.yg)("p",null,"ri-bug-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bug-fill"}),(0,n.yg)("p",null,"ri-bug-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bug-2-line"}),(0,n.yg)("p",null,"ri-bug-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bug-2-fill"}),(0,n.yg)("p",null,"ri-bug-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-code-line"}),(0,n.yg)("p",null,"ri-code-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-code-fill"}),(0,n.yg)("p",null,"ri-code-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-code-s-line"}),(0,n.yg)("p",null,"ri-code-s-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-code-s-fill"}),(0,n.yg)("p",null,"ri-code-s-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-code-s-slash-line"}),(0,n.yg)("p",null,"ri-code-s-slash-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-code-s-slash-fill"}),(0,n.yg)("p",null,"ri-code-s-slash-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-code-box-line"}),(0,n.yg)("p",null,"ri-code-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-code-box-fill"}),(0,n.yg)("p",null,"ri-code-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-terminal-box-line"}),(0,n.yg)("p",null,"ri-terminal-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-terminal-box-fill"}),(0,n.yg)("p",null,"ri-terminal-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-terminal-line"}),(0,n.yg)("p",null,"ri-terminal-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-terminal-fill"}),(0,n.yg)("p",null,"ri-terminal-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-terminal-window-line"}),(0,n.yg)("p",null,"ri-terminal-window-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-terminal-window-fill"}),(0,n.yg)("p",null,"ri-terminal-window-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-parentheses-line"}),(0,n.yg)("p",null,"ri-parentheses-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-parentheses-fill"}),(0,n.yg)("p",null,"ri-parentheses-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-brackets-line"}),(0,n.yg)("p",null,"ri-brackets-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-brackets-fill"}),(0,n.yg)("p",null,"ri-brackets-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-braces-line"}),(0,n.yg)("p",null,"ri-braces-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-braces-fill"}),(0,n.yg)("p",null,"ri-braces-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-command-line"}),(0,n.yg)("p",null,"ri-command-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-command-fill"}),(0,n.yg)("p",null,"ri-command-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cursor-line"}),(0,n.yg)("p",null,"ri-cursor-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cursor-fill"}),(0,n.yg)("p",null,"ri-cursor-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-git-commit-line"}),(0,n.yg)("p",null,"ri-git-commit-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-git-commit-fill"}),(0,n.yg)("p",null,"ri-git-commit-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-git-pull-request-line"}),(0,n.yg)("p",null,"ri-git-pull-request-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-git-pull-request-fill"}),(0,n.yg)("p",null,"ri-git-pull-request-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-git-merge-line"}),(0,n.yg)("p",null,"ri-git-merge-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-git-merge-fill"}),(0,n.yg)("p",null,"ri-git-merge-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-git-branch-line"}),(0,n.yg)("p",null,"ri-git-branch-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-git-branch-fill"}),(0,n.yg)("p",null,"ri-git-branch-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-git-repository-line"}),(0,n.yg)("p",null,"ri-git-repository-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-git-repository-fill"}),(0,n.yg)("p",null,"ri-git-repository-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-git-repository-commits-line"}),(0,n.yg)("p",null,"ri-git-repository-commits-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-git-repository-commits-fill"}),(0,n.yg)("p",null,"ri-git-repository-commits-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-git-repository-private-line"}),(0,n.yg)("p",null,"ri-git-repository-private-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-git-repository-private-fill"}),(0,n.yg)("p",null,"ri-git-repository-private-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-html5-line"}),(0,n.yg)("p",null,"ri-html5-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-html5-fill"}),(0,n.yg)("p",null,"ri-html5-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-css3-line"}),(0,n.yg)("p",null,"ri-css3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-css3-fill"}),(0,n.yg)("p",null,"ri-css3-fill"))))),(0,n.yg)("h3",{id:"development"},"Development")),(0,n.yg)("div",{className:"icon-type-item"},(0,n.yg)("div",{class:"icon-items"},(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-tv-line"}),(0,n.yg)("p",null,"ri-tv-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-tv-fill"}),(0,n.yg)("p",null,"ri-tv-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-tv-2-line"}),(0,n.yg)("p",null,"ri-tv-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-tv-2-fill"}),(0,n.yg)("p",null,"ri-tv-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-computer-line"}),(0,n.yg)("p",null,"ri-computer-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-computer-fill"}),(0,n.yg)("p",null,"ri-computer-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mac-line"}),(0,n.yg)("p",null,"ri-mac-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mac-fill"}),(0,n.yg)("p",null,"ri-mac-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-macbook-line"}),(0,n.yg)("p",null,"ri-macbook-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-macbook-fill"}),(0,n.yg)("p",null,"ri-macbook-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cellphone-line"}),(0,n.yg)("p",null,"ri-cellphone-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cellphone-fill"}),(0,n.yg)("p",null,"ri-cellphone-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-smartphone-line"}),(0,n.yg)("p",null,"ri-smartphone-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-smartphone-fill"}),(0,n.yg)("p",null,"ri-smartphone-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-tablet-line"}),(0,n.yg)("p",null,"ri-tablet-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-tablet-fill"}),(0,n.yg)("p",null,"ri-tablet-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-device-line"}),(0,n.yg)("p",null,"ri-device-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-device-fill"}),(0,n.yg)("p",null,"ri-device-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-phone-line"}),(0,n.yg)("p",null,"ri-phone-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-phone-fill"}),(0,n.yg)("p",null,"ri-phone-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-database-line"}),(0,n.yg)("p",null,"ri-database-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-database-fill"}),(0,n.yg)("p",null,"ri-database-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-database-2-line"}),(0,n.yg)("p",null,"ri-database-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-database-2-fill"}),(0,n.yg)("p",null,"ri-database-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-server-line"}),(0,n.yg)("p",null,"ri-server-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-server-fill"}),(0,n.yg)("p",null,"ri-server-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hard-drive-line"}),(0,n.yg)("p",null,"ri-hard-drive-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hard-drive-fill"}),(0,n.yg)("p",null,"ri-hard-drive-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hard-drive-2-line"}),(0,n.yg)("p",null,"ri-hard-drive-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hard-drive-2-fill"}),(0,n.yg)("p",null,"ri-hard-drive-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-install-line"}),(0,n.yg)("p",null,"ri-install-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-install-fill"}),(0,n.yg)("p",null,"ri-install-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-uninstall-line"}),(0,n.yg)("p",null,"ri-uninstall-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-uninstall-fill"}),(0,n.yg)("p",null,"ri-uninstall-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-save-line"}),(0,n.yg)("p",null,"ri-save-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-save-fill"}),(0,n.yg)("p",null,"ri-save-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-save-2-line"}),(0,n.yg)("p",null,"ri-save-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-save-2-fill"}),(0,n.yg)("p",null,"ri-save-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-save-3-line"}),(0,n.yg)("p",null,"ri-save-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-save-3-fill"}),(0,n.yg)("p",null,"ri-save-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sd-card-line"}),(0,n.yg)("p",null,"ri-sd-card-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sd-card-fill"}),(0,n.yg)("p",null,"ri-sd-card-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sd-card-mini-line"}),(0,n.yg)("p",null,"ri-sd-card-mini-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sd-card-mini-fill"}),(0,n.yg)("p",null,"ri-sd-card-mini-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sim-card-line"}),(0,n.yg)("p",null,"ri-sim-card-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sim-card-fill"}),(0,n.yg)("p",null,"ri-sim-card-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sim-card-2-line"}),(0,n.yg)("p",null,"ri-sim-card-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sim-card-2-fill"}),(0,n.yg)("p",null,"ri-sim-card-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dual-sim-1-line"}),(0,n.yg)("p",null,"ri-dual-sim-1-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dual-sim-1-fill"}),(0,n.yg)("p",null,"ri-dual-sim-1-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dual-sim-2-line"}),(0,n.yg)("p",null,"ri-dual-sim-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dual-sim-2-fill"}),(0,n.yg)("p",null,"ri-dual-sim-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-u-disk-line"}),(0,n.yg)("p",null,"ri-u-disk-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-u-disk-fill"}),(0,n.yg)("p",null,"ri-u-disk-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-battery-line"}),(0,n.yg)("p",null,"ri-battery-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-battery-fill"}),(0,n.yg)("p",null,"ri-battery-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-battery-charge-line"}),(0,n.yg)("p",null,"ri-battery-charge-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-battery-charge-fill"}),(0,n.yg)("p",null,"ri-battery-charge-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-battery-low-line"}),(0,n.yg)("p",null,"ri-battery-low-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-battery-low-fill"}),(0,n.yg)("p",null,"ri-battery-low-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-battery-2-line"}),(0,n.yg)("p",null,"ri-battery-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-battery-2-fill"}),(0,n.yg)("p",null,"ri-battery-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-battery-2-charge-line"}),(0,n.yg)("p",null,"ri-battery-2-charge-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-battery-2-charge-fill"}),(0,n.yg)("p",null,"ri-battery-2-charge-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-battery-saver-line"}),(0,n.yg)("p",null,"ri-battery-saver-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-battery-saver-fill"}),(0,n.yg)("p",null,"ri-battery-saver-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-battery-share-line"}),(0,n.yg)("p",null,"ri-battery-share-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-battery-share-fill"}),(0,n.yg)("p",null,"ri-battery-share-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cast-line"}),(0,n.yg)("p",null,"ri-cast-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cast-fill"}),(0,n.yg)("p",null,"ri-cast-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-airplay-line"}),(0,n.yg)("p",null,"ri-airplay-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-airplay-fill"}),(0,n.yg)("p",null,"ri-airplay-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cpu-line"}),(0,n.yg)("p",null,"ri-cpu-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cpu-fill"}),(0,n.yg)("p",null,"ri-cpu-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gradienter-line"}),(0,n.yg)("p",null,"ri-gradienter-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gradienter-fill"}),(0,n.yg)("p",null,"ri-gradienter-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-keyboard-line"}),(0,n.yg)("p",null,"ri-keyboard-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-keyboard-fill"}),(0,n.yg)("p",null,"ri-keyboard-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-keyboard-box-line"}),(0,n.yg)("p",null,"ri-keyboard-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-keyboard-box-fill"}),(0,n.yg)("p",null,"ri-keyboard-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mouse-line"}),(0,n.yg)("p",null,"ri-mouse-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mouse-fill"}),(0,n.yg)("p",null,"ri-mouse-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sensor-line"}),(0,n.yg)("p",null,"ri-sensor-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sensor-fill"}),(0,n.yg)("p",null,"ri-sensor-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-router-line"}),(0,n.yg)("p",null,"ri-router-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-router-fill"}),(0,n.yg)("p",null,"ri-router-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-radar-line"}),(0,n.yg)("p",null,"ri-radar-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-radar-fill"}),(0,n.yg)("p",null,"ri-radar-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gamepad-line"}),(0,n.yg)("p",null,"ri-gamepad-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gamepad-fill"}),(0,n.yg)("p",null,"ri-gamepad-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-remote-control-line"}),(0,n.yg)("p",null,"ri-remote-control-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-remote-control-fill"}),(0,n.yg)("p",null,"ri-remote-control-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-remote-control-2-line"}),(0,n.yg)("p",null,"ri-remote-control-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-remote-control-2-fill"}),(0,n.yg)("p",null,"ri-remote-control-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-device-recover-line"}),(0,n.yg)("p",null,"ri-device-recover-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-device-recover-fill"}),(0,n.yg)("p",null,"ri-device-recover-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hotspot-line"}),(0,n.yg)("p",null,"ri-hotspot-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hotspot-fill"}),(0,n.yg)("p",null,"ri-hotspot-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-phone-find-line"}),(0,n.yg)("p",null,"ri-phone-find-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-phone-find-fill"}),(0,n.yg)("p",null,"ri-phone-find-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-phone-lock-line"}),(0,n.yg)("p",null,"ri-phone-lock-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-phone-lock-fill"}),(0,n.yg)("p",null,"ri-phone-lock-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rotate-lock-line"}),(0,n.yg)("p",null,"ri-rotate-lock-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rotate-lock-fill"}),(0,n.yg)("p",null,"ri-rotate-lock-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-restart-line"}),(0,n.yg)("p",null,"ri-restart-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-restart-fill"}),(0,n.yg)("p",null,"ri-restart-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shut-down-line"}),(0,n.yg)("p",null,"ri-shut-down-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shut-down-fill"}),(0,n.yg)("p",null,"ri-shut-down-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-fingerprint-line"}),(0,n.yg)("p",null,"ri-fingerprint-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-fingerprint-fill"}),(0,n.yg)("p",null,"ri-fingerprint-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-fingerprint-2-line"}),(0,n.yg)("p",null,"ri-fingerprint-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-fingerprint-2-fill"}),(0,n.yg)("p",null,"ri-fingerprint-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-barcode-line"}),(0,n.yg)("p",null,"ri-barcode-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-barcode-fill"}),(0,n.yg)("p",null,"ri-barcode-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-barcode-box-line"}),(0,n.yg)("p",null,"ri-barcode-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-barcode-box-fill"}),(0,n.yg)("p",null,"ri-barcode-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-qr-code-line"}),(0,n.yg)("p",null,"ri-qr-code-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-qr-code-fill"}),(0,n.yg)("p",null,"ri-qr-code-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-qr-scan-line"}),(0,n.yg)("p",null,"ri-qr-scan-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-qr-scan-fill"}),(0,n.yg)("p",null,"ri-qr-scan-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-qr-scan-2-line"}),(0,n.yg)("p",null,"ri-qr-scan-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-qr-scan-2-fill"}),(0,n.yg)("p",null,"ri-qr-scan-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-scan-line"}),(0,n.yg)("p",null,"ri-scan-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-scan-fill"}),(0,n.yg)("p",null,"ri-scan-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-scan-2-line"}),(0,n.yg)("p",null,"ri-scan-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-scan-2-fill"}),(0,n.yg)("p",null,"ri-scan-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rss-line"}),(0,n.yg)("p",null,"ri-rss-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rss-fill"}),(0,n.yg)("p",null,"ri-rss-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gps-line"}),(0,n.yg)("p",null,"ri-gps-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gps-fill"}),(0,n.yg)("p",null,"ri-gps-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-base-station-line"}),(0,n.yg)("p",null,"ri-base-station-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-base-station-fill"}),(0,n.yg)("p",null,"ri-base-station-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bluetooth-line"}),(0,n.yg)("p",null,"ri-bluetooth-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bluetooth-fill"}),(0,n.yg)("p",null,"ri-bluetooth-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bluetooth-connect-line"}),(0,n.yg)("p",null,"ri-bluetooth-connect-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bluetooth-connect-fill"}),(0,n.yg)("p",null,"ri-bluetooth-connect-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wifi-line"}),(0,n.yg)("p",null,"ri-wifi-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wifi-fill"}),(0,n.yg)("p",null,"ri-wifi-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wifi-off-line"}),(0,n.yg)("p",null,"ri-wifi-off-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wifi-off-fill"}),(0,n.yg)("p",null,"ri-wifi-off-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-signal-wifi-line"}),(0,n.yg)("p",null,"ri-signal-wifi-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-signal-wifi-fill"}),(0,n.yg)("p",null,"ri-signal-wifi-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-signal-wifi-1-line"}),(0,n.yg)("p",null,"ri-signal-wifi-1-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-signal-wifi-1-fill"}),(0,n.yg)("p",null,"ri-signal-wifi-1-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-signal-wifi-2-line"}),(0,n.yg)("p",null,"ri-signal-wifi-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-signal-wifi-2-fill"}),(0,n.yg)("p",null,"ri-signal-wifi-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-signal-wifi-3-line"}),(0,n.yg)("p",null,"ri-signal-wifi-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-signal-wifi-3-fill"}),(0,n.yg)("p",null,"ri-signal-wifi-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-signal-wifi-error-line"}),(0,n.yg)("p",null,"ri-signal-wifi-error-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-signal-wifi-error-fill"}),(0,n.yg)("p",null,"ri-signal-wifi-error-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-signal-wifi-off-line"}),(0,n.yg)("p",null,"ri-signal-wifi-off-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-signal-wifi-off-fill"}),(0,n.yg)("p",null,"ri-signal-wifi-off-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wireless-charging-line"}),(0,n.yg)("p",null,"ri-wireless-charging-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wireless-charging-fill"}),(0,n.yg)("p",null,"ri-wireless-charging-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dashboard-2-line"}),(0,n.yg)("p",null,"ri-dashboard-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dashboard-2-fill"}),(0,n.yg)("p",null,"ri-dashboard-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dashboard-3-line"}),(0,n.yg)("p",null,"ri-dashboard-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dashboard-3-fill"}),(0,n.yg)("p",null,"ri-dashboard-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-usb-line"}),(0,n.yg)("p",null,"ri-usb-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-usb-fill"}),(0,n.yg)("p",null,"ri-usb-fill"))))),(0,n.yg)("h3",{id:"device"},"Device")),(0,n.yg)("div",{className:"icon-type-item"},(0,n.yg)("div",{class:"icon-items"},(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-line"}),(0,n.yg)("p",null,"ri-file-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-fill"}),(0,n.yg)("p",null,"ri-file-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-2-line"}),(0,n.yg)("p",null,"ri-file-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-2-fill"}),(0,n.yg)("p",null,"ri-file-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-3-line"}),(0,n.yg)("p",null,"ri-file-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-3-fill"}),(0,n.yg)("p",null,"ri-file-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-4-line"}),(0,n.yg)("p",null,"ri-file-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-4-fill"}),(0,n.yg)("p",null,"ri-file-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sticky-note-line"}),(0,n.yg)("p",null,"ri-sticky-note-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sticky-note-fill"}),(0,n.yg)("p",null,"ri-sticky-note-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sticky-note-2-line"}),(0,n.yg)("p",null,"ri-sticky-note-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sticky-note-2-fill"}),(0,n.yg)("p",null,"ri-sticky-note-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-edit-line"}),(0,n.yg)("p",null,"ri-file-edit-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-edit-fill"}),(0,n.yg)("p",null,"ri-file-edit-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-draft-line"}),(0,n.yg)("p",null,"ri-draft-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-draft-fill"}),(0,n.yg)("p",null,"ri-draft-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-paper-line"}),(0,n.yg)("p",null,"ri-file-paper-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-paper-fill"}),(0,n.yg)("p",null,"ri-file-paper-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-paper-2-line"}),(0,n.yg)("p",null,"ri-file-paper-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-paper-2-fill"}),(0,n.yg)("p",null,"ri-file-paper-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-text-line"}),(0,n.yg)("p",null,"ri-file-text-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-text-fill"}),(0,n.yg)("p",null,"ri-file-text-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-list-line"}),(0,n.yg)("p",null,"ri-file-list-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-list-fill"}),(0,n.yg)("p",null,"ri-file-list-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-list-2-line"}),(0,n.yg)("p",null,"ri-file-list-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-list-2-fill"}),(0,n.yg)("p",null,"ri-file-list-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-list-3-line"}),(0,n.yg)("p",null,"ri-file-list-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-list-3-fill"}),(0,n.yg)("p",null,"ri-file-list-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bill-line"}),(0,n.yg)("p",null,"ri-bill-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bill-fill"}),(0,n.yg)("p",null,"ri-bill-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-copy-line"}),(0,n.yg)("p",null,"ri-file-copy-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-copy-fill"}),(0,n.yg)("p",null,"ri-file-copy-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-copy-2-line"}),(0,n.yg)("p",null,"ri-file-copy-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-copy-2-fill"}),(0,n.yg)("p",null,"ri-file-copy-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-clipboard-line"}),(0,n.yg)("p",null,"ri-clipboard-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-clipboard-fill"}),(0,n.yg)("p",null,"ri-clipboard-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-survey-line"}),(0,n.yg)("p",null,"ri-survey-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-survey-fill"}),(0,n.yg)("p",null,"ri-survey-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-article-line"}),(0,n.yg)("p",null,"ri-article-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-article-fill"}),(0,n.yg)("p",null,"ri-article-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-newspaper-line"}),(0,n.yg)("p",null,"ri-newspaper-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-newspaper-fill"}),(0,n.yg)("p",null,"ri-newspaper-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-zip-line"}),(0,n.yg)("p",null,"ri-file-zip-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-zip-fill"}),(0,n.yg)("p",null,"ri-file-zip-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-mark-line"}),(0,n.yg)("p",null,"ri-file-mark-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-mark-fill"}),(0,n.yg)("p",null,"ri-file-mark-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-task-line"}),(0,n.yg)("p",null,"ri-task-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-task-fill"}),(0,n.yg)("p",null,"ri-task-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-todo-line"}),(0,n.yg)("p",null,"ri-todo-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-todo-fill"}),(0,n.yg)("p",null,"ri-todo-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-book-line"}),(0,n.yg)("p",null,"ri-book-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-book-fill"}),(0,n.yg)("p",null,"ri-book-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-book-mark-line"}),(0,n.yg)("p",null,"ri-book-mark-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-book-mark-fill"}),(0,n.yg)("p",null,"ri-book-mark-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-book-2-line"}),(0,n.yg)("p",null,"ri-book-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-book-2-fill"}),(0,n.yg)("p",null,"ri-book-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-book-3-line"}),(0,n.yg)("p",null,"ri-book-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-book-3-fill"}),(0,n.yg)("p",null,"ri-book-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-book-open-line"}),(0,n.yg)("p",null,"ri-book-open-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-book-open-fill"}),(0,n.yg)("p",null,"ri-book-open-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-book-read-line"}),(0,n.yg)("p",null,"ri-book-read-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-book-read-fill"}),(0,n.yg)("p",null,"ri-book-read-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-contacts-book-line"}),(0,n.yg)("p",null,"ri-contacts-book-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-contacts-book-fill"}),(0,n.yg)("p",null,"ri-contacts-book-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-contacts-book-2-line"}),(0,n.yg)("p",null,"ri-contacts-book-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-contacts-book-2-fill"}),(0,n.yg)("p",null,"ri-contacts-book-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-contacts-book-upload-line"}),(0,n.yg)("p",null,"ri-contacts-book-upload-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-contacts-book-upload-fill"}),(0,n.yg)("p",null,"ri-contacts-book-upload-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-booklet-line"}),(0,n.yg)("p",null,"ri-booklet-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-booklet-fill"}),(0,n.yg)("p",null,"ri-booklet-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-code-line"}),(0,n.yg)("p",null,"ri-file-code-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-code-fill"}),(0,n.yg)("p",null,"ri-file-code-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-pdf-line"}),(0,n.yg)("p",null,"ri-file-pdf-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-pdf-fill"}),(0,n.yg)("p",null,"ri-file-pdf-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-word-line"}),(0,n.yg)("p",null,"ri-file-word-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-word-fill"}),(0,n.yg)("p",null,"ri-file-word-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-ppt-line"}),(0,n.yg)("p",null,"ri-file-ppt-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-ppt-fill"}),(0,n.yg)("p",null,"ri-file-ppt-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-excel-line"}),(0,n.yg)("p",null,"ri-file-excel-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-excel-fill"}),(0,n.yg)("p",null,"ri-file-excel-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-word-2-line"}),(0,n.yg)("p",null,"ri-file-word-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-word-2-fill"}),(0,n.yg)("p",null,"ri-file-word-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-ppt-2-line"}),(0,n.yg)("p",null,"ri-file-ppt-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-ppt-2-fill"}),(0,n.yg)("p",null,"ri-file-ppt-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-excel-2-line"}),(0,n.yg)("p",null,"ri-file-excel-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-excel-2-fill"}),(0,n.yg)("p",null,"ri-file-excel-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-hwp-line"}),(0,n.yg)("p",null,"ri-file-hwp-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-hwp-fill"}),(0,n.yg)("p",null,"ri-file-hwp-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-keynote-line"}),(0,n.yg)("p",null,"ri-keynote-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-keynote-fill"}),(0,n.yg)("p",null,"ri-keynote-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-numbers-line"}),(0,n.yg)("p",null,"ri-numbers-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-numbers-fill"}),(0,n.yg)("p",null,"ri-numbers-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pages-line"}),(0,n.yg)("p",null,"ri-pages-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pages-fill"}),(0,n.yg)("p",null,"ri-pages-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-search-line"}),(0,n.yg)("p",null,"ri-file-search-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-search-fill"}),(0,n.yg)("p",null,"ri-file-search-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-add-line"}),(0,n.yg)("p",null,"ri-file-add-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-add-fill"}),(0,n.yg)("p",null,"ri-file-add-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-reduce-line"}),(0,n.yg)("p",null,"ri-file-reduce-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-reduce-fill"}),(0,n.yg)("p",null,"ri-file-reduce-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-settings-line"}),(0,n.yg)("p",null,"ri-file-settings-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-settings-fill"}),(0,n.yg)("p",null,"ri-file-settings-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-upload-line"}),(0,n.yg)("p",null,"ri-file-upload-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-upload-fill"}),(0,n.yg)("p",null,"ri-file-upload-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-transfer-line"}),(0,n.yg)("p",null,"ri-file-transfer-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-transfer-fill"}),(0,n.yg)("p",null,"ri-file-transfer-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-download-line"}),(0,n.yg)("p",null,"ri-file-download-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-download-fill"}),(0,n.yg)("p",null,"ri-file-download-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-lock-line"}),(0,n.yg)("p",null,"ri-file-lock-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-lock-fill"}),(0,n.yg)("p",null,"ri-file-lock-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-chart-line"}),(0,n.yg)("p",null,"ri-file-chart-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-chart-fill"}),(0,n.yg)("p",null,"ri-file-chart-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-chart-2-line"}),(0,n.yg)("p",null,"ri-file-chart-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-chart-2-fill"}),(0,n.yg)("p",null,"ri-file-chart-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-music-line"}),(0,n.yg)("p",null,"ri-file-music-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-music-fill"}),(0,n.yg)("p",null,"ri-file-music-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-gif-line"}),(0,n.yg)("p",null,"ri-file-gif-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-gif-fill"}),(0,n.yg)("p",null,"ri-file-gif-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-forbid-line"}),(0,n.yg)("p",null,"ri-file-forbid-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-forbid-fill"}),(0,n.yg)("p",null,"ri-file-forbid-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-info-line"}),(0,n.yg)("p",null,"ri-file-info-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-info-fill"}),(0,n.yg)("p",null,"ri-file-info-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-warning-line"}),(0,n.yg)("p",null,"ri-file-warning-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-warning-fill"}),(0,n.yg)("p",null,"ri-file-warning-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-unknow-line"}),(0,n.yg)("p",null,"ri-file-unknow-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-unknow-fill"}),(0,n.yg)("p",null,"ri-file-unknow-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-user-line"}),(0,n.yg)("p",null,"ri-file-user-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-user-fill"}),(0,n.yg)("p",null,"ri-file-user-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-shield-line"}),(0,n.yg)("p",null,"ri-file-shield-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-shield-fill"}),(0,n.yg)("p",null,"ri-file-shield-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-shield-2-line"}),(0,n.yg)("p",null,"ri-file-shield-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-shield-2-fill"}),(0,n.yg)("p",null,"ri-file-shield-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-damage-line"}),(0,n.yg)("p",null,"ri-file-damage-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-damage-fill"}),(0,n.yg)("p",null,"ri-file-damage-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-history-line"}),(0,n.yg)("p",null,"ri-file-history-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-history-fill"}),(0,n.yg)("p",null,"ri-file-history-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-shred-line"}),(0,n.yg)("p",null,"ri-file-shred-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-shred-fill"}),(0,n.yg)("p",null,"ri-file-shred-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-cloud-line"}),(0,n.yg)("p",null,"ri-file-cloud-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-file-cloud-fill"}),(0,n.yg)("p",null,"ri-file-cloud-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-line"}),(0,n.yg)("p",null,"ri-folder-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-fill"}),(0,n.yg)("p",null,"ri-folder-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-2-line"}),(0,n.yg)("p",null,"ri-folder-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-2-fill"}),(0,n.yg)("p",null,"ri-folder-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-3-line"}),(0,n.yg)("p",null,"ri-folder-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-3-fill"}),(0,n.yg)("p",null,"ri-folder-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-4-line"}),(0,n.yg)("p",null,"ri-folder-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-4-fill"}),(0,n.yg)("p",null,"ri-folder-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-5-line"}),(0,n.yg)("p",null,"ri-folder-5-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-5-fill"}),(0,n.yg)("p",null,"ri-folder-5-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folders-line"}),(0,n.yg)("p",null,"ri-folders-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folders-fill"}),(0,n.yg)("p",null,"ri-folders-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-add-line"}),(0,n.yg)("p",null,"ri-folder-add-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-add-fill"}),(0,n.yg)("p",null,"ri-folder-add-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-reduce-line"}),(0,n.yg)("p",null,"ri-folder-reduce-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-reduce-fill"}),(0,n.yg)("p",null,"ri-folder-reduce-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-settings-line"}),(0,n.yg)("p",null,"ri-folder-settings-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-settings-fill"}),(0,n.yg)("p",null,"ri-folder-settings-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-upload-line"}),(0,n.yg)("p",null,"ri-folder-upload-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-upload-fill"}),(0,n.yg)("p",null,"ri-folder-upload-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-transfer-line"}),(0,n.yg)("p",null,"ri-folder-transfer-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-transfer-fill"}),(0,n.yg)("p",null,"ri-folder-transfer-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-download-line"}),(0,n.yg)("p",null,"ri-folder-download-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-download-fill"}),(0,n.yg)("p",null,"ri-folder-download-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-lock-line"}),(0,n.yg)("p",null,"ri-folder-lock-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-lock-fill"}),(0,n.yg)("p",null,"ri-folder-lock-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-chart-line"}),(0,n.yg)("p",null,"ri-folder-chart-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-chart-fill"}),(0,n.yg)("p",null,"ri-folder-chart-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-chart-2-line"}),(0,n.yg)("p",null,"ri-folder-chart-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-chart-2-fill"}),(0,n.yg)("p",null,"ri-folder-chart-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-music-line"}),(0,n.yg)("p",null,"ri-folder-music-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-music-fill"}),(0,n.yg)("p",null,"ri-folder-music-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-forbid-line"}),(0,n.yg)("p",null,"ri-folder-forbid-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-forbid-fill"}),(0,n.yg)("p",null,"ri-folder-forbid-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-info-line"}),(0,n.yg)("p",null,"ri-folder-info-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-info-fill"}),(0,n.yg)("p",null,"ri-folder-info-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-warning-line"}),(0,n.yg)("p",null,"ri-folder-warning-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-warning-fill"}),(0,n.yg)("p",null,"ri-folder-warning-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-unknow-line"}),(0,n.yg)("p",null,"ri-folder-unknow-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-unknow-fill"}),(0,n.yg)("p",null,"ri-folder-unknow-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-user-line"}),(0,n.yg)("p",null,"ri-folder-user-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-user-fill"}),(0,n.yg)("p",null,"ri-folder-user-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-shield-line"}),(0,n.yg)("p",null,"ri-folder-shield-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-shield-fill"}),(0,n.yg)("p",null,"ri-folder-shield-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-shield-2-line"}),(0,n.yg)("p",null,"ri-folder-shield-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-shield-2-fill"}),(0,n.yg)("p",null,"ri-folder-shield-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-shared-line"}),(0,n.yg)("p",null,"ri-folder-shared-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-shared-fill"}),(0,n.yg)("p",null,"ri-folder-shared-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-received-line"}),(0,n.yg)("p",null,"ri-folder-received-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-received-fill"}),(0,n.yg)("p",null,"ri-folder-received-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-open-line"}),(0,n.yg)("p",null,"ri-folder-open-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-open-fill"}),(0,n.yg)("p",null,"ri-folder-open-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-keyhole-line"}),(0,n.yg)("p",null,"ri-folder-keyhole-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-keyhole-fill"}),(0,n.yg)("p",null,"ri-folder-keyhole-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-zip-line"}),(0,n.yg)("p",null,"ri-folder-zip-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-zip-fill"}),(0,n.yg)("p",null,"ri-folder-zip-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-history-line"}),(0,n.yg)("p",null,"ri-folder-history-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-folder-history-fill"}),(0,n.yg)("p",null,"ri-folder-history-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-markdown-line"}),(0,n.yg)("p",null,"ri-markdown-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-markdown-fill"}),(0,n.yg)("p",null,"ri-markdown-fill"))))),(0,n.yg)("h3",{id:"document"},"Document")),(0,n.yg)("div",{className:"icon-type-item"},(0,n.yg)("div",{class:"icon-items"},(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bold"}),(0,n.yg)("p",null,"ri-bold")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-italic"}),(0,n.yg)("p",null,"ri-italic")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-heading"}),(0,n.yg)("p",null,"ri-heading")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-text"}),(0,n.yg)("p",null,"ri-text")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-font-color"}),(0,n.yg)("p",null,"ri-font-color")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-font-size"}),(0,n.yg)("p",null,"ri-font-size")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-font-size-2"}),(0,n.yg)("p",null,"ri-font-size-2")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-underline"}),(0,n.yg)("p",null,"ri-underline")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-emphasis"}),(0,n.yg)("p",null,"ri-emphasis")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-emphasis-cn"}),(0,n.yg)("p",null,"ri-emphasis-cn")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-strikethrough"}),(0,n.yg)("p",null,"ri-strikethrough")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-strikethrough-2"}),(0,n.yg)("p",null,"ri-strikethrough-2")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-format-clear"}),(0,n.yg)("p",null,"ri-format-clear")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-align-left"}),(0,n.yg)("p",null,"ri-align-left")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-align-center"}),(0,n.yg)("p",null,"ri-align-center")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-align-right"}),(0,n.yg)("p",null,"ri-align-right")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-align-justify"}),(0,n.yg)("p",null,"ri-align-justify")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-align-top"}),(0,n.yg)("p",null,"ri-align-top")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-align-vertically"}),(0,n.yg)("p",null,"ri-align-vertically")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-align-bottom"}),(0,n.yg)("p",null,"ri-align-bottom")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-list-check"}),(0,n.yg)("p",null,"ri-list-check")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-list-check-2"}),(0,n.yg)("p",null,"ri-list-check-2")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-list-ordered"}),(0,n.yg)("p",null,"ri-list-ordered")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-list-unordered"}),(0,n.yg)("p",null,"ri-list-unordered")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-indent-decrease"}),(0,n.yg)("p",null,"ri-indent-decrease")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-indent-increase"}),(0,n.yg)("p",null,"ri-indent-increase")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-line-height"}),(0,n.yg)("p",null,"ri-line-height")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-text-spacing"}),(0,n.yg)("p",null,"ri-text-spacing")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-text-wrap"}),(0,n.yg)("p",null,"ri-text-wrap")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-attachment-2"}),(0,n.yg)("p",null,"ri-attachment-2")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-link"}),(0,n.yg)("p",null,"ri-link")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-link-unlink"}),(0,n.yg)("p",null,"ri-link-unlink")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-link-m"}),(0,n.yg)("p",null,"ri-link-m")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-link-unlink-m"}),(0,n.yg)("p",null,"ri-link-unlink-m")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-separator"}),(0,n.yg)("p",null,"ri-separator")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-space"}),(0,n.yg)("p",null,"ri-space")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-page-separator"}),(0,n.yg)("p",null,"ri-page-separator")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-code-view"}),(0,n.yg)("p",null,"ri-code-view")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-double-quotes-l"}),(0,n.yg)("p",null,"ri-double-quotes-l")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-double-quotes-r"}),(0,n.yg)("p",null,"ri-double-quotes-r")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-single-quotes-l"}),(0,n.yg)("p",null,"ri-single-quotes-l")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-single-quotes-r"}),(0,n.yg)("p",null,"ri-single-quotes-r")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-table-2"}),(0,n.yg)("p",null,"ri-table-2")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-subscript"}),(0,n.yg)("p",null,"ri-subscript")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-subscript-2"}),(0,n.yg)("p",null,"ri-subscript-2")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-superscript"}),(0,n.yg)("p",null,"ri-superscript")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-superscript-2"}),(0,n.yg)("p",null,"ri-superscript-2")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-paragraph"}),(0,n.yg)("p",null,"ri-paragraph")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-text-direction-l"}),(0,n.yg)("p",null,"ri-text-direction-l")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-text-direction-r"}),(0,n.yg)("p",null,"ri-text-direction-r")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-functions"}),(0,n.yg)("p",null,"ri-functions")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-omega"}),(0,n.yg)("p",null,"ri-omega")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hashtag"}),(0,n.yg)("p",null,"ri-hashtag")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-asterisk"}),(0,n.yg)("p",null,"ri-asterisk")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-question-mark"}),(0,n.yg)("p",null,"ri-question-mark")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-translate"}),(0,n.yg)("p",null,"ri-translate")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-translate-2"}),(0,n.yg)("p",null,"ri-translate-2")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-a-b"}),(0,n.yg)("p",null,"ri-a-b")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-english-input"}),(0,n.yg)("p",null,"ri-english-input")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pinyin-input"}),(0,n.yg)("p",null,"ri-pinyin-input")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wubi-input"}),(0,n.yg)("p",null,"ri-wubi-input")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-input-cursor-move"}),(0,n.yg)("p",null,"ri-input-cursor-move")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-number-1"}),(0,n.yg)("p",null,"ri-number-1")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-number-2"}),(0,n.yg)("p",null,"ri-number-2")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-number-3"}),(0,n.yg)("p",null,"ri-number-3")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-number-4"}),(0,n.yg)("p",null,"ri-number-4")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-number-5"}),(0,n.yg)("p",null,"ri-number-5")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-number-6"}),(0,n.yg)("p",null,"ri-number-6")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-number-7"}),(0,n.yg)("p",null,"ri-number-7")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-number-8"}),(0,n.yg)("p",null,"ri-number-8")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-number-9"}),(0,n.yg)("p",null,"ri-number-9")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-number-0"}),(0,n.yg)("p",null,"ri-number-0")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sort-asc"}),(0,n.yg)("p",null,"ri-sort-asc")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sort-desc"}),(0,n.yg)("p",null,"ri-sort-desc")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bring-forward"}),(0,n.yg)("p",null,"ri-bring-forward")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-send-backward"}),(0,n.yg)("p",null,"ri-send-backward")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bring-to-front"}),(0,n.yg)("p",null,"ri-bring-to-front")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-send-to-back"}),(0,n.yg)("p",null,"ri-send-to-back")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-h-1"}),(0,n.yg)("p",null,"ri-h-1")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-h-2"}),(0,n.yg)("p",null,"ri-h-2")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-h-3"}),(0,n.yg)("p",null,"ri-h-3")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-h-4"}),(0,n.yg)("p",null,"ri-h-4")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-h-5"}),(0,n.yg)("p",null,"ri-h-5")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-h-6"}),(0,n.yg)("p",null,"ri-h-6")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-insert-column-left"}),(0,n.yg)("p",null,"ri-insert-column-left")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-insert-column-right"}),(0,n.yg)("p",null,"ri-insert-column-right")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-insert-row-top"}),(0,n.yg)("p",null,"ri-insert-row-top")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-insert-row-bottom"}),(0,n.yg)("p",null,"ri-insert-row-bottom")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-column"}),(0,n.yg)("p",null,"ri-delete-column")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-row"}),(0,n.yg)("p",null,"ri-delete-row")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-merge-cells-horizontal"}),(0,n.yg)("p",null,"ri-merge-cells-horizontal")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-merge-cells-vertical"}),(0,n.yg)("p",null,"ri-merge-cells-vertical")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-split-cells-horizontal"}),(0,n.yg)("p",null,"ri-split-cells-horizontal")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-split-cells-vertical"}),(0,n.yg)("p",null,"ri-split-cells-vertical")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-flow-chart"}),(0,n.yg)("p",null,"ri-flow-chart")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mind-map"}),(0,n.yg)("p",null,"ri-mind-map")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-node-tree"}),(0,n.yg)("p",null,"ri-node-tree")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-organization-chart"}),(0,n.yg)("p",null,"ri-organization-chart")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rounded-corner"}),(0,n.yg)("p",null,"ri-rounded-corner"))))),(0,n.yg)("h3",{id:"editor"},"Editor")),(0,n.yg)("div",{className:"icon-type-item"},(0,n.yg)("div",{class:"icon-items"},(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wallet-line"}),(0,n.yg)("p",null,"ri-wallet-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wallet-fill"}),(0,n.yg)("p",null,"ri-wallet-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wallet-2-line"}),(0,n.yg)("p",null,"ri-wallet-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wallet-2-fill"}),(0,n.yg)("p",null,"ri-wallet-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wallet-3-line"}),(0,n.yg)("p",null,"ri-wallet-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wallet-3-fill"}),(0,n.yg)("p",null,"ri-wallet-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bank-card-line"}),(0,n.yg)("p",null,"ri-bank-card-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bank-card-fill"}),(0,n.yg)("p",null,"ri-bank-card-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bank-card-2-line"}),(0,n.yg)("p",null,"ri-bank-card-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bank-card-2-fill"}),(0,n.yg)("p",null,"ri-bank-card-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-secure-payment-line"}),(0,n.yg)("p",null,"ri-secure-payment-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-secure-payment-fill"}),(0,n.yg)("p",null,"ri-secure-payment-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-refund-line"}),(0,n.yg)("p",null,"ri-refund-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-refund-fill"}),(0,n.yg)("p",null,"ri-refund-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-refund-2-line"}),(0,n.yg)("p",null,"ri-refund-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-refund-2-fill"}),(0,n.yg)("p",null,"ri-refund-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-safe-line"}),(0,n.yg)("p",null,"ri-safe-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-safe-fill"}),(0,n.yg)("p",null,"ri-safe-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-safe-2-line"}),(0,n.yg)("p",null,"ri-safe-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-safe-2-fill"}),(0,n.yg)("p",null,"ri-safe-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-price-tag-line"}),(0,n.yg)("p",null,"ri-price-tag-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-price-tag-fill"}),(0,n.yg)("p",null,"ri-price-tag-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-price-tag-2-line"}),(0,n.yg)("p",null,"ri-price-tag-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-price-tag-2-fill"}),(0,n.yg)("p",null,"ri-price-tag-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-price-tag-3-line"}),(0,n.yg)("p",null,"ri-price-tag-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-price-tag-3-fill"}),(0,n.yg)("p",null,"ri-price-tag-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ticket-line"}),(0,n.yg)("p",null,"ri-ticket-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ticket-fill"}),(0,n.yg)("p",null,"ri-ticket-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ticket-2-line"}),(0,n.yg)("p",null,"ri-ticket-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ticket-2-fill"}),(0,n.yg)("p",null,"ri-ticket-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-coupon-line"}),(0,n.yg)("p",null,"ri-coupon-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-coupon-fill"}),(0,n.yg)("p",null,"ri-coupon-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-coupon-2-line"}),(0,n.yg)("p",null,"ri-coupon-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-coupon-2-fill"}),(0,n.yg)("p",null,"ri-coupon-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-coupon-3-line"}),(0,n.yg)("p",null,"ri-coupon-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-coupon-3-fill"}),(0,n.yg)("p",null,"ri-coupon-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-coupon-4-line"}),(0,n.yg)("p",null,"ri-coupon-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-coupon-4-fill"}),(0,n.yg)("p",null,"ri-coupon-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-coupon-5-line"}),(0,n.yg)("p",null,"ri-coupon-5-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-coupon-5-fill"}),(0,n.yg)("p",null,"ri-coupon-5-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shopping-bag-line"}),(0,n.yg)("p",null,"ri-shopping-bag-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shopping-bag-fill"}),(0,n.yg)("p",null,"ri-shopping-bag-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shopping-bag-2-line"}),(0,n.yg)("p",null,"ri-shopping-bag-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shopping-bag-2-fill"}),(0,n.yg)("p",null,"ri-shopping-bag-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shopping-bag-3-line"}),(0,n.yg)("p",null,"ri-shopping-bag-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shopping-bag-3-fill"}),(0,n.yg)("p",null,"ri-shopping-bag-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shopping-basket-line"}),(0,n.yg)("p",null,"ri-shopping-basket-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shopping-basket-fill"}),(0,n.yg)("p",null,"ri-shopping-basket-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shopping-basket-2-line"}),(0,n.yg)("p",null,"ri-shopping-basket-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shopping-basket-2-fill"}),(0,n.yg)("p",null,"ri-shopping-basket-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shopping-cart-line"}),(0,n.yg)("p",null,"ri-shopping-cart-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shopping-cart-fill"}),(0,n.yg)("p",null,"ri-shopping-cart-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shopping-cart-2-line"}),(0,n.yg)("p",null,"ri-shopping-cart-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shopping-cart-2-fill"}),(0,n.yg)("p",null,"ri-shopping-cart-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-vip-line"}),(0,n.yg)("p",null,"ri-vip-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-vip-fill"}),(0,n.yg)("p",null,"ri-vip-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-vip-crown-line"}),(0,n.yg)("p",null,"ri-vip-crown-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-vip-crown-fill"}),(0,n.yg)("p",null,"ri-vip-crown-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-vip-crown-2-line"}),(0,n.yg)("p",null,"ri-vip-crown-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-vip-crown-2-fill"}),(0,n.yg)("p",null,"ri-vip-crown-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-vip-diamond-line"}),(0,n.yg)("p",null,"ri-vip-diamond-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-vip-diamond-fill"}),(0,n.yg)("p",null,"ri-vip-diamond-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-trophy-line"}),(0,n.yg)("p",null,"ri-trophy-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-trophy-fill"}),(0,n.yg)("p",null,"ri-trophy-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-exchange-line"}),(0,n.yg)("p",null,"ri-exchange-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-exchange-fill"}),(0,n.yg)("p",null,"ri-exchange-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-exchange-box-line"}),(0,n.yg)("p",null,"ri-exchange-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-exchange-box-fill"}),(0,n.yg)("p",null,"ri-exchange-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-swap-line"}),(0,n.yg)("p",null,"ri-swap-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-swap-fill"}),(0,n.yg)("p",null,"ri-swap-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-swap-box-line"}),(0,n.yg)("p",null,"ri-swap-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-swap-box-fill"}),(0,n.yg)("p",null,"ri-swap-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-exchange-dollar-line"}),(0,n.yg)("p",null,"ri-exchange-dollar-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-exchange-dollar-fill"}),(0,n.yg)("p",null,"ri-exchange-dollar-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-exchange-cny-line"}),(0,n.yg)("p",null,"ri-exchange-cny-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-exchange-cny-fill"}),(0,n.yg)("p",null,"ri-exchange-cny-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-exchange-funds-line"}),(0,n.yg)("p",null,"ri-exchange-funds-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-exchange-funds-fill"}),(0,n.yg)("p",null,"ri-exchange-funds-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-increase-decrease-line"}),(0,n.yg)("p",null,"ri-increase-decrease-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-increase-decrease-fill"}),(0,n.yg)("p",null,"ri-increase-decrease-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-percent-line"}),(0,n.yg)("p",null,"ri-percent-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-percent-fill"}),(0,n.yg)("p",null,"ri-percent-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-copper-coin-line"}),(0,n.yg)("p",null,"ri-copper-coin-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-copper-coin-fill"}),(0,n.yg)("p",null,"ri-copper-coin-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-copper-diamond-line"}),(0,n.yg)("p",null,"ri-copper-diamond-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-copper-diamond-fill"}),(0,n.yg)("p",null,"ri-copper-diamond-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-money-cny-box-line"}),(0,n.yg)("p",null,"ri-money-cny-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-money-cny-box-fill"}),(0,n.yg)("p",null,"ri-money-cny-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-money-cny-circle-line"}),(0,n.yg)("p",null,"ri-money-cny-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-money-cny-circle-fill"}),(0,n.yg)("p",null,"ri-money-cny-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-money-dollar-box-line"}),(0,n.yg)("p",null,"ri-money-dollar-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-money-dollar-box-fill"}),(0,n.yg)("p",null,"ri-money-dollar-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-money-dollar-circle-line"}),(0,n.yg)("p",null,"ri-money-dollar-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-money-dollar-circle-fill"}),(0,n.yg)("p",null,"ri-money-dollar-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-money-euro-box-line"}),(0,n.yg)("p",null,"ri-money-euro-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-money-euro-box-fill"}),(0,n.yg)("p",null,"ri-money-euro-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-money-euro-circle-line"}),(0,n.yg)("p",null,"ri-money-euro-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-money-euro-circle-fill"}),(0,n.yg)("p",null,"ri-money-euro-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-money-pound-box-line"}),(0,n.yg)("p",null,"ri-money-pound-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-money-pound-box-fill"}),(0,n.yg)("p",null,"ri-money-pound-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-money-pound-circle-line"}),(0,n.yg)("p",null,"ri-money-pound-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-money-pound-circle-fill"}),(0,n.yg)("p",null,"ri-money-pound-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bit-coin-line"}),(0,n.yg)("p",null,"ri-bit-coin-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bit-coin-fill"}),(0,n.yg)("p",null,"ri-bit-coin-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-coin-line"}),(0,n.yg)("p",null,"ri-coin-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-coin-fill"}),(0,n.yg)("p",null,"ri-coin-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-coins-line"}),(0,n.yg)("p",null,"ri-coins-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-coins-fill"}),(0,n.yg)("p",null,"ri-coins-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-currency-line"}),(0,n.yg)("p",null,"ri-currency-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-currency-fill"}),(0,n.yg)("p",null,"ri-currency-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-funds-line"}),(0,n.yg)("p",null,"ri-funds-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-funds-fill"}),(0,n.yg)("p",null,"ri-funds-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-funds-box-line"}),(0,n.yg)("p",null,"ri-funds-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-funds-box-fill"}),(0,n.yg)("p",null,"ri-funds-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-red-packet-line"}),(0,n.yg)("p",null,"ri-red-packet-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-red-packet-fill"}),(0,n.yg)("p",null,"ri-red-packet-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-water-flash-line"}),(0,n.yg)("p",null,"ri-water-flash-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-water-flash-fill"}),(0,n.yg)("p",null,"ri-water-flash-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-stock-line"}),(0,n.yg)("p",null,"ri-stock-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-stock-fill"}),(0,n.yg)("p",null,"ri-stock-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-auction-line"}),(0,n.yg)("p",null,"ri-auction-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-auction-fill"}),(0,n.yg)("p",null,"ri-auction-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gift-line"}),(0,n.yg)("p",null,"ri-gift-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gift-fill"}),(0,n.yg)("p",null,"ri-gift-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gift-2-line"}),(0,n.yg)("p",null,"ri-gift-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gift-2-fill"}),(0,n.yg)("p",null,"ri-gift-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hand-coin-line"}),(0,n.yg)("p",null,"ri-hand-coin-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hand-coin-fill"}),(0,n.yg)("p",null,"ri-hand-coin-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hand-heart-line"}),(0,n.yg)("p",null,"ri-hand-heart-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hand-heart-fill"}),(0,n.yg)("p",null,"ri-hand-heart-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-24-hours-line"}),(0,n.yg)("p",null,"ri-24-hours-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-24-hours-fill"}),(0,n.yg)("p",null,"ri-24-hours-fill"))))),(0,n.yg)("h3",{id:"finance"},"Finance")),(0,n.yg)("div",{className:"icon-type-item"},(0,n.yg)("div",{class:"icon-items"},(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-heart-line"}),(0,n.yg)("p",null,"ri-heart-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-heart-fill"}),(0,n.yg)("p",null,"ri-heart-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-heart-2-line"}),(0,n.yg)("p",null,"ri-heart-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-heart-2-fill"}),(0,n.yg)("p",null,"ri-heart-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-heart-3-line"}),(0,n.yg)("p",null,"ri-heart-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-heart-3-fill"}),(0,n.yg)("p",null,"ri-heart-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-heart-add-line"}),(0,n.yg)("p",null,"ri-heart-add-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-heart-add-fill"}),(0,n.yg)("p",null,"ri-heart-add-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dislike-line"}),(0,n.yg)("p",null,"ri-dislike-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dislike-fill"}),(0,n.yg)("p",null,"ri-dislike-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hearts-line"}),(0,n.yg)("p",null,"ri-hearts-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hearts-fill"}),(0,n.yg)("p",null,"ri-hearts-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-heart-pulse-line"}),(0,n.yg)("p",null,"ri-heart-pulse-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-heart-pulse-fill"}),(0,n.yg)("p",null,"ri-heart-pulse-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pulse-line"}),(0,n.yg)("p",null,"ri-pulse-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pulse-fill"}),(0,n.yg)("p",null,"ri-pulse-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-empathize-line"}),(0,n.yg)("p",null,"ri-empathize-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-empathize-fill"}),(0,n.yg)("p",null,"ri-empathize-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-nurse-line"}),(0,n.yg)("p",null,"ri-nurse-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-nurse-fill"}),(0,n.yg)("p",null,"ri-nurse-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dossier-line"}),(0,n.yg)("p",null,"ri-dossier-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dossier-fill"}),(0,n.yg)("p",null,"ri-dossier-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-health-book-line"}),(0,n.yg)("p",null,"ri-health-book-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-health-book-fill"}),(0,n.yg)("p",null,"ri-health-book-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-first-aid-kit-line"}),(0,n.yg)("p",null,"ri-first-aid-kit-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-first-aid-kit-fill"}),(0,n.yg)("p",null,"ri-first-aid-kit-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-capsule-line"}),(0,n.yg)("p",null,"ri-capsule-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-capsule-fill"}),(0,n.yg)("p",null,"ri-capsule-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-medicine-bottle-line"}),(0,n.yg)("p",null,"ri-medicine-bottle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-medicine-bottle-fill"}),(0,n.yg)("p",null,"ri-medicine-bottle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-flask-line"}),(0,n.yg)("p",null,"ri-flask-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-flask-fill"}),(0,n.yg)("p",null,"ri-flask-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-test-tube-line"}),(0,n.yg)("p",null,"ri-test-tube-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-test-tube-fill"}),(0,n.yg)("p",null,"ri-test-tube-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-microscope-line"}),(0,n.yg)("p",null,"ri-microscope-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-microscope-fill"}),(0,n.yg)("p",null,"ri-microscope-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hand-sanitizer-line"}),(0,n.yg)("p",null,"ri-hand-sanitizer-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hand-sanitizer-fill"}),(0,n.yg)("p",null,"ri-hand-sanitizer-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mental-health-line"}),(0,n.yg)("p",null,"ri-mental-health-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mental-health-fill"}),(0,n.yg)("p",null,"ri-mental-health-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-psychotherapy-line"}),(0,n.yg)("p",null,"ri-psychotherapy-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-psychotherapy-fill"}),(0,n.yg)("p",null,"ri-psychotherapy-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-stethoscope-line"}),(0,n.yg)("p",null,"ri-stethoscope-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-stethoscope-fill"}),(0,n.yg)("p",null,"ri-stethoscope-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-syringe-line"}),(0,n.yg)("p",null,"ri-syringe-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-syringe-fill"}),(0,n.yg)("p",null,"ri-syringe-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-thermometer-line"}),(0,n.yg)("p",null,"ri-thermometer-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-thermometer-fill"}),(0,n.yg)("p",null,"ri-thermometer-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-infrared-thermometer-line"}),(0,n.yg)("p",null,"ri-infrared-thermometer-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-infrared-thermometer-fill"}),(0,n.yg)("p",null,"ri-infrared-thermometer-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-surgical-mask-line"}),(0,n.yg)("p",null,"ri-surgical-mask-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-surgical-mask-fill"}),(0,n.yg)("p",null,"ri-surgical-mask-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-virus-line"}),(0,n.yg)("p",null,"ri-virus-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-virus-fill"}),(0,n.yg)("p",null,"ri-virus-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-lungs-line"}),(0,n.yg)("p",null,"ri-lungs-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-lungs-fill"}),(0,n.yg)("p",null,"ri-lungs-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rest-time-line"}),(0,n.yg)("p",null,"ri-rest-time-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rest-time-fill"}),(0,n.yg)("p",null,"ri-rest-time-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-zzz-line"}),(0,n.yg)("p",null,"ri-zzz-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-zzz-fill"}),(0,n.yg)("p",null,"ri-zzz-fill"))))),(0,n.yg)("h3",{id:"health--medical"},"Health ","&"," Medical")),(0,n.yg)("div",{className:"icon-type-item"},(0,n.yg)("div",{class:"icon-items"},(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-alipay-line"}),(0,n.yg)("p",null,"ri-alipay-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-alipay-fill"}),(0,n.yg)("p",null,"ri-alipay-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-amazon-line"}),(0,n.yg)("p",null,"ri-amazon-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-amazon-fill"}),(0,n.yg)("p",null,"ri-amazon-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-android-line"}),(0,n.yg)("p",null,"ri-android-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-android-fill"}),(0,n.yg)("p",null,"ri-android-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-angularjs-line"}),(0,n.yg)("p",null,"ri-angularjs-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-angularjs-fill"}),(0,n.yg)("p",null,"ri-angularjs-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-app-store-line"}),(0,n.yg)("p",null,"ri-app-store-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-app-store-fill"}),(0,n.yg)("p",null,"ri-app-store-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-apple-line"}),(0,n.yg)("p",null,"ri-apple-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-apple-fill"}),(0,n.yg)("p",null,"ri-apple-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-baidu-line"}),(0,n.yg)("p",null,"ri-baidu-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-baidu-fill"}),(0,n.yg)("p",null,"ri-baidu-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-behance-line"}),(0,n.yg)("p",null,"ri-behance-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-behance-fill"}),(0,n.yg)("p",null,"ri-behance-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bilibili-line"}),(0,n.yg)("p",null,"ri-bilibili-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bilibili-fill"}),(0,n.yg)("p",null,"ri-bilibili-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-centos-line"}),(0,n.yg)("p",null,"ri-centos-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-centos-fill"}),(0,n.yg)("p",null,"ri-centos-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chrome-line"}),(0,n.yg)("p",null,"ri-chrome-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-chrome-fill"}),(0,n.yg)("p",null,"ri-chrome-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-codepen-line"}),(0,n.yg)("p",null,"ri-codepen-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-codepen-fill"}),(0,n.yg)("p",null,"ri-codepen-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-coreos-line"}),(0,n.yg)("p",null,"ri-coreos-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-coreos-fill"}),(0,n.yg)("p",null,"ri-coreos-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dingding-line"}),(0,n.yg)("p",null,"ri-dingding-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dingding-fill"}),(0,n.yg)("p",null,"ri-dingding-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-discord-line"}),(0,n.yg)("p",null,"ri-discord-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-discord-fill"}),(0,n.yg)("p",null,"ri-discord-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-disqus-line"}),(0,n.yg)("p",null,"ri-disqus-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-disqus-fill"}),(0,n.yg)("p",null,"ri-disqus-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-douban-line"}),(0,n.yg)("p",null,"ri-douban-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-douban-fill"}),(0,n.yg)("p",null,"ri-douban-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dribbble-line"}),(0,n.yg)("p",null,"ri-dribbble-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dribbble-fill"}),(0,n.yg)("p",null,"ri-dribbble-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-drive-line"}),(0,n.yg)("p",null,"ri-drive-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-drive-fill"}),(0,n.yg)("p",null,"ri-drive-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dropbox-line"}),(0,n.yg)("p",null,"ri-dropbox-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dropbox-fill"}),(0,n.yg)("p",null,"ri-dropbox-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-edge-line"}),(0,n.yg)("p",null,"ri-edge-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-edge-fill"}),(0,n.yg)("p",null,"ri-edge-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-evernote-line"}),(0,n.yg)("p",null,"ri-evernote-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-evernote-fill"}),(0,n.yg)("p",null,"ri-evernote-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-facebook-line"}),(0,n.yg)("p",null,"ri-facebook-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-facebook-fill"}),(0,n.yg)("p",null,"ri-facebook-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-facebook-circle-line"}),(0,n.yg)("p",null,"ri-facebook-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-facebook-circle-fill"}),(0,n.yg)("p",null,"ri-facebook-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-facebook-box-line"}),(0,n.yg)("p",null,"ri-facebook-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-facebook-box-fill"}),(0,n.yg)("p",null,"ri-facebook-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-finder-line"}),(0,n.yg)("p",null,"ri-finder-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-finder-fill"}),(0,n.yg)("p",null,"ri-finder-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-firefox-line"}),(0,n.yg)("p",null,"ri-firefox-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-firefox-fill"}),(0,n.yg)("p",null,"ri-firefox-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-flutter-line"}),(0,n.yg)("p",null,"ri-flutter-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-flutter-fill"}),(0,n.yg)("p",null,"ri-flutter-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gatsby-line"}),(0,n.yg)("p",null,"ri-gatsby-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gatsby-fill"}),(0,n.yg)("p",null,"ri-gatsby-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-github-line"}),(0,n.yg)("p",null,"ri-github-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-github-fill"}),(0,n.yg)("p",null,"ri-github-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gitlab-line"}),(0,n.yg)("p",null,"ri-gitlab-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gitlab-fill"}),(0,n.yg)("p",null,"ri-gitlab-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-google-line"}),(0,n.yg)("p",null,"ri-google-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-google-fill"}),(0,n.yg)("p",null,"ri-google-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-google-play-line"}),(0,n.yg)("p",null,"ri-google-play-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-google-play-fill"}),(0,n.yg)("p",null,"ri-google-play-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-honor-of-kings-line"}),(0,n.yg)("p",null,"ri-honor-of-kings-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-honor-of-kings-fill"}),(0,n.yg)("p",null,"ri-honor-of-kings-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ie-line"}),(0,n.yg)("p",null,"ri-ie-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ie-fill"}),(0,n.yg)("p",null,"ri-ie-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-instagram-line"}),(0,n.yg)("p",null,"ri-instagram-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-instagram-fill"}),(0,n.yg)("p",null,"ri-instagram-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-invision-line"}),(0,n.yg)("p",null,"ri-invision-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-invision-fill"}),(0,n.yg)("p",null,"ri-invision-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-kakao-talk-line"}),(0,n.yg)("p",null,"ri-kakao-talk-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-kakao-talk-fill"}),(0,n.yg)("p",null,"ri-kakao-talk-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-line-line"}),(0,n.yg)("p",null,"ri-line-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-line-fill"}),(0,n.yg)("p",null,"ri-line-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-linkedin-line"}),(0,n.yg)("p",null,"ri-linkedin-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-linkedin-fill"}),(0,n.yg)("p",null,"ri-linkedin-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-linkedin-box-line"}),(0,n.yg)("p",null,"ri-linkedin-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-linkedin-box-fill"}),(0,n.yg)("p",null,"ri-linkedin-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mastercard-line"}),(0,n.yg)("p",null,"ri-mastercard-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mastercard-fill"}),(0,n.yg)("p",null,"ri-mastercard-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mastodon-line"}),(0,n.yg)("p",null,"ri-mastodon-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mastodon-fill"}),(0,n.yg)("p",null,"ri-mastodon-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-medium-line"}),(0,n.yg)("p",null,"ri-medium-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-medium-fill"}),(0,n.yg)("p",null,"ri-medium-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-messenger-line"}),(0,n.yg)("p",null,"ri-messenger-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-messenger-fill"}),(0,n.yg)("p",null,"ri-messenger-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-microsoft-line"}),(0,n.yg)("p",null,"ri-microsoft-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-microsoft-fill"}),(0,n.yg)("p",null,"ri-microsoft-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mini-program-line"}),(0,n.yg)("p",null,"ri-mini-program-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mini-program-fill"}),(0,n.yg)("p",null,"ri-mini-program-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-netease-cloud-music-line"}),(0,n.yg)("p",null,"ri-netease-cloud-music-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-netease-cloud-music-fill"}),(0,n.yg)("p",null,"ri-netease-cloud-music-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-netflix-line"}),(0,n.yg)("p",null,"ri-netflix-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-netflix-fill"}),(0,n.yg)("p",null,"ri-netflix-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-npmjs-line"}),(0,n.yg)("p",null,"ri-npmjs-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-npmjs-fill"}),(0,n.yg)("p",null,"ri-npmjs-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-open-source-line"}),(0,n.yg)("p",null,"ri-open-source-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-open-source-fill"}),(0,n.yg)("p",null,"ri-open-source-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-opera-line"}),(0,n.yg)("p",null,"ri-opera-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-opera-fill"}),(0,n.yg)("p",null,"ri-opera-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-patreon-line"}),(0,n.yg)("p",null,"ri-patreon-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-patreon-fill"}),(0,n.yg)("p",null,"ri-patreon-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-paypal-line"}),(0,n.yg)("p",null,"ri-paypal-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-paypal-fill"}),(0,n.yg)("p",null,"ri-paypal-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pinterest-line"}),(0,n.yg)("p",null,"ri-pinterest-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pinterest-fill"}),(0,n.yg)("p",null,"ri-pinterest-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pixelfed-line"}),(0,n.yg)("p",null,"ri-pixelfed-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pixelfed-fill"}),(0,n.yg)("p",null,"ri-pixelfed-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-playstation-line"}),(0,n.yg)("p",null,"ri-playstation-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-playstation-fill"}),(0,n.yg)("p",null,"ri-playstation-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-product-hunt-line"}),(0,n.yg)("p",null,"ri-product-hunt-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-product-hunt-fill"}),(0,n.yg)("p",null,"ri-product-hunt-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-qq-line"}),(0,n.yg)("p",null,"ri-qq-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-qq-fill"}),(0,n.yg)("p",null,"ri-qq-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-reactjs-line"}),(0,n.yg)("p",null,"ri-reactjs-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-reactjs-fill"}),(0,n.yg)("p",null,"ri-reactjs-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-reddit-line"}),(0,n.yg)("p",null,"ri-reddit-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-reddit-fill"}),(0,n.yg)("p",null,"ri-reddit-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-remixicon-line"}),(0,n.yg)("p",null,"ri-remixicon-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-remixicon-fill"}),(0,n.yg)("p",null,"ri-remixicon-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-safari-line"}),(0,n.yg)("p",null,"ri-safari-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-safari-fill"}),(0,n.yg)("p",null,"ri-safari-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-skype-line"}),(0,n.yg)("p",null,"ri-skype-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-skype-fill"}),(0,n.yg)("p",null,"ri-skype-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-slack-line"}),(0,n.yg)("p",null,"ri-slack-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-slack-fill"}),(0,n.yg)("p",null,"ri-slack-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-snapchat-line"}),(0,n.yg)("p",null,"ri-snapchat-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-snapchat-fill"}),(0,n.yg)("p",null,"ri-snapchat-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-soundcloud-line"}),(0,n.yg)("p",null,"ri-soundcloud-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-soundcloud-fill"}),(0,n.yg)("p",null,"ri-soundcloud-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-spectrum-line"}),(0,n.yg)("p",null,"ri-spectrum-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-spectrum-fill"}),(0,n.yg)("p",null,"ri-spectrum-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-spotify-line"}),(0,n.yg)("p",null,"ri-spotify-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-spotify-fill"}),(0,n.yg)("p",null,"ri-spotify-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-stack-overflow-line"}),(0,n.yg)("p",null,"ri-stack-overflow-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-stack-overflow-fill"}),(0,n.yg)("p",null,"ri-stack-overflow-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-stackshare-line"}),(0,n.yg)("p",null,"ri-stackshare-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-stackshare-fill"}),(0,n.yg)("p",null,"ri-stackshare-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-steam-line"}),(0,n.yg)("p",null,"ri-steam-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-steam-fill"}),(0,n.yg)("p",null,"ri-steam-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-switch-line"}),(0,n.yg)("p",null,"ri-switch-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-switch-fill"}),(0,n.yg)("p",null,"ri-switch-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-taobao-line"}),(0,n.yg)("p",null,"ri-taobao-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-taobao-fill"}),(0,n.yg)("p",null,"ri-taobao-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-telegram-line"}),(0,n.yg)("p",null,"ri-telegram-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-telegram-fill"}),(0,n.yg)("p",null,"ri-telegram-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-trello-line"}),(0,n.yg)("p",null,"ri-trello-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-trello-fill"}),(0,n.yg)("p",null,"ri-trello-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-tumblr-line"}),(0,n.yg)("p",null,"ri-tumblr-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-tumblr-fill"}),(0,n.yg)("p",null,"ri-tumblr-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-twitch-line"}),(0,n.yg)("p",null,"ri-twitch-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-twitch-fill"}),(0,n.yg)("p",null,"ri-twitch-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-twitter-line"}),(0,n.yg)("p",null,"ri-twitter-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-twitter-fill"}),(0,n.yg)("p",null,"ri-twitter-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ubuntu-line"}),(0,n.yg)("p",null,"ri-ubuntu-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ubuntu-fill"}),(0,n.yg)("p",null,"ri-ubuntu-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-unsplash-line"}),(0,n.yg)("p",null,"ri-unsplash-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-unsplash-fill"}),(0,n.yg)("p",null,"ri-unsplash-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-vimeo-line"}),(0,n.yg)("p",null,"ri-vimeo-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-vimeo-fill"}),(0,n.yg)("p",null,"ri-vimeo-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-visa-line"}),(0,n.yg)("p",null,"ri-visa-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-visa-fill"}),(0,n.yg)("p",null,"ri-visa-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-vuejs-line"}),(0,n.yg)("p",null,"ri-vuejs-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-vuejs-fill"}),(0,n.yg)("p",null,"ri-vuejs-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wechat-line"}),(0,n.yg)("p",null,"ri-wechat-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wechat-fill"}),(0,n.yg)("p",null,"ri-wechat-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wechat-2-line"}),(0,n.yg)("p",null,"ri-wechat-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wechat-2-fill"}),(0,n.yg)("p",null,"ri-wechat-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wechat-pay-line"}),(0,n.yg)("p",null,"ri-wechat-pay-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wechat-pay-fill"}),(0,n.yg)("p",null,"ri-wechat-pay-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-weibo-line"}),(0,n.yg)("p",null,"ri-weibo-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-weibo-fill"}),(0,n.yg)("p",null,"ri-weibo-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-whatsapp-line"}),(0,n.yg)("p",null,"ri-whatsapp-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-whatsapp-fill"}),(0,n.yg)("p",null,"ri-whatsapp-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-windows-line"}),(0,n.yg)("p",null,"ri-windows-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-windows-fill"}),(0,n.yg)("p",null,"ri-windows-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-xbox-line"}),(0,n.yg)("p",null,"ri-xbox-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-xbox-fill"}),(0,n.yg)("p",null,"ri-xbox-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-xing-line"}),(0,n.yg)("p",null,"ri-xing-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-xing-fill"}),(0,n.yg)("p",null,"ri-xing-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-youtube-line"}),(0,n.yg)("p",null,"ri-youtube-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-youtube-fill"}),(0,n.yg)("p",null,"ri-youtube-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-zcool-line"}),(0,n.yg)("p",null,"ri-zcool-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-zcool-fill"}),(0,n.yg)("p",null,"ri-zcool-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-zhihu-line"}),(0,n.yg)("p",null,"ri-zhihu-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-zhihu-fill"}),(0,n.yg)("p",null,"ri-zhihu-fill"))))),(0,n.yg)("h3",{id:"logos"},"Logos")),(0,n.yg)("div",{className:"icon-type-item"},(0,n.yg)("div",{class:"icon-items"},(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-line"}),(0,n.yg)("p",null,"ri-map-pin-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-fill"}),(0,n.yg)("p",null,"ri-map-pin-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-2-line"}),(0,n.yg)("p",null,"ri-map-pin-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-2-fill"}),(0,n.yg)("p",null,"ri-map-pin-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-3-line"}),(0,n.yg)("p",null,"ri-map-pin-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-3-fill"}),(0,n.yg)("p",null,"ri-map-pin-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-4-line"}),(0,n.yg)("p",null,"ri-map-pin-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-4-fill"}),(0,n.yg)("p",null,"ri-map-pin-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-5-line"}),(0,n.yg)("p",null,"ri-map-pin-5-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-5-fill"}),(0,n.yg)("p",null,"ri-map-pin-5-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-add-line"}),(0,n.yg)("p",null,"ri-map-pin-add-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-add-fill"}),(0,n.yg)("p",null,"ri-map-pin-add-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-range-line"}),(0,n.yg)("p",null,"ri-map-pin-range-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-range-fill"}),(0,n.yg)("p",null,"ri-map-pin-range-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-time-line"}),(0,n.yg)("p",null,"ri-map-pin-time-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-time-fill"}),(0,n.yg)("p",null,"ri-map-pin-time-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-user-line"}),(0,n.yg)("p",null,"ri-map-pin-user-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-pin-user-fill"}),(0,n.yg)("p",null,"ri-map-pin-user-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pin-distance-line"}),(0,n.yg)("p",null,"ri-pin-distance-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pin-distance-fill"}),(0,n.yg)("p",null,"ri-pin-distance-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pushpin-line"}),(0,n.yg)("p",null,"ri-pushpin-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pushpin-fill"}),(0,n.yg)("p",null,"ri-pushpin-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pushpin-2-line"}),(0,n.yg)("p",null,"ri-pushpin-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pushpin-2-fill"}),(0,n.yg)("p",null,"ri-pushpin-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-compass-line"}),(0,n.yg)("p",null,"ri-compass-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-compass-fill"}),(0,n.yg)("p",null,"ri-compass-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-compass-2-line"}),(0,n.yg)("p",null,"ri-compass-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-compass-2-fill"}),(0,n.yg)("p",null,"ri-compass-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-compass-3-line"}),(0,n.yg)("p",null,"ri-compass-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-compass-3-fill"}),(0,n.yg)("p",null,"ri-compass-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-compass-4-line"}),(0,n.yg)("p",null,"ri-compass-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-compass-4-fill"}),(0,n.yg)("p",null,"ri-compass-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-compass-discover-line"}),(0,n.yg)("p",null,"ri-compass-discover-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-compass-discover-fill"}),(0,n.yg)("p",null,"ri-compass-discover-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-anchor-line"}),(0,n.yg)("p",null,"ri-anchor-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-anchor-fill"}),(0,n.yg)("p",null,"ri-anchor-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-china-railway-line"}),(0,n.yg)("p",null,"ri-china-railway-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-china-railway-fill"}),(0,n.yg)("p",null,"ri-china-railway-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-space-ship-line"}),(0,n.yg)("p",null,"ri-space-ship-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-space-ship-fill"}),(0,n.yg)("p",null,"ri-space-ship-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rocket-line"}),(0,n.yg)("p",null,"ri-rocket-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rocket-fill"}),(0,n.yg)("p",null,"ri-rocket-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rocket-2-line"}),(0,n.yg)("p",null,"ri-rocket-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rocket-2-fill"}),(0,n.yg)("p",null,"ri-rocket-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-line"}),(0,n.yg)("p",null,"ri-map-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-fill"}),(0,n.yg)("p",null,"ri-map-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-2-line"}),(0,n.yg)("p",null,"ri-map-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-map-2-fill"}),(0,n.yg)("p",null,"ri-map-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-treasure-map-line"}),(0,n.yg)("p",null,"ri-treasure-map-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-treasure-map-fill"}),(0,n.yg)("p",null,"ri-treasure-map-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-road-map-line"}),(0,n.yg)("p",null,"ri-road-map-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-road-map-fill"}),(0,n.yg)("p",null,"ri-road-map-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-earth-line"}),(0,n.yg)("p",null,"ri-earth-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-earth-fill"}),(0,n.yg)("p",null,"ri-earth-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-globe-line"}),(0,n.yg)("p",null,"ri-globe-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-globe-fill"}),(0,n.yg)("p",null,"ri-globe-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-parking-line"}),(0,n.yg)("p",null,"ri-parking-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-parking-fill"}),(0,n.yg)("p",null,"ri-parking-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-parking-box-line"}),(0,n.yg)("p",null,"ri-parking-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-parking-box-fill"}),(0,n.yg)("p",null,"ri-parking-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-route-line"}),(0,n.yg)("p",null,"ri-route-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-route-fill"}),(0,n.yg)("p",null,"ri-route-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-guide-line"}),(0,n.yg)("p",null,"ri-guide-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-guide-fill"}),(0,n.yg)("p",null,"ri-guide-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gas-station-line"}),(0,n.yg)("p",null,"ri-gas-station-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gas-station-fill"}),(0,n.yg)("p",null,"ri-gas-station-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-charging-pile-line"}),(0,n.yg)("p",null,"ri-charging-pile-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-charging-pile-fill"}),(0,n.yg)("p",null,"ri-charging-pile-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-charging-pile-2-line"}),(0,n.yg)("p",null,"ri-charging-pile-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-charging-pile-2-fill"}),(0,n.yg)("p",null,"ri-charging-pile-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-car-line"}),(0,n.yg)("p",null,"ri-car-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-car-fill"}),(0,n.yg)("p",null,"ri-car-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-car-washing-line"}),(0,n.yg)("p",null,"ri-car-washing-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-car-washing-fill"}),(0,n.yg)("p",null,"ri-car-washing-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-roadster-line"}),(0,n.yg)("p",null,"ri-roadster-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-roadster-fill"}),(0,n.yg)("p",null,"ri-roadster-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-taxi-line"}),(0,n.yg)("p",null,"ri-taxi-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-taxi-fill"}),(0,n.yg)("p",null,"ri-taxi-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-taxi-wifi-line"}),(0,n.yg)("p",null,"ri-taxi-wifi-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-taxi-wifi-fill"}),(0,n.yg)("p",null,"ri-taxi-wifi-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-police-car-line"}),(0,n.yg)("p",null,"ri-police-car-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-police-car-fill"}),(0,n.yg)("p",null,"ri-police-car-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bus-line"}),(0,n.yg)("p",null,"ri-bus-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bus-fill"}),(0,n.yg)("p",null,"ri-bus-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bus-2-line"}),(0,n.yg)("p",null,"ri-bus-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bus-2-fill"}),(0,n.yg)("p",null,"ri-bus-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bus-wifi-line"}),(0,n.yg)("p",null,"ri-bus-wifi-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bus-wifi-fill"}),(0,n.yg)("p",null,"ri-bus-wifi-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-truck-line"}),(0,n.yg)("p",null,"ri-truck-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-truck-fill"}),(0,n.yg)("p",null,"ri-truck-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-train-line"}),(0,n.yg)("p",null,"ri-train-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-train-fill"}),(0,n.yg)("p",null,"ri-train-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-train-wifi-line"}),(0,n.yg)("p",null,"ri-train-wifi-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-train-wifi-fill"}),(0,n.yg)("p",null,"ri-train-wifi-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-subway-line"}),(0,n.yg)("p",null,"ri-subway-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-subway-fill"}),(0,n.yg)("p",null,"ri-subway-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-subway-wifi-line"}),(0,n.yg)("p",null,"ri-subway-wifi-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-subway-wifi-fill"}),(0,n.yg)("p",null,"ri-subway-wifi-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-flight-takeoff-line"}),(0,n.yg)("p",null,"ri-flight-takeoff-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-flight-takeoff-fill"}),(0,n.yg)("p",null,"ri-flight-takeoff-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-flight-land-line"}),(0,n.yg)("p",null,"ri-flight-land-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-flight-land-fill"}),(0,n.yg)("p",null,"ri-flight-land-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-plane-line"}),(0,n.yg)("p",null,"ri-plane-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-plane-fill"}),(0,n.yg)("p",null,"ri-plane-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sailboat-line"}),(0,n.yg)("p",null,"ri-sailboat-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sailboat-fill"}),(0,n.yg)("p",null,"ri-sailboat-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ship-line"}),(0,n.yg)("p",null,"ri-ship-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ship-fill"}),(0,n.yg)("p",null,"ri-ship-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ship-2-line"}),(0,n.yg)("p",null,"ri-ship-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ship-2-fill"}),(0,n.yg)("p",null,"ri-ship-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bike-line"}),(0,n.yg)("p",null,"ri-bike-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bike-fill"}),(0,n.yg)("p",null,"ri-bike-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-e-bike-line"}),(0,n.yg)("p",null,"ri-e-bike-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-e-bike-fill"}),(0,n.yg)("p",null,"ri-e-bike-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-e-bike-2-line"}),(0,n.yg)("p",null,"ri-e-bike-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-e-bike-2-fill"}),(0,n.yg)("p",null,"ri-e-bike-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-takeaway-line"}),(0,n.yg)("p",null,"ri-takeaway-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-takeaway-fill"}),(0,n.yg)("p",null,"ri-takeaway-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-motorbike-line"}),(0,n.yg)("p",null,"ri-motorbike-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-motorbike-fill"}),(0,n.yg)("p",null,"ri-motorbike-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-caravan-line"}),(0,n.yg)("p",null,"ri-caravan-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-caravan-fill"}),(0,n.yg)("p",null,"ri-caravan-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-walk-line"}),(0,n.yg)("p",null,"ri-walk-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-walk-fill"}),(0,n.yg)("p",null,"ri-walk-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-run-line"}),(0,n.yg)("p",null,"ri-run-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-run-fill"}),(0,n.yg)("p",null,"ri-run-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-riding-line"}),(0,n.yg)("p",null,"ri-riding-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-riding-fill"}),(0,n.yg)("p",null,"ri-riding-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-barricade-line"}),(0,n.yg)("p",null,"ri-barricade-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-barricade-fill"}),(0,n.yg)("p",null,"ri-barricade-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-footprint-line"}),(0,n.yg)("p",null,"ri-footprint-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-footprint-fill"}),(0,n.yg)("p",null,"ri-footprint-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-traffic-light-line"}),(0,n.yg)("p",null,"ri-traffic-light-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-traffic-light-fill"}),(0,n.yg)("p",null,"ri-traffic-light-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-signal-tower-line"}),(0,n.yg)("p",null,"ri-signal-tower-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-signal-tower-fill"}),(0,n.yg)("p",null,"ri-signal-tower-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-restaurant-line"}),(0,n.yg)("p",null,"ri-restaurant-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-restaurant-fill"}),(0,n.yg)("p",null,"ri-restaurant-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-restaurant-2-line"}),(0,n.yg)("p",null,"ri-restaurant-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-restaurant-2-fill"}),(0,n.yg)("p",null,"ri-restaurant-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cup-line"}),(0,n.yg)("p",null,"ri-cup-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cup-fill"}),(0,n.yg)("p",null,"ri-cup-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-goblet-line"}),(0,n.yg)("p",null,"ri-goblet-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-goblet-fill"}),(0,n.yg)("p",null,"ri-goblet-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hotel-bed-line"}),(0,n.yg)("p",null,"ri-hotel-bed-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hotel-bed-fill"}),(0,n.yg)("p",null,"ri-hotel-bed-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-navigation-line"}),(0,n.yg)("p",null,"ri-navigation-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-navigation-fill"}),(0,n.yg)("p",null,"ri-navigation-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-oil-line"}),(0,n.yg)("p",null,"ri-oil-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-oil-fill"}),(0,n.yg)("p",null,"ri-oil-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-direction-line"}),(0,n.yg)("p",null,"ri-direction-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-direction-fill"}),(0,n.yg)("p",null,"ri-direction-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-steering-line"}),(0,n.yg)("p",null,"ri-steering-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-steering-fill"}),(0,n.yg)("p",null,"ri-steering-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-steering-2-line"}),(0,n.yg)("p",null,"ri-steering-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-steering-2-fill"}),(0,n.yg)("p",null,"ri-steering-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-lifebuoy-line"}),(0,n.yg)("p",null,"ri-lifebuoy-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-lifebuoy-fill"}),(0,n.yg)("p",null,"ri-lifebuoy-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-passport-line"}),(0,n.yg)("p",null,"ri-passport-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-passport-fill"}),(0,n.yg)("p",null,"ri-passport-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-suitcase-line"}),(0,n.yg)("p",null,"ri-suitcase-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-suitcase-fill"}),(0,n.yg)("p",null,"ri-suitcase-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-suitcase-2-line"}),(0,n.yg)("p",null,"ri-suitcase-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-suitcase-2-fill"}),(0,n.yg)("p",null,"ri-suitcase-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-suitcase-3-line"}),(0,n.yg)("p",null,"ri-suitcase-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-suitcase-3-fill"}),(0,n.yg)("p",null,"ri-suitcase-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-luggage-deposit-line"}),(0,n.yg)("p",null,"ri-luggage-deposit-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-luggage-deposit-fill"}),(0,n.yg)("p",null,"ri-luggage-deposit-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-luggage-cart-line"}),(0,n.yg)("p",null,"ri-luggage-cart-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-luggage-cart-fill"}),(0,n.yg)("p",null,"ri-luggage-cart-fill"))))),(0,n.yg)("h3",{id:"map"},"Map")),(0,n.yg)("div",{className:"icon-type-item"},(0,n.yg)("div",{class:"icon-items"},(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-image-line"}),(0,n.yg)("p",null,"ri-image-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-image-fill"}),(0,n.yg)("p",null,"ri-image-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-image-2-line"}),(0,n.yg)("p",null,"ri-image-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-image-2-fill"}),(0,n.yg)("p",null,"ri-image-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-image-add-line"}),(0,n.yg)("p",null,"ri-image-add-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-image-add-fill"}),(0,n.yg)("p",null,"ri-image-add-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-image-edit-line"}),(0,n.yg)("p",null,"ri-image-edit-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-image-edit-fill"}),(0,n.yg)("p",null,"ri-image-edit-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-landscape-line"}),(0,n.yg)("p",null,"ri-landscape-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-landscape-fill"}),(0,n.yg)("p",null,"ri-landscape-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gallery-line"}),(0,n.yg)("p",null,"ri-gallery-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gallery-fill"}),(0,n.yg)("p",null,"ri-gallery-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gallery-upload-line"}),(0,n.yg)("p",null,"ri-gallery-upload-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-gallery-upload-fill"}),(0,n.yg)("p",null,"ri-gallery-upload-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-video-line"}),(0,n.yg)("p",null,"ri-video-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-video-fill"}),(0,n.yg)("p",null,"ri-video-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-movie-line"}),(0,n.yg)("p",null,"ri-movie-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-movie-fill"}),(0,n.yg)("p",null,"ri-movie-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-movie-2-line"}),(0,n.yg)("p",null,"ri-movie-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-movie-2-fill"}),(0,n.yg)("p",null,"ri-movie-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-film-line"}),(0,n.yg)("p",null,"ri-film-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-film-fill"}),(0,n.yg)("p",null,"ri-film-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-clapperboard-line"}),(0,n.yg)("p",null,"ri-clapperboard-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-clapperboard-fill"}),(0,n.yg)("p",null,"ri-clapperboard-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-vidicon-line"}),(0,n.yg)("p",null,"ri-vidicon-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-vidicon-fill"}),(0,n.yg)("p",null,"ri-vidicon-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-vidicon-2-line"}),(0,n.yg)("p",null,"ri-vidicon-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-vidicon-2-fill"}),(0,n.yg)("p",null,"ri-vidicon-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-live-line"}),(0,n.yg)("p",null,"ri-live-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-live-fill"}),(0,n.yg)("p",null,"ri-live-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-video-add-line"}),(0,n.yg)("p",null,"ri-video-add-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-video-add-fill"}),(0,n.yg)("p",null,"ri-video-add-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-video-upload-line"}),(0,n.yg)("p",null,"ri-video-upload-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-video-upload-fill"}),(0,n.yg)("p",null,"ri-video-upload-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-video-download-line"}),(0,n.yg)("p",null,"ri-video-download-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-video-download-fill"}),(0,n.yg)("p",null,"ri-video-download-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dv-line"}),(0,n.yg)("p",null,"ri-dv-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dv-fill"}),(0,n.yg)("p",null,"ri-dv-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-camera-line"}),(0,n.yg)("p",null,"ri-camera-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-camera-fill"}),(0,n.yg)("p",null,"ri-camera-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-camera-off-line"}),(0,n.yg)("p",null,"ri-camera-off-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-camera-off-fill"}),(0,n.yg)("p",null,"ri-camera-off-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-camera-2-line"}),(0,n.yg)("p",null,"ri-camera-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-camera-2-fill"}),(0,n.yg)("p",null,"ri-camera-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-camera-3-line"}),(0,n.yg)("p",null,"ri-camera-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-camera-3-fill"}),(0,n.yg)("p",null,"ri-camera-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-camera-lens-line"}),(0,n.yg)("p",null,"ri-camera-lens-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-camera-lens-fill"}),(0,n.yg)("p",null,"ri-camera-lens-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-camera-switch-line"}),(0,n.yg)("p",null,"ri-camera-switch-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-camera-switch-fill"}),(0,n.yg)("p",null,"ri-camera-switch-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-polaroid-line"}),(0,n.yg)("p",null,"ri-polaroid-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-polaroid-fill"}),(0,n.yg)("p",null,"ri-polaroid-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-polaroid-2-line"}),(0,n.yg)("p",null,"ri-polaroid-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-polaroid-2-fill"}),(0,n.yg)("p",null,"ri-polaroid-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-phone-camera-line"}),(0,n.yg)("p",null,"ri-phone-camera-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-phone-camera-fill"}),(0,n.yg)("p",null,"ri-phone-camera-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-webcam-line"}),(0,n.yg)("p",null,"ri-webcam-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-webcam-fill"}),(0,n.yg)("p",null,"ri-webcam-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mv-line"}),(0,n.yg)("p",null,"ri-mv-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mv-fill"}),(0,n.yg)("p",null,"ri-mv-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-music-line"}),(0,n.yg)("p",null,"ri-music-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-music-fill"}),(0,n.yg)("p",null,"ri-music-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-music-2-line"}),(0,n.yg)("p",null,"ri-music-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-music-2-fill"}),(0,n.yg)("p",null,"ri-music-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-disc-line"}),(0,n.yg)("p",null,"ri-disc-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-disc-fill"}),(0,n.yg)("p",null,"ri-disc-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-album-line"}),(0,n.yg)("p",null,"ri-album-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-album-fill"}),(0,n.yg)("p",null,"ri-album-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dvd-line"}),(0,n.yg)("p",null,"ri-dvd-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dvd-fill"}),(0,n.yg)("p",null,"ri-dvd-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-headphone-line"}),(0,n.yg)("p",null,"ri-headphone-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-headphone-fill"}),(0,n.yg)("p",null,"ri-headphone-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-radio-line"}),(0,n.yg)("p",null,"ri-radio-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-radio-fill"}),(0,n.yg)("p",null,"ri-radio-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-radio-2-line"}),(0,n.yg)("p",null,"ri-radio-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-radio-2-fill"}),(0,n.yg)("p",null,"ri-radio-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-tape-line"}),(0,n.yg)("p",null,"ri-tape-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-tape-fill"}),(0,n.yg)("p",null,"ri-tape-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mic-line"}),(0,n.yg)("p",null,"ri-mic-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mic-fill"}),(0,n.yg)("p",null,"ri-mic-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mic-2-line"}),(0,n.yg)("p",null,"ri-mic-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mic-2-fill"}),(0,n.yg)("p",null,"ri-mic-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mic-off-line"}),(0,n.yg)("p",null,"ri-mic-off-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mic-off-fill"}),(0,n.yg)("p",null,"ri-mic-off-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-volume-down-line"}),(0,n.yg)("p",null,"ri-volume-down-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-volume-down-fill"}),(0,n.yg)("p",null,"ri-volume-down-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-volume-mute-line"}),(0,n.yg)("p",null,"ri-volume-mute-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-volume-mute-fill"}),(0,n.yg)("p",null,"ri-volume-mute-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-volume-up-line"}),(0,n.yg)("p",null,"ri-volume-up-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-volume-up-fill"}),(0,n.yg)("p",null,"ri-volume-up-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-volume-vibrate-line"}),(0,n.yg)("p",null,"ri-volume-vibrate-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-volume-vibrate-fill"}),(0,n.yg)("p",null,"ri-volume-vibrate-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-volume-off-vibrate-line"}),(0,n.yg)("p",null,"ri-volume-off-vibrate-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-volume-off-vibrate-fill"}),(0,n.yg)("p",null,"ri-volume-off-vibrate-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-speaker-line"}),(0,n.yg)("p",null,"ri-speaker-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-speaker-fill"}),(0,n.yg)("p",null,"ri-speaker-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-speaker-2-line"}),(0,n.yg)("p",null,"ri-speaker-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-speaker-2-fill"}),(0,n.yg)("p",null,"ri-speaker-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-speaker-3-line"}),(0,n.yg)("p",null,"ri-speaker-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-speaker-3-fill"}),(0,n.yg)("p",null,"ri-speaker-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-surround-sound-line"}),(0,n.yg)("p",null,"ri-surround-sound-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-surround-sound-fill"}),(0,n.yg)("p",null,"ri-surround-sound-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-broadcast-line"}),(0,n.yg)("p",null,"ri-broadcast-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-broadcast-fill"}),(0,n.yg)("p",null,"ri-broadcast-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-notification-line"}),(0,n.yg)("p",null,"ri-notification-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-notification-fill"}),(0,n.yg)("p",null,"ri-notification-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-notification-2-line"}),(0,n.yg)("p",null,"ri-notification-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-notification-2-fill"}),(0,n.yg)("p",null,"ri-notification-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-notification-3-line"}),(0,n.yg)("p",null,"ri-notification-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-notification-3-fill"}),(0,n.yg)("p",null,"ri-notification-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-notification-4-line"}),(0,n.yg)("p",null,"ri-notification-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-notification-4-fill"}),(0,n.yg)("p",null,"ri-notification-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-notification-off-line"}),(0,n.yg)("p",null,"ri-notification-off-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-notification-off-fill"}),(0,n.yg)("p",null,"ri-notification-off-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-play-circle-line"}),(0,n.yg)("p",null,"ri-play-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-play-circle-fill"}),(0,n.yg)("p",null,"ri-play-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pause-circle-line"}),(0,n.yg)("p",null,"ri-pause-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pause-circle-fill"}),(0,n.yg)("p",null,"ri-pause-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-record-circle-line"}),(0,n.yg)("p",null,"ri-record-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-record-circle-fill"}),(0,n.yg)("p",null,"ri-record-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-stop-circle-line"}),(0,n.yg)("p",null,"ri-stop-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-stop-circle-fill"}),(0,n.yg)("p",null,"ri-stop-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-eject-line"}),(0,n.yg)("p",null,"ri-eject-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-eject-fill"}),(0,n.yg)("p",null,"ri-eject-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-play-line"}),(0,n.yg)("p",null,"ri-play-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-play-fill"}),(0,n.yg)("p",null,"ri-play-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pause-line"}),(0,n.yg)("p",null,"ri-pause-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pause-fill"}),(0,n.yg)("p",null,"ri-pause-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-stop-line"}),(0,n.yg)("p",null,"ri-stop-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-stop-fill"}),(0,n.yg)("p",null,"ri-stop-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rewind-line"}),(0,n.yg)("p",null,"ri-rewind-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rewind-fill"}),(0,n.yg)("p",null,"ri-rewind-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-speed-line"}),(0,n.yg)("p",null,"ri-speed-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-speed-fill"}),(0,n.yg)("p",null,"ri-speed-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-skip-back-line"}),(0,n.yg)("p",null,"ri-skip-back-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-skip-back-fill"}),(0,n.yg)("p",null,"ri-skip-back-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-skip-forward-line"}),(0,n.yg)("p",null,"ri-skip-forward-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-skip-forward-fill"}),(0,n.yg)("p",null,"ri-skip-forward-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-play-mini-line"}),(0,n.yg)("p",null,"ri-play-mini-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-play-mini-fill"}),(0,n.yg)("p",null,"ri-play-mini-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pause-mini-line"}),(0,n.yg)("p",null,"ri-pause-mini-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-pause-mini-fill"}),(0,n.yg)("p",null,"ri-pause-mini-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-stop-mini-line"}),(0,n.yg)("p",null,"ri-stop-mini-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-stop-mini-fill"}),(0,n.yg)("p",null,"ri-stop-mini-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rewind-mini-line"}),(0,n.yg)("p",null,"ri-rewind-mini-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rewind-mini-fill"}),(0,n.yg)("p",null,"ri-rewind-mini-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-speed-mini-line"}),(0,n.yg)("p",null,"ri-speed-mini-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-speed-mini-fill"}),(0,n.yg)("p",null,"ri-speed-mini-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-skip-back-mini-line"}),(0,n.yg)("p",null,"ri-skip-back-mini-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-skip-back-mini-fill"}),(0,n.yg)("p",null,"ri-skip-back-mini-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-skip-forward-mini-line"}),(0,n.yg)("p",null,"ri-skip-forward-mini-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-skip-forward-mini-fill"}),(0,n.yg)("p",null,"ri-skip-forward-mini-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-repeat-line"}),(0,n.yg)("p",null,"ri-repeat-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-repeat-fill"}),(0,n.yg)("p",null,"ri-repeat-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-repeat-2-line"}),(0,n.yg)("p",null,"ri-repeat-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-repeat-2-fill"}),(0,n.yg)("p",null,"ri-repeat-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-repeat-one-line"}),(0,n.yg)("p",null,"ri-repeat-one-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-repeat-one-fill"}),(0,n.yg)("p",null,"ri-repeat-one-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-order-play-line"}),(0,n.yg)("p",null,"ri-order-play-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-order-play-fill"}),(0,n.yg)("p",null,"ri-order-play-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shuffle-line"}),(0,n.yg)("p",null,"ri-shuffle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shuffle-fill"}),(0,n.yg)("p",null,"ri-shuffle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-play-list-line"}),(0,n.yg)("p",null,"ri-play-list-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-play-list-fill"}),(0,n.yg)("p",null,"ri-play-list-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-play-list-2-line"}),(0,n.yg)("p",null,"ri-play-list-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-play-list-2-fill"}),(0,n.yg)("p",null,"ri-play-list-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-play-list-add-line"}),(0,n.yg)("p",null,"ri-play-list-add-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-play-list-add-fill"}),(0,n.yg)("p",null,"ri-play-list-add-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-fullscreen-line"}),(0,n.yg)("p",null,"ri-fullscreen-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-fullscreen-fill"}),(0,n.yg)("p",null,"ri-fullscreen-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-fullscreen-exit-line"}),(0,n.yg)("p",null,"ri-fullscreen-exit-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-fullscreen-exit-fill"}),(0,n.yg)("p",null,"ri-fullscreen-exit-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-equalizer-line"}),(0,n.yg)("p",null,"ri-equalizer-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-equalizer-fill"}),(0,n.yg)("p",null,"ri-equalizer-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sound-module-line"}),(0,n.yg)("p",null,"ri-sound-module-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sound-module-fill"}),(0,n.yg)("p",null,"ri-sound-module-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rhythm-line"}),(0,n.yg)("p",null,"ri-rhythm-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rhythm-fill"}),(0,n.yg)("p",null,"ri-rhythm-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-voiceprint-line"}),(0,n.yg)("p",null,"ri-voiceprint-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-voiceprint-fill"}),(0,n.yg)("p",null,"ri-voiceprint-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hq-line"}),(0,n.yg)("p",null,"ri-hq-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hq-fill"}),(0,n.yg)("p",null,"ri-hq-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hd-line"}),(0,n.yg)("p",null,"ri-hd-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hd-fill"}),(0,n.yg)("p",null,"ri-hd-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-4k-line"}),(0,n.yg)("p",null,"ri-4k-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-4k-fill"}),(0,n.yg)("p",null,"ri-4k-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-closed-captioning-line"}),(0,n.yg)("p",null,"ri-closed-captioning-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-closed-captioning-fill"}),(0,n.yg)("p",null,"ri-closed-captioning-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-aspect-ratio-line"}),(0,n.yg)("p",null,"ri-aspect-ratio-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-aspect-ratio-fill"}),(0,n.yg)("p",null,"ri-aspect-ratio-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-picture-in-picture-line"}),(0,n.yg)("p",null,"ri-picture-in-picture-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-picture-in-picture-fill"}),(0,n.yg)("p",null,"ri-picture-in-picture-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-picture-in-picture-2-line"}),(0,n.yg)("p",null,"ri-picture-in-picture-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-picture-in-picture-2-fill"}),(0,n.yg)("p",null,"ri-picture-in-picture-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-picture-in-picture-exit-line"}),(0,n.yg)("p",null,"ri-picture-in-picture-exit-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-picture-in-picture-exit-fill"}),(0,n.yg)("p",null,"ri-picture-in-picture-exit-fill"))))),(0,n.yg)("h3",{id:"media"},"Media")),(0,n.yg)("div",{className:"icon-type-item"},(0,n.yg)("div",{class:"icon-items"},(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-apps-line"}),(0,n.yg)("p",null,"ri-apps-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-apps-fill"}),(0,n.yg)("p",null,"ri-apps-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-apps-2-line"}),(0,n.yg)("p",null,"ri-apps-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-apps-2-fill"}),(0,n.yg)("p",null,"ri-apps-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-function-line"}),(0,n.yg)("p",null,"ri-function-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-function-fill"}),(0,n.yg)("p",null,"ri-function-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dashboard-line"}),(0,n.yg)("p",null,"ri-dashboard-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-dashboard-fill"}),(0,n.yg)("p",null,"ri-dashboard-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-menu-line"}),(0,n.yg)("p",null,"ri-menu-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-menu-fill"}),(0,n.yg)("p",null,"ri-menu-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-menu-2-line"}),(0,n.yg)("p",null,"ri-menu-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-menu-2-fill"}),(0,n.yg)("p",null,"ri-menu-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-menu-3-line"}),(0,n.yg)("p",null,"ri-menu-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-menu-3-fill"}),(0,n.yg)("p",null,"ri-menu-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-menu-4-line"}),(0,n.yg)("p",null,"ri-menu-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-menu-4-fill"}),(0,n.yg)("p",null,"ri-menu-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-menu-5-line"}),(0,n.yg)("p",null,"ri-menu-5-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-menu-5-fill"}),(0,n.yg)("p",null,"ri-menu-5-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-menu-add-line"}),(0,n.yg)("p",null,"ri-menu-add-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-menu-add-fill"}),(0,n.yg)("p",null,"ri-menu-add-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-menu-fold-line"}),(0,n.yg)("p",null,"ri-menu-fold-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-menu-fold-fill"}),(0,n.yg)("p",null,"ri-menu-fold-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-menu-unfold-line"}),(0,n.yg)("p",null,"ri-menu-unfold-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-menu-unfold-fill"}),(0,n.yg)("p",null,"ri-menu-unfold-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-more-line"}),(0,n.yg)("p",null,"ri-more-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-more-fill"}),(0,n.yg)("p",null,"ri-more-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-more-2-line"}),(0,n.yg)("p",null,"ri-more-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-more-2-fill"}),(0,n.yg)("p",null,"ri-more-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-star-line"}),(0,n.yg)("p",null,"ri-star-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-star-fill"}),(0,n.yg)("p",null,"ri-star-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-star-s-line"}),(0,n.yg)("p",null,"ri-star-s-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-star-s-fill"}),(0,n.yg)("p",null,"ri-star-s-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-star-half-line"}),(0,n.yg)("p",null,"ri-star-half-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-star-half-fill"}),(0,n.yg)("p",null,"ri-star-half-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-star-half-s-line"}),(0,n.yg)("p",null,"ri-star-half-s-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-star-half-s-fill"}),(0,n.yg)("p",null,"ri-star-half-s-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-settings-line"}),(0,n.yg)("p",null,"ri-settings-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-settings-fill"}),(0,n.yg)("p",null,"ri-settings-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-settings-2-line"}),(0,n.yg)("p",null,"ri-settings-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-settings-2-fill"}),(0,n.yg)("p",null,"ri-settings-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-settings-3-line"}),(0,n.yg)("p",null,"ri-settings-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-settings-3-fill"}),(0,n.yg)("p",null,"ri-settings-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-settings-4-line"}),(0,n.yg)("p",null,"ri-settings-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-settings-4-fill"}),(0,n.yg)("p",null,"ri-settings-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-settings-5-line"}),(0,n.yg)("p",null,"ri-settings-5-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-settings-5-fill"}),(0,n.yg)("p",null,"ri-settings-5-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-settings-6-line"}),(0,n.yg)("p",null,"ri-settings-6-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-settings-6-fill"}),(0,n.yg)("p",null,"ri-settings-6-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-list-settings-line"}),(0,n.yg)("p",null,"ri-list-settings-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-list-settings-fill"}),(0,n.yg)("p",null,"ri-list-settings-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-forbid-line"}),(0,n.yg)("p",null,"ri-forbid-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-forbid-fill"}),(0,n.yg)("p",null,"ri-forbid-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-forbid-2-line"}),(0,n.yg)("p",null,"ri-forbid-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-forbid-2-fill"}),(0,n.yg)("p",null,"ri-forbid-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-information-line"}),(0,n.yg)("p",null,"ri-information-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-information-fill"}),(0,n.yg)("p",null,"ri-information-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-error-warning-line"}),(0,n.yg)("p",null,"ri-error-warning-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-error-warning-fill"}),(0,n.yg)("p",null,"ri-error-warning-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-question-line"}),(0,n.yg)("p",null,"ri-question-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-question-fill"}),(0,n.yg)("p",null,"ri-question-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-alert-line"}),(0,n.yg)("p",null,"ri-alert-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-alert-fill"}),(0,n.yg)("p",null,"ri-alert-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-spam-line"}),(0,n.yg)("p",null,"ri-spam-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-spam-fill"}),(0,n.yg)("p",null,"ri-spam-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-spam-2-line"}),(0,n.yg)("p",null,"ri-spam-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-spam-2-fill"}),(0,n.yg)("p",null,"ri-spam-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-spam-3-line"}),(0,n.yg)("p",null,"ri-spam-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-spam-3-fill"}),(0,n.yg)("p",null,"ri-spam-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-checkbox-blank-line"}),(0,n.yg)("p",null,"ri-checkbox-blank-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-checkbox-blank-fill"}),(0,n.yg)("p",null,"ri-checkbox-blank-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-checkbox-line"}),(0,n.yg)("p",null,"ri-checkbox-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-checkbox-fill"}),(0,n.yg)("p",null,"ri-checkbox-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-checkbox-indeterminate-line"}),(0,n.yg)("p",null,"ri-checkbox-indeterminate-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-checkbox-indeterminate-fill"}),(0,n.yg)("p",null,"ri-checkbox-indeterminate-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-add-box-line"}),(0,n.yg)("p",null,"ri-add-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-add-box-fill"}),(0,n.yg)("p",null,"ri-add-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-checkbox-blank-circle-line"}),(0,n.yg)("p",null,"ri-checkbox-blank-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-checkbox-blank-circle-fill"}),(0,n.yg)("p",null,"ri-checkbox-blank-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-checkbox-circle-line"}),(0,n.yg)("p",null,"ri-checkbox-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-checkbox-circle-fill"}),(0,n.yg)("p",null,"ri-checkbox-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-indeterminate-circle-line"}),(0,n.yg)("p",null,"ri-indeterminate-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-indeterminate-circle-fill"}),(0,n.yg)("p",null,"ri-indeterminate-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-add-circle-line"}),(0,n.yg)("p",null,"ri-add-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-add-circle-fill"}),(0,n.yg)("p",null,"ri-add-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-close-circle-line"}),(0,n.yg)("p",null,"ri-close-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-close-circle-fill"}),(0,n.yg)("p",null,"ri-close-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-radio-button-line"}),(0,n.yg)("p",null,"ri-radio-button-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-radio-button-fill"}),(0,n.yg)("p",null,"ri-radio-button-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-checkbox-multiple-blank-line"}),(0,n.yg)("p",null,"ri-checkbox-multiple-blank-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-checkbox-multiple-blank-fill"}),(0,n.yg)("p",null,"ri-checkbox-multiple-blank-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-checkbox-multiple-line"}),(0,n.yg)("p",null,"ri-checkbox-multiple-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-checkbox-multiple-fill"}),(0,n.yg)("p",null,"ri-checkbox-multiple-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-check-line"}),(0,n.yg)("p",null,"ri-check-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-check-fill"}),(0,n.yg)("p",null,"ri-check-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-check-double-line"}),(0,n.yg)("p",null,"ri-check-double-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-check-double-fill"}),(0,n.yg)("p",null,"ri-check-double-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-close-line"}),(0,n.yg)("p",null,"ri-close-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-close-fill"}),(0,n.yg)("p",null,"ri-close-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-add-line"}),(0,n.yg)("p",null,"ri-add-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-add-fill"}),(0,n.yg)("p",null,"ri-add-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-subtract-line"}),(0,n.yg)("p",null,"ri-subtract-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-subtract-fill"}),(0,n.yg)("p",null,"ri-subtract-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-divide-line"}),(0,n.yg)("p",null,"ri-divide-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-divide-fill"}),(0,n.yg)("p",null,"ri-divide-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-left-up-line"}),(0,n.yg)("p",null,"ri-arrow-left-up-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-left-up-fill"}),(0,n.yg)("p",null,"ri-arrow-left-up-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-up-line"}),(0,n.yg)("p",null,"ri-arrow-up-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-up-fill"}),(0,n.yg)("p",null,"ri-arrow-up-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-right-up-line"}),(0,n.yg)("p",null,"ri-arrow-right-up-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-right-up-fill"}),(0,n.yg)("p",null,"ri-arrow-right-up-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-right-line"}),(0,n.yg)("p",null,"ri-arrow-right-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-right-fill"}),(0,n.yg)("p",null,"ri-arrow-right-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-right-down-line"}),(0,n.yg)("p",null,"ri-arrow-right-down-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-right-down-fill"}),(0,n.yg)("p",null,"ri-arrow-right-down-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-down-line"}),(0,n.yg)("p",null,"ri-arrow-down-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-down-fill"}),(0,n.yg)("p",null,"ri-arrow-down-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-left-down-line"}),(0,n.yg)("p",null,"ri-arrow-left-down-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-left-down-fill"}),(0,n.yg)("p",null,"ri-arrow-left-down-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-left-line"}),(0,n.yg)("p",null,"ri-arrow-left-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-left-fill"}),(0,n.yg)("p",null,"ri-arrow-left-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-up-circle-line"}),(0,n.yg)("p",null,"ri-arrow-up-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-up-circle-fill"}),(0,n.yg)("p",null,"ri-arrow-up-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-right-circle-line"}),(0,n.yg)("p",null,"ri-arrow-right-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-right-circle-fill"}),(0,n.yg)("p",null,"ri-arrow-right-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-down-circle-line"}),(0,n.yg)("p",null,"ri-arrow-down-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-down-circle-fill"}),(0,n.yg)("p",null,"ri-arrow-down-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-left-circle-line"}),(0,n.yg)("p",null,"ri-arrow-left-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-left-circle-fill"}),(0,n.yg)("p",null,"ri-arrow-left-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-up-s-line"}),(0,n.yg)("p",null,"ri-arrow-up-s-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-up-s-fill"}),(0,n.yg)("p",null,"ri-arrow-up-s-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-down-s-line"}),(0,n.yg)("p",null,"ri-arrow-down-s-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-down-s-fill"}),(0,n.yg)("p",null,"ri-arrow-down-s-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-right-s-line"}),(0,n.yg)("p",null,"ri-arrow-right-s-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-right-s-fill"}),(0,n.yg)("p",null,"ri-arrow-right-s-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-left-s-line"}),(0,n.yg)("p",null,"ri-arrow-left-s-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-left-s-fill"}),(0,n.yg)("p",null,"ri-arrow-left-s-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-drop-up-line"}),(0,n.yg)("p",null,"ri-arrow-drop-up-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-drop-up-fill"}),(0,n.yg)("p",null,"ri-arrow-drop-up-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-drop-right-line"}),(0,n.yg)("p",null,"ri-arrow-drop-right-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-drop-right-fill"}),(0,n.yg)("p",null,"ri-arrow-drop-right-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-drop-down-line"}),(0,n.yg)("p",null,"ri-arrow-drop-down-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-drop-down-fill"}),(0,n.yg)("p",null,"ri-arrow-drop-down-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-drop-left-line"}),(0,n.yg)("p",null,"ri-arrow-drop-left-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-drop-left-fill"}),(0,n.yg)("p",null,"ri-arrow-drop-left-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-left-right-line"}),(0,n.yg)("p",null,"ri-arrow-left-right-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-left-right-fill"}),(0,n.yg)("p",null,"ri-arrow-left-right-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-up-down-line"}),(0,n.yg)("p",null,"ri-arrow-up-down-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-up-down-fill"}),(0,n.yg)("p",null,"ri-arrow-up-down-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-go-back-line"}),(0,n.yg)("p",null,"ri-arrow-go-back-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-go-back-fill"}),(0,n.yg)("p",null,"ri-arrow-go-back-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-go-forward-line"}),(0,n.yg)("p",null,"ri-arrow-go-forward-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-arrow-go-forward-fill"}),(0,n.yg)("p",null,"ri-arrow-go-forward-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-download-line"}),(0,n.yg)("p",null,"ri-download-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-download-fill"}),(0,n.yg)("p",null,"ri-download-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-upload-line"}),(0,n.yg)("p",null,"ri-upload-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-upload-fill"}),(0,n.yg)("p",null,"ri-upload-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-download-2-line"}),(0,n.yg)("p",null,"ri-download-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-download-2-fill"}),(0,n.yg)("p",null,"ri-download-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-upload-2-line"}),(0,n.yg)("p",null,"ri-upload-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-upload-2-fill"}),(0,n.yg)("p",null,"ri-upload-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-download-cloud-line"}),(0,n.yg)("p",null,"ri-download-cloud-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-download-cloud-fill"}),(0,n.yg)("p",null,"ri-download-cloud-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-download-cloud-2-line"}),(0,n.yg)("p",null,"ri-download-cloud-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-download-cloud-2-fill"}),(0,n.yg)("p",null,"ri-download-cloud-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-upload-cloud-line"}),(0,n.yg)("p",null,"ri-upload-cloud-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-upload-cloud-fill"}),(0,n.yg)("p",null,"ri-upload-cloud-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-upload-cloud-2-line"}),(0,n.yg)("p",null,"ri-upload-cloud-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-upload-cloud-2-fill"}),(0,n.yg)("p",null,"ri-upload-cloud-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-login-box-line"}),(0,n.yg)("p",null,"ri-login-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-login-box-fill"}),(0,n.yg)("p",null,"ri-login-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-logout-box-line"}),(0,n.yg)("p",null,"ri-logout-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-logout-box-fill"}),(0,n.yg)("p",null,"ri-logout-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-logout-box-r-line"}),(0,n.yg)("p",null,"ri-logout-box-r-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-logout-box-r-fill"}),(0,n.yg)("p",null,"ri-logout-box-r-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-login-circle-line"}),(0,n.yg)("p",null,"ri-login-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-login-circle-fill"}),(0,n.yg)("p",null,"ri-login-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-logout-circle-line"}),(0,n.yg)("p",null,"ri-logout-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-logout-circle-fill"}),(0,n.yg)("p",null,"ri-logout-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-logout-circle-r-line"}),(0,n.yg)("p",null,"ri-logout-circle-r-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-logout-circle-r-fill"}),(0,n.yg)("p",null,"ri-logout-circle-r-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-refresh-line"}),(0,n.yg)("p",null,"ri-refresh-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-refresh-fill"}),(0,n.yg)("p",null,"ri-refresh-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shield-line"}),(0,n.yg)("p",null,"ri-shield-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shield-fill"}),(0,n.yg)("p",null,"ri-shield-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shield-cross-line"}),(0,n.yg)("p",null,"ri-shield-cross-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shield-cross-fill"}),(0,n.yg)("p",null,"ri-shield-cross-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shield-flash-line"}),(0,n.yg)("p",null,"ri-shield-flash-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shield-flash-fill"}),(0,n.yg)("p",null,"ri-shield-flash-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shield-star-line"}),(0,n.yg)("p",null,"ri-shield-star-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shield-star-fill"}),(0,n.yg)("p",null,"ri-shield-star-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shield-user-line"}),(0,n.yg)("p",null,"ri-shield-user-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shield-user-fill"}),(0,n.yg)("p",null,"ri-shield-user-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shield-keyhole-line"}),(0,n.yg)("p",null,"ri-shield-keyhole-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shield-keyhole-fill"}),(0,n.yg)("p",null,"ri-shield-keyhole-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shield-check-line"}),(0,n.yg)("p",null,"ri-shield-check-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shield-check-fill"}),(0,n.yg)("p",null,"ri-shield-check-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-back-line"}),(0,n.yg)("p",null,"ri-delete-back-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-back-fill"}),(0,n.yg)("p",null,"ri-delete-back-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-back-2-line"}),(0,n.yg)("p",null,"ri-delete-back-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-back-2-fill"}),(0,n.yg)("p",null,"ri-delete-back-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-bin-line"}),(0,n.yg)("p",null,"ri-delete-bin-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-bin-fill"}),(0,n.yg)("p",null,"ri-delete-bin-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-bin-2-line"}),(0,n.yg)("p",null,"ri-delete-bin-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-bin-2-fill"}),(0,n.yg)("p",null,"ri-delete-bin-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-bin-3-line"}),(0,n.yg)("p",null,"ri-delete-bin-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-bin-3-fill"}),(0,n.yg)("p",null,"ri-delete-bin-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-bin-4-line"}),(0,n.yg)("p",null,"ri-delete-bin-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-bin-4-fill"}),(0,n.yg)("p",null,"ri-delete-bin-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-bin-5-line"}),(0,n.yg)("p",null,"ri-delete-bin-5-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-bin-5-fill"}),(0,n.yg)("p",null,"ri-delete-bin-5-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-bin-6-line"}),(0,n.yg)("p",null,"ri-delete-bin-6-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-bin-6-fill"}),(0,n.yg)("p",null,"ri-delete-bin-6-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-bin-7-line"}),(0,n.yg)("p",null,"ri-delete-bin-7-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-delete-bin-7-fill"}),(0,n.yg)("p",null,"ri-delete-bin-7-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-lock-line"}),(0,n.yg)("p",null,"ri-lock-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-lock-fill"}),(0,n.yg)("p",null,"ri-lock-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-lock-2-line"}),(0,n.yg)("p",null,"ri-lock-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-lock-2-fill"}),(0,n.yg)("p",null,"ri-lock-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-lock-password-line"}),(0,n.yg)("p",null,"ri-lock-password-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-lock-password-fill"}),(0,n.yg)("p",null,"ri-lock-password-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-lock-unlock-line"}),(0,n.yg)("p",null,"ri-lock-unlock-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-lock-unlock-fill"}),(0,n.yg)("p",null,"ri-lock-unlock-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-eye-line"}),(0,n.yg)("p",null,"ri-eye-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-eye-fill"}),(0,n.yg)("p",null,"ri-eye-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-eye-off-line"}),(0,n.yg)("p",null,"ri-eye-off-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-eye-off-fill"}),(0,n.yg)("p",null,"ri-eye-off-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-eye-2-line"}),(0,n.yg)("p",null,"ri-eye-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-eye-2-fill"}),(0,n.yg)("p",null,"ri-eye-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-eye-close-line"}),(0,n.yg)("p",null,"ri-eye-close-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-eye-close-fill"}),(0,n.yg)("p",null,"ri-eye-close-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-search-line"}),(0,n.yg)("p",null,"ri-search-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-search-fill"}),(0,n.yg)("p",null,"ri-search-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-search-2-line"}),(0,n.yg)("p",null,"ri-search-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-search-2-fill"}),(0,n.yg)("p",null,"ri-search-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-search-eye-line"}),(0,n.yg)("p",null,"ri-search-eye-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-search-eye-fill"}),(0,n.yg)("p",null,"ri-search-eye-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-zoom-in-line"}),(0,n.yg)("p",null,"ri-zoom-in-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-zoom-in-fill"}),(0,n.yg)("p",null,"ri-zoom-in-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-zoom-out-line"}),(0,n.yg)("p",null,"ri-zoom-out-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-zoom-out-fill"}),(0,n.yg)("p",null,"ri-zoom-out-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-find-replace-line"}),(0,n.yg)("p",null,"ri-find-replace-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-find-replace-fill"}),(0,n.yg)("p",null,"ri-find-replace-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-share-line"}),(0,n.yg)("p",null,"ri-share-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-share-fill"}),(0,n.yg)("p",null,"ri-share-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-share-box-line"}),(0,n.yg)("p",null,"ri-share-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-share-box-fill"}),(0,n.yg)("p",null,"ri-share-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-share-circle-line"}),(0,n.yg)("p",null,"ri-share-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-share-circle-fill"}),(0,n.yg)("p",null,"ri-share-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-share-forward-line"}),(0,n.yg)("p",null,"ri-share-forward-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-share-forward-fill"}),(0,n.yg)("p",null,"ri-share-forward-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-share-forward-2-line"}),(0,n.yg)("p",null,"ri-share-forward-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-share-forward-2-fill"}),(0,n.yg)("p",null,"ri-share-forward-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-share-forward-box-line"}),(0,n.yg)("p",null,"ri-share-forward-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-share-forward-box-fill"}),(0,n.yg)("p",null,"ri-share-forward-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-side-bar-line"}),(0,n.yg)("p",null,"ri-side-bar-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-side-bar-fill"}),(0,n.yg)("p",null,"ri-side-bar-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-time-line"}),(0,n.yg)("p",null,"ri-time-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-time-fill"}),(0,n.yg)("p",null,"ri-time-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-timer-line"}),(0,n.yg)("p",null,"ri-timer-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-timer-fill"}),(0,n.yg)("p",null,"ri-timer-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-timer-2-line"}),(0,n.yg)("p",null,"ri-timer-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-timer-2-fill"}),(0,n.yg)("p",null,"ri-timer-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-timer-flash-line"}),(0,n.yg)("p",null,"ri-timer-flash-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-timer-flash-fill"}),(0,n.yg)("p",null,"ri-timer-flash-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-alarm-line"}),(0,n.yg)("p",null,"ri-alarm-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-alarm-fill"}),(0,n.yg)("p",null,"ri-alarm-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-history-line"}),(0,n.yg)("p",null,"ri-history-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-history-fill"}),(0,n.yg)("p",null,"ri-history-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-thumb-down-line"}),(0,n.yg)("p",null,"ri-thumb-down-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-thumb-down-fill"}),(0,n.yg)("p",null,"ri-thumb-down-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-thumb-up-line"}),(0,n.yg)("p",null,"ri-thumb-up-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-thumb-up-fill"}),(0,n.yg)("p",null,"ri-thumb-up-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-alarm-warning-line"}),(0,n.yg)("p",null,"ri-alarm-warning-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-alarm-warning-fill"}),(0,n.yg)("p",null,"ri-alarm-warning-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-notification-badge-line"}),(0,n.yg)("p",null,"ri-notification-badge-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-notification-badge-fill"}),(0,n.yg)("p",null,"ri-notification-badge-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-toggle-line"}),(0,n.yg)("p",null,"ri-toggle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-toggle-fill"}),(0,n.yg)("p",null,"ri-toggle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-filter-line"}),(0,n.yg)("p",null,"ri-filter-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-filter-fill"}),(0,n.yg)("p",null,"ri-filter-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-filter-2-line"}),(0,n.yg)("p",null,"ri-filter-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-filter-2-fill"}),(0,n.yg)("p",null,"ri-filter-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-filter-3-line"}),(0,n.yg)("p",null,"ri-filter-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-filter-3-fill"}),(0,n.yg)("p",null,"ri-filter-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-filter-off-line"}),(0,n.yg)("p",null,"ri-filter-off-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-filter-off-fill"}),(0,n.yg)("p",null,"ri-filter-off-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-loader-line"}),(0,n.yg)("p",null,"ri-loader-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-loader-fill"}),(0,n.yg)("p",null,"ri-loader-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-loader-2-line"}),(0,n.yg)("p",null,"ri-loader-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-loader-2-fill"}),(0,n.yg)("p",null,"ri-loader-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-loader-3-line"}),(0,n.yg)("p",null,"ri-loader-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-loader-3-fill"}),(0,n.yg)("p",null,"ri-loader-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-loader-4-line"}),(0,n.yg)("p",null,"ri-loader-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-loader-4-fill"}),(0,n.yg)("p",null,"ri-loader-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-loader-5-line"}),(0,n.yg)("p",null,"ri-loader-5-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-loader-5-fill"}),(0,n.yg)("p",null,"ri-loader-5-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-external-link-line"}),(0,n.yg)("p",null,"ri-external-link-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-external-link-fill"}),(0,n.yg)("p",null,"ri-external-link-fill"))))),(0,n.yg)("h3",{id:"system"},"System")),(0,n.yg)("div",{className:"icon-type-item"},(0,n.yg)("div",{class:"icon-items"},(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-line"}),(0,n.yg)("p",null,"ri-user-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-fill"}),(0,n.yg)("p",null,"ri-user-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-2-line"}),(0,n.yg)("p",null,"ri-user-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-2-fill"}),(0,n.yg)("p",null,"ri-user-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-3-line"}),(0,n.yg)("p",null,"ri-user-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-3-fill"}),(0,n.yg)("p",null,"ri-user-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-4-line"}),(0,n.yg)("p",null,"ri-user-4-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-4-fill"}),(0,n.yg)("p",null,"ri-user-4-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-5-line"}),(0,n.yg)("p",null,"ri-user-5-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-5-fill"}),(0,n.yg)("p",null,"ri-user-5-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-6-line"}),(0,n.yg)("p",null,"ri-user-6-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-6-fill"}),(0,n.yg)("p",null,"ri-user-6-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-smile-line"}),(0,n.yg)("p",null,"ri-user-smile-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-smile-fill"}),(0,n.yg)("p",null,"ri-user-smile-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-account-box-line"}),(0,n.yg)("p",null,"ri-account-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-account-box-fill"}),(0,n.yg)("p",null,"ri-account-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-account-circle-line"}),(0,n.yg)("p",null,"ri-account-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-account-circle-fill"}),(0,n.yg)("p",null,"ri-account-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-account-pin-box-line"}),(0,n.yg)("p",null,"ri-account-pin-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-account-pin-box-fill"}),(0,n.yg)("p",null,"ri-account-pin-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-account-pin-circle-line"}),(0,n.yg)("p",null,"ri-account-pin-circle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-account-pin-circle-fill"}),(0,n.yg)("p",null,"ri-account-pin-circle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-add-line"}),(0,n.yg)("p",null,"ri-user-add-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-add-fill"}),(0,n.yg)("p",null,"ri-user-add-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-follow-line"}),(0,n.yg)("p",null,"ri-user-follow-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-follow-fill"}),(0,n.yg)("p",null,"ri-user-follow-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-unfollow-line"}),(0,n.yg)("p",null,"ri-user-unfollow-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-unfollow-fill"}),(0,n.yg)("p",null,"ri-user-unfollow-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-shared-line"}),(0,n.yg)("p",null,"ri-user-shared-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-shared-fill"}),(0,n.yg)("p",null,"ri-user-shared-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-shared-2-line"}),(0,n.yg)("p",null,"ri-user-shared-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-shared-2-fill"}),(0,n.yg)("p",null,"ri-user-shared-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-received-line"}),(0,n.yg)("p",null,"ri-user-received-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-received-fill"}),(0,n.yg)("p",null,"ri-user-received-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-received-2-line"}),(0,n.yg)("p",null,"ri-user-received-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-received-2-fill"}),(0,n.yg)("p",null,"ri-user-received-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-location-line"}),(0,n.yg)("p",null,"ri-user-location-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-location-fill"}),(0,n.yg)("p",null,"ri-user-location-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-search-line"}),(0,n.yg)("p",null,"ri-user-search-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-search-fill"}),(0,n.yg)("p",null,"ri-user-search-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-settings-line"}),(0,n.yg)("p",null,"ri-user-settings-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-settings-fill"}),(0,n.yg)("p",null,"ri-user-settings-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-star-line"}),(0,n.yg)("p",null,"ri-user-star-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-star-fill"}),(0,n.yg)("p",null,"ri-user-star-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-heart-line"}),(0,n.yg)("p",null,"ri-user-heart-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-heart-fill"}),(0,n.yg)("p",null,"ri-user-heart-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-admin-line"}),(0,n.yg)("p",null,"ri-admin-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-admin-fill"}),(0,n.yg)("p",null,"ri-admin-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-contacts-line"}),(0,n.yg)("p",null,"ri-contacts-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-contacts-fill"}),(0,n.yg)("p",null,"ri-contacts-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-group-line"}),(0,n.yg)("p",null,"ri-group-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-group-fill"}),(0,n.yg)("p",null,"ri-group-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-group-2-line"}),(0,n.yg)("p",null,"ri-group-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-group-2-fill"}),(0,n.yg)("p",null,"ri-group-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-team-line"}),(0,n.yg)("p",null,"ri-team-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-team-fill"}),(0,n.yg)("p",null,"ri-team-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-voice-line"}),(0,n.yg)("p",null,"ri-user-voice-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-user-voice-fill"}),(0,n.yg)("p",null,"ri-user-voice-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-emotion-line"}),(0,n.yg)("p",null,"ri-emotion-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-emotion-fill"}),(0,n.yg)("p",null,"ri-emotion-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-emotion-2-line"}),(0,n.yg)("p",null,"ri-emotion-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-emotion-2-fill"}),(0,n.yg)("p",null,"ri-emotion-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-emotion-happy-line"}),(0,n.yg)("p",null,"ri-emotion-happy-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-emotion-happy-fill"}),(0,n.yg)("p",null,"ri-emotion-happy-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-emotion-normal-line"}),(0,n.yg)("p",null,"ri-emotion-normal-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-emotion-normal-fill"}),(0,n.yg)("p",null,"ri-emotion-normal-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-emotion-unhappy-line"}),(0,n.yg)("p",null,"ri-emotion-unhappy-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-emotion-unhappy-fill"}),(0,n.yg)("p",null,"ri-emotion-unhappy-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-emotion-laugh-line"}),(0,n.yg)("p",null,"ri-emotion-laugh-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-emotion-laugh-fill"}),(0,n.yg)("p",null,"ri-emotion-laugh-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-emotion-sad-line"}),(0,n.yg)("p",null,"ri-emotion-sad-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-emotion-sad-fill"}),(0,n.yg)("p",null,"ri-emotion-sad-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-skull-line"}),(0,n.yg)("p",null,"ri-skull-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-skull-fill"}),(0,n.yg)("p",null,"ri-skull-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-skull-2-line"}),(0,n.yg)("p",null,"ri-skull-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-skull-2-fill"}),(0,n.yg)("p",null,"ri-skull-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-men-line"}),(0,n.yg)("p",null,"ri-men-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-men-fill"}),(0,n.yg)("p",null,"ri-men-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-women-line"}),(0,n.yg)("p",null,"ri-women-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-women-fill"}),(0,n.yg)("p",null,"ri-women-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-travesti-line"}),(0,n.yg)("p",null,"ri-travesti-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-travesti-fill"}),(0,n.yg)("p",null,"ri-travesti-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-genderless-line"}),(0,n.yg)("p",null,"ri-genderless-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-genderless-fill"}),(0,n.yg)("p",null,"ri-genderless-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-open-arm-line"}),(0,n.yg)("p",null,"ri-open-arm-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-open-arm-fill"}),(0,n.yg)("p",null,"ri-open-arm-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-body-scan-line"}),(0,n.yg)("p",null,"ri-body-scan-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-body-scan-fill"}),(0,n.yg)("p",null,"ri-body-scan-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-parent-line"}),(0,n.yg)("p",null,"ri-parent-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-parent-fill"}),(0,n.yg)("p",null,"ri-parent-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-robot-line"}),(0,n.yg)("p",null,"ri-robot-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-robot-fill"}),(0,n.yg)("p",null,"ri-robot-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-aliens-line"}),(0,n.yg)("p",null,"ri-aliens-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-aliens-fill"}),(0,n.yg)("p",null,"ri-aliens-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bear-smile-line"}),(0,n.yg)("p",null,"ri-bear-smile-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bear-smile-fill"}),(0,n.yg)("p",null,"ri-bear-smile-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mickey-line"}),(0,n.yg)("p",null,"ri-mickey-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mickey-fill"}),(0,n.yg)("p",null,"ri-mickey-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-criminal-line"}),(0,n.yg)("p",null,"ri-criminal-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-criminal-fill"}),(0,n.yg)("p",null,"ri-criminal-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ghost-line"}),(0,n.yg)("p",null,"ri-ghost-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ghost-fill"}),(0,n.yg)("p",null,"ri-ghost-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ghost-2-line"}),(0,n.yg)("p",null,"ri-ghost-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ghost-2-fill"}),(0,n.yg)("p",null,"ri-ghost-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ghost-smile-line"}),(0,n.yg)("p",null,"ri-ghost-smile-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ghost-smile-fill"}),(0,n.yg)("p",null,"ri-ghost-smile-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-star-smile-line"}),(0,n.yg)("p",null,"ri-star-smile-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-star-smile-fill"}),(0,n.yg)("p",null,"ri-star-smile-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-spy-line"}),(0,n.yg)("p",null,"ri-spy-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-spy-fill"}),(0,n.yg)("p",null,"ri-spy-fill"))))),(0,n.yg)("h3",{id:"user--faces"},"User ","&"," Faces")),(0,n.yg)("div",{className:"icon-type-item"},(0,n.yg)("div",{class:"icon-items"},(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sun-line"}),(0,n.yg)("p",null,"ri-sun-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sun-fill"}),(0,n.yg)("p",null,"ri-sun-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-moon-line"}),(0,n.yg)("p",null,"ri-moon-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-moon-fill"}),(0,n.yg)("p",null,"ri-moon-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-flashlight-line"}),(0,n.yg)("p",null,"ri-flashlight-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-flashlight-fill"}),(0,n.yg)("p",null,"ri-flashlight-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cloudy-line"}),(0,n.yg)("p",null,"ri-cloudy-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cloudy-fill"}),(0,n.yg)("p",null,"ri-cloudy-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cloudy-2-line"}),(0,n.yg)("p",null,"ri-cloudy-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cloudy-2-fill"}),(0,n.yg)("p",null,"ri-cloudy-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mist-line"}),(0,n.yg)("p",null,"ri-mist-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-mist-fill"}),(0,n.yg)("p",null,"ri-mist-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-foggy-line"}),(0,n.yg)("p",null,"ri-foggy-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-foggy-fill"}),(0,n.yg)("p",null,"ri-foggy-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cloud-windy-line"}),(0,n.yg)("p",null,"ri-cloud-windy-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cloud-windy-fill"}),(0,n.yg)("p",null,"ri-cloud-windy-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-windy-line"}),(0,n.yg)("p",null,"ri-windy-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-windy-fill"}),(0,n.yg)("p",null,"ri-windy-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rainy-line"}),(0,n.yg)("p",null,"ri-rainy-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rainy-fill"}),(0,n.yg)("p",null,"ri-rainy-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-drizzle-line"}),(0,n.yg)("p",null,"ri-drizzle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-drizzle-fill"}),(0,n.yg)("p",null,"ri-drizzle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-showers-line"}),(0,n.yg)("p",null,"ri-showers-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-showers-fill"}),(0,n.yg)("p",null,"ri-showers-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-heavy-showers-line"}),(0,n.yg)("p",null,"ri-heavy-showers-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-heavy-showers-fill"}),(0,n.yg)("p",null,"ri-heavy-showers-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-thunderstorms-line"}),(0,n.yg)("p",null,"ri-thunderstorms-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-thunderstorms-fill"}),(0,n.yg)("p",null,"ri-thunderstorms-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hail-line"}),(0,n.yg)("p",null,"ri-hail-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-hail-fill"}),(0,n.yg)("p",null,"ri-hail-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-snowy-line"}),(0,n.yg)("p",null,"ri-snowy-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-snowy-fill"}),(0,n.yg)("p",null,"ri-snowy-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sun-cloudy-line"}),(0,n.yg)("p",null,"ri-sun-cloudy-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sun-cloudy-fill"}),(0,n.yg)("p",null,"ri-sun-cloudy-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-moon-cloudy-line"}),(0,n.yg)("p",null,"ri-moon-cloudy-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-moon-cloudy-fill"}),(0,n.yg)("p",null,"ri-moon-cloudy-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-tornado-line"}),(0,n.yg)("p",null,"ri-tornado-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-tornado-fill"}),(0,n.yg)("p",null,"ri-tornado-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-typhoon-line"}),(0,n.yg)("p",null,"ri-typhoon-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-typhoon-fill"}),(0,n.yg)("p",null,"ri-typhoon-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-haze-line"}),(0,n.yg)("p",null,"ri-haze-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-haze-fill"}),(0,n.yg)("p",null,"ri-haze-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-haze-2-line"}),(0,n.yg)("p",null,"ri-haze-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-haze-2-fill"}),(0,n.yg)("p",null,"ri-haze-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sun-foggy-line"}),(0,n.yg)("p",null,"ri-sun-foggy-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sun-foggy-fill"}),(0,n.yg)("p",null,"ri-sun-foggy-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-moon-foggy-line"}),(0,n.yg)("p",null,"ri-moon-foggy-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-moon-foggy-fill"}),(0,n.yg)("p",null,"ri-moon-foggy-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-moon-clear-line"}),(0,n.yg)("p",null,"ri-moon-clear-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-moon-clear-fill"}),(0,n.yg)("p",null,"ri-moon-clear-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-temp-hot-line"}),(0,n.yg)("p",null,"ri-temp-hot-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-temp-hot-fill"}),(0,n.yg)("p",null,"ri-temp-hot-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-temp-cold-line"}),(0,n.yg)("p",null,"ri-temp-cold-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-temp-cold-fill"}),(0,n.yg)("p",null,"ri-temp-cold-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-celsius-line"}),(0,n.yg)("p",null,"ri-celsius-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-celsius-fill"}),(0,n.yg)("p",null,"ri-celsius-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-fahrenheit-line"}),(0,n.yg)("p",null,"ri-fahrenheit-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-fahrenheit-fill"}),(0,n.yg)("p",null,"ri-fahrenheit-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-fire-line"}),(0,n.yg)("p",null,"ri-fire-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-fire-fill"}),(0,n.yg)("p",null,"ri-fire-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-blaze-line"}),(0,n.yg)("p",null,"ri-blaze-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-blaze-fill"}),(0,n.yg)("p",null,"ri-blaze-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-earthquake-line"}),(0,n.yg)("p",null,"ri-earthquake-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-earthquake-fill"}),(0,n.yg)("p",null,"ri-earthquake-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-flood-line"}),(0,n.yg)("p",null,"ri-flood-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-flood-fill"}),(0,n.yg)("p",null,"ri-flood-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-meteor-line"}),(0,n.yg)("p",null,"ri-meteor-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-meteor-fill"}),(0,n.yg)("p",null,"ri-meteor-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rainbow-line"}),(0,n.yg)("p",null,"ri-rainbow-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-rainbow-fill"}),(0,n.yg)("p",null,"ri-rainbow-fill"))))),(0,n.yg)("h3",{id:"weather"},"Weather")),(0,n.yg)("div",{className:"icon-type-item"},(0,n.yg)("div",{class:"icon-items"},(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-basketball-line"}),(0,n.yg)("p",null,"ri-basketball-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-basketball-fill"}),(0,n.yg)("p",null,"ri-basketball-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bell-line"}),(0,n.yg)("p",null,"ri-bell-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-bell-fill"}),(0,n.yg)("p",null,"ri-bell-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-billiards-line"}),(0,n.yg)("p",null,"ri-billiards-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-billiards-fill"}),(0,n.yg)("p",null,"ri-billiards-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-boxing-line"}),(0,n.yg)("p",null,"ri-boxing-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-boxing-fill"}),(0,n.yg)("p",null,"ri-boxing-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cake-line"}),(0,n.yg)("p",null,"ri-cake-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cake-fill"}),(0,n.yg)("p",null,"ri-cake-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cake-2-line"}),(0,n.yg)("p",null,"ri-cake-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cake-2-fill"}),(0,n.yg)("p",null,"ri-cake-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cake-3-line"}),(0,n.yg)("p",null,"ri-cake-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cake-3-fill"}),(0,n.yg)("p",null,"ri-cake-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-door-lock-line"}),(0,n.yg)("p",null,"ri-door-lock-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-door-lock-fill"}),(0,n.yg)("p",null,"ri-door-lock-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-door-lock-box-line"}),(0,n.yg)("p",null,"ri-door-lock-box-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-door-lock-box-fill"}),(0,n.yg)("p",null,"ri-door-lock-box-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-football-line"}),(0,n.yg)("p",null,"ri-football-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-football-fill"}),(0,n.yg)("p",null,"ri-football-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-game-line"}),(0,n.yg)("p",null,"ri-game-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-game-fill"}),(0,n.yg)("p",null,"ri-game-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-handbag-line"}),(0,n.yg)("p",null,"ri-handbag-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-handbag-fill"}),(0,n.yg)("p",null,"ri-handbag-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-key-line"}),(0,n.yg)("p",null,"ri-key-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-key-fill"}),(0,n.yg)("p",null,"ri-key-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-key-2-line"}),(0,n.yg)("p",null,"ri-key-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-key-2-fill"}),(0,n.yg)("p",null,"ri-key-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-knife-line"}),(0,n.yg)("p",null,"ri-knife-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-knife-fill"}),(0,n.yg)("p",null,"ri-knife-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-knife-blood-line"}),(0,n.yg)("p",null,"ri-knife-blood-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-knife-blood-fill"}),(0,n.yg)("p",null,"ri-knife-blood-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-lightbulb-line"}),(0,n.yg)("p",null,"ri-lightbulb-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-lightbulb-fill"}),(0,n.yg)("p",null,"ri-lightbulb-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-lightbulb-flash-line"}),(0,n.yg)("p",null,"ri-lightbulb-flash-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-lightbulb-flash-fill"}),(0,n.yg)("p",null,"ri-lightbulb-flash-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-outlet-line"}),(0,n.yg)("p",null,"ri-outlet-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-outlet-fill"}),(0,n.yg)("p",null,"ri-outlet-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-outlet-2-line"}),(0,n.yg)("p",null,"ri-outlet-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-outlet-2-fill"}),(0,n.yg)("p",null,"ri-outlet-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ping-pong-line"}),(0,n.yg)("p",null,"ri-ping-pong-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-ping-pong-fill"}),(0,n.yg)("p",null,"ri-ping-pong-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-plug-line"}),(0,n.yg)("p",null,"ri-plug-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-plug-fill"}),(0,n.yg)("p",null,"ri-plug-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-plug-2-line"}),(0,n.yg)("p",null,"ri-plug-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-plug-2-fill"}),(0,n.yg)("p",null,"ri-plug-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-reserved-line"}),(0,n.yg)("p",null,"ri-reserved-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-reserved-fill"}),(0,n.yg)("p",null,"ri-reserved-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shirt-line"}),(0,n.yg)("p",null,"ri-shirt-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-shirt-fill"}),(0,n.yg)("p",null,"ri-shirt-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sword-line"}),(0,n.yg)("p",null,"ri-sword-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-sword-fill"}),(0,n.yg)("p",null,"ri-sword-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-t-shirt-line"}),(0,n.yg)("p",null,"ri-t-shirt-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-t-shirt-fill"}),(0,n.yg)("p",null,"ri-t-shirt-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-t-shirt-2-line"}),(0,n.yg)("p",null,"ri-t-shirt-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-t-shirt-2-fill"}),(0,n.yg)("p",null,"ri-t-shirt-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-t-shirt-air-line"}),(0,n.yg)("p",null,"ri-t-shirt-air-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-t-shirt-air-fill"}),(0,n.yg)("p",null,"ri-t-shirt-air-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-umbrella-line"}),(0,n.yg)("p",null,"ri-umbrella-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-umbrella-fill"}),(0,n.yg)("p",null,"ri-umbrella-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-character-recognition-line"}),(0,n.yg)("p",null,"ri-character-recognition-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-character-recognition-fill"}),(0,n.yg)("p",null,"ri-character-recognition-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-voice-recognition-line"}),(0,n.yg)("p",null,"ri-voice-recognition-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-voice-recognition-fill"}),(0,n.yg)("p",null,"ri-voice-recognition-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-leaf-line"}),(0,n.yg)("p",null,"ri-leaf-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-leaf-fill"}),(0,n.yg)("p",null,"ri-leaf-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-plant-line"}),(0,n.yg)("p",null,"ri-plant-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-plant-fill"}),(0,n.yg)("p",null,"ri-plant-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-seedling-line"}),(0,n.yg)("p",null,"ri-seedling-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-seedling-fill"}),(0,n.yg)("p",null,"ri-seedling-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-recycle-line"}),(0,n.yg)("p",null,"ri-recycle-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-recycle-fill"}),(0,n.yg)("p",null,"ri-recycle-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-scales-line"}),(0,n.yg)("p",null,"ri-scales-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-scales-fill"}),(0,n.yg)("p",null,"ri-scales-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-scales-2-line"}),(0,n.yg)("p",null,"ri-scales-2-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-scales-2-fill"}),(0,n.yg)("p",null,"ri-scales-2-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-scales-3-line"}),(0,n.yg)("p",null,"ri-scales-3-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-scales-3-fill"}),(0,n.yg)("p",null,"ri-scales-3-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-fridge-line"}),(0,n.yg)("p",null,"ri-fridge-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-fridge-fill"}),(0,n.yg)("p",null,"ri-fridge-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wheelchair-line"}),(0,n.yg)("p",null,"ri-wheelchair-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-wheelchair-fill"}),(0,n.yg)("p",null,"ri-wheelchair-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cactus-line"}),(0,n.yg)("p",null,"ri-cactus-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-cactus-fill"}),(0,n.yg)("p",null,"ri-cactus-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-door-line"}),(0,n.yg)("p",null,"ri-door-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-door-fill"}),(0,n.yg)("p",null,"ri-door-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-door-open-line"}),(0,n.yg)("p",null,"ri-door-open-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-door-open-fill"}),(0,n.yg)("p",null,"ri-door-open-fill")))),(0,n.yg)("div",{class:"icon-item-group"},(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-door-closed-line"}),(0,n.yg)("p",null,"ri-door-closed-line"))),(0,n.yg)("div",{class:"icon-item"},(0,n.yg)("i",{class:"red-dot"}),(0,n.yg)("div",{class:"icon-info"},(0,n.yg)("i",{class:"ri-door-closed-fill"}),(0,n.yg)("p",null,"ri-door-closed-fill"))))),(0,n.yg)("h3",{id:"others"},"Others"))))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/4442ee2e.51f99e28.js b/docs/assets/js/4442ee2e.51f99e28.js deleted file mode 100644 index bdd0d870c4..0000000000 --- a/docs/assets/js/4442ee2e.51f99e28.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[952],{3905:(i,l,s)=>{s.d(l,{Zo:()=>r,kt:()=>p});var t=s(7294);function c(i,l,s){return l in i?Object.defineProperty(i,l,{value:s,enumerable:!0,configurable:!0,writable:!0}):i[l]=s,i}function n(i,l){var s=Object.keys(i);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(i);l&&(t=t.filter((function(l){return Object.getOwnPropertyDescriptor(i,l).enumerable}))),s.push.apply(s,t)}return s}function o(i){for(var l=1;l=0||(c[s]=i[s]);return c}(i,l);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(i);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(i,s)&&(c[s]=i[s])}return c}var k=t.createContext({}),e=function(i){var l=t.useContext(k),s=l;return i&&(s="function"==typeof i?i(l):o(o({},l),i)),s},r=function(i){var l=e(i.components);return t.createElement(k.Provider,{value:l},i.children)},d="mdxType",v={inlineCode:"code",wrapper:function(i){var l=i.children;return t.createElement(t.Fragment,{},l)}},f=t.forwardRef((function(i,l){var s=i.components,c=i.mdxType,n=i.originalType,k=i.parentName,r=a(i,["components","mdxType","originalType","parentName"]),d=e(s),f=c,p=d["".concat(k,".").concat(f)]||d[f]||v[f]||n;return s?t.createElement(p,o(o({ref:l},r),{},{components:s})):t.createElement(p,o({ref:l},r))}));function p(i,l){var s=arguments,c=l&&l.mdxType;if("string"==typeof i||c){var n=s.length,o=new Array(n);o[0]=f;var a={};for(var k in l)hasOwnProperty.call(l,k)&&(a[k]=l[k]);a.originalType=i,a[d]="string"==typeof i?i:c,o[1]=a;for(var e=2;e{s.r(l),s.d(l,{contentTitle:()=>o,default:()=>d,frontMatter:()=>n,metadata:()=>a,toc:()=>k});var t=s(7462),c=(s(7294),s(3905));const n={title:"Iconography",description:"",order:5},o=void 0,a={unversionedId:"webdev/Guidelines/iconography",id:"webdev/Guidelines/iconography",title:"Iconography",description:"",source:"@site/docs/webdev/3-Guidelines/4-iconography.mdx",sourceDirName:"webdev/3-Guidelines",slug:"/webdev/Guidelines/iconography",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/iconography",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/3-Guidelines/4-iconography.mdx",tags:[],version:"current",sidebarPosition:4,frontMatter:{title:"Iconography",description:"",order:5},sidebar:"sidebar",previous:{title:"Use of images",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/images"},next:{title:"Spacing",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/spacing"}},k=[{value:"Grids",id:"grids",children:[],level:3},{value:"Strokes and fills",id:"strokes-and-fills",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3},{value:"Icon set",id:"icon-set",children:[{value:"Buildings",id:"buildings",children:[],level:3},{value:"Business",id:"business",children:[],level:3},{value:"Communication",id:"communication",children:[],level:3},{value:"Design",id:"design",children:[],level:3},{value:"Development",id:"development",children:[],level:3},{value:"Device",id:"device",children:[],level:3},{value:"Document",id:"document",children:[],level:3},{value:"Editor",id:"editor",children:[],level:3},{value:"Finance",id:"finance",children:[],level:3},{value:"Health & Medical",id:"health--medical",children:[],level:3},{value:"Logos",id:"logos",children:[],level:3},{value:"Map",id:"map",children:[],level:3},{value:"Media",id:"media",children:[],level:3},{value:"System",id:"system",children:[],level:3},{value:"User & Faces",id:"user--faces",children:[],level:3},{value:"Weather",id:"weather",children:[],level:3},{value:"Others",id:"others",children:[],level:3}],level:2}],e={toc:k},r="wrapper";function d(i){let{components:l,...s}=i;return(0,c.kt)(r,(0,t.Z)({},e,s,{components:l,mdxType:"MDXLayout"}),(0,c.kt)("b",null,"In our websites we use the Remix icon set "),(0,c.kt)("p",null,"Remix Icon is a set of open-source neutral-style system symbols elaborately crafted for designers and developers.\nAll of the icons are free for both personal and commercial use. (",(0,c.kt)("a",{parentName:"p",href:"http://remixicon.com/"},"http://remixicon.com/"),")"),(0,c.kt)("p",null,"We use icons to help our users understand the core idea of the content quickly or enhance the aesthetic appeal of the interface."),(0,c.kt)("p",null,"Consistency is key with icons, and all your icons should be the same size when you build them. Our grid is based on 8s, you'd want to build at 16, 24, or 32."),(0,c.kt)("p",null,"Choose a common size to build all your icons to, and then allow your engineers to scale to other sizes that might be needed by other designers. You don't want to build the same icon over and over at a multitude of sizes."),(0,c.kt)("p",null,"For product icons, use 1 color. Anything more than that and your components are going to become too complex and difficult for other designers to leverage. Anything with 3 or more colors is an illustration, not an icon."),(0,c.kt)("h3",{id:"grids"},"Grids"),(0,c.kt)("p",null," The pixel grid is the fundamental grid that uses the smallest increment: a pixel. When building icons, you always want to align objects to the pixel grid, especially straight lines. But, you can build other shapes on the pixel grid. You want to build things on the pixel grid, not just because it will render more nicely, but because it makes your life easier. Spacing things evenly is much easier when you're using a grid. It helps you stay consistent with your placement, and overall will make your icons look better."),(0,c.kt)("p",null," The optical grid helps us figure out where the center of mass of the icon is, as well as how large it is perceived by the human eye. Circles and curved objects take up less visual space than squares. It is best to put your icons in a fixed size container so that they\u2019re all identical dimensions when exported. Adding this intrinsic padding supports the optical/perceptive weighting without additional effort in dev later."),(0,c.kt)("p",null,"In building the optical grid, you should give padding at the edge that\u2019s equal to your stroke weight, or possibly double if using a 1px stroke."),(0,c.kt)("h3",{id:"strokes-and-fills"},"Strokes and fills"),(0,c.kt)("p",null,"Making sure our icons are all styled the same way is very important. We might have use cases for applying a fill to show something is selected, for instance, but you definitely want to create a set with one style, and possibly create the other variant."),(0,c.kt)("p",null,"Typically, filled icons have higher recognizability. Stroked icons give us great ability to create tiny details. When choosing which style is more appropriate, you should also consider your overall brand."),(0,c.kt)("p",null,"If you're going to create stroked icons, strokes all need to be the same weight. The space between strokes not be thinner than your stroke weight."),(0,c.kt)("h3",{id:"donts"},"Don\u2019ts"),(0,c.kt)("p",null,"When possible, avoid type in icons. Icons are meant to be global. If you do need type (for instance, currency symbols), draw it yourself, rather than using a typeface."),(0,c.kt)("h2",{id:"icon-set"},"Icon set"),(0,c.kt)("div",{className:"icon-list"},(0,c.kt)("div",{className:"icon-type-item"},(0,c.kt)("div",{class:"icon-items"},(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-line"}),(0,c.kt)("p",null,"ri-home-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-fill"}),(0,c.kt)("p",null,"ri-home-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-2-line"}),(0,c.kt)("p",null,"ri-home-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-2-fill"}),(0,c.kt)("p",null,"ri-home-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-3-line"}),(0,c.kt)("p",null,"ri-home-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-3-fill"}),(0,c.kt)("p",null,"ri-home-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-4-line"}),(0,c.kt)("p",null,"ri-home-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-4-fill"}),(0,c.kt)("p",null,"ri-home-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-5-line"}),(0,c.kt)("p",null,"ri-home-5-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-5-fill"}),(0,c.kt)("p",null,"ri-home-5-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-6-line"}),(0,c.kt)("p",null,"ri-home-6-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-6-fill"}),(0,c.kt)("p",null,"ri-home-6-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-7-line"}),(0,c.kt)("p",null,"ri-home-7-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-7-fill"}),(0,c.kt)("p",null,"ri-home-7-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-8-line"}),(0,c.kt)("p",null,"ri-home-8-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-8-fill"}),(0,c.kt)("p",null,"ri-home-8-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-gear-line"}),(0,c.kt)("p",null,"ri-home-gear-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-gear-fill"}),(0,c.kt)("p",null,"ri-home-gear-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-wifi-line"}),(0,c.kt)("p",null,"ri-home-wifi-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-wifi-fill"}),(0,c.kt)("p",null,"ri-home-wifi-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-smile-line"}),(0,c.kt)("p",null,"ri-home-smile-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-smile-fill"}),(0,c.kt)("p",null,"ri-home-smile-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-smile-2-line"}),(0,c.kt)("p",null,"ri-home-smile-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-smile-2-fill"}),(0,c.kt)("p",null,"ri-home-smile-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-heart-line"}),(0,c.kt)("p",null,"ri-home-heart-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-home-heart-fill"}),(0,c.kt)("p",null,"ri-home-heart-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-building-line"}),(0,c.kt)("p",null,"ri-building-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-building-fill"}),(0,c.kt)("p",null,"ri-building-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-building-2-line"}),(0,c.kt)("p",null,"ri-building-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-building-2-fill"}),(0,c.kt)("p",null,"ri-building-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-building-3-line"}),(0,c.kt)("p",null,"ri-building-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-building-3-fill"}),(0,c.kt)("p",null,"ri-building-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-building-4-line"}),(0,c.kt)("p",null,"ri-building-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-building-4-fill"}),(0,c.kt)("p",null,"ri-building-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hotel-line"}),(0,c.kt)("p",null,"ri-hotel-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hotel-fill"}),(0,c.kt)("p",null,"ri-hotel-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-community-line"}),(0,c.kt)("p",null,"ri-community-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-community-fill"}),(0,c.kt)("p",null,"ri-community-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-government-line"}),(0,c.kt)("p",null,"ri-government-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-government-fill"}),(0,c.kt)("p",null,"ri-government-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bank-line"}),(0,c.kt)("p",null,"ri-bank-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bank-fill"}),(0,c.kt)("p",null,"ri-bank-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-store-line"}),(0,c.kt)("p",null,"ri-store-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-store-fill"}),(0,c.kt)("p",null,"ri-store-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-store-2-line"}),(0,c.kt)("p",null,"ri-store-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-store-2-fill"}),(0,c.kt)("p",null,"ri-store-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-store-3-line"}),(0,c.kt)("p",null,"ri-store-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-store-3-fill"}),(0,c.kt)("p",null,"ri-store-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hospital-line"}),(0,c.kt)("p",null,"ri-hospital-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hospital-fill"}),(0,c.kt)("p",null,"ri-hospital-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ancient-gate-line"}),(0,c.kt)("p",null,"ri-ancient-gate-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ancient-gate-fill"}),(0,c.kt)("p",null,"ri-ancient-gate-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ancient-pavilion-line"}),(0,c.kt)("p",null,"ri-ancient-pavilion-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ancient-pavilion-fill"}),(0,c.kt)("p",null,"ri-ancient-pavilion-fill"))))),(0,c.kt)("h3",{id:"buildings"},"Buildings")),(0,c.kt)("div",{className:"icon-type-item"},(0,c.kt)("div",{class:"icon-items"},(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-line"}),(0,c.kt)("p",null,"ri-mail-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-fill"}),(0,c.kt)("p",null,"ri-mail-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-open-line"}),(0,c.kt)("p",null,"ri-mail-open-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-open-fill"}),(0,c.kt)("p",null,"ri-mail-open-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-send-line"}),(0,c.kt)("p",null,"ri-mail-send-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-send-fill"}),(0,c.kt)("p",null,"ri-mail-send-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-unread-line"}),(0,c.kt)("p",null,"ri-mail-unread-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-unread-fill"}),(0,c.kt)("p",null,"ri-mail-unread-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-add-line"}),(0,c.kt)("p",null,"ri-mail-add-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-add-fill"}),(0,c.kt)("p",null,"ri-mail-add-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-check-line"}),(0,c.kt)("p",null,"ri-mail-check-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-check-fill"}),(0,c.kt)("p",null,"ri-mail-check-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-close-line"}),(0,c.kt)("p",null,"ri-mail-close-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-close-fill"}),(0,c.kt)("p",null,"ri-mail-close-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-download-line"}),(0,c.kt)("p",null,"ri-mail-download-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-download-fill"}),(0,c.kt)("p",null,"ri-mail-download-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-forbid-line"}),(0,c.kt)("p",null,"ri-mail-forbid-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-forbid-fill"}),(0,c.kt)("p",null,"ri-mail-forbid-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-lock-line"}),(0,c.kt)("p",null,"ri-mail-lock-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-lock-fill"}),(0,c.kt)("p",null,"ri-mail-lock-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-settings-line"}),(0,c.kt)("p",null,"ri-mail-settings-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-settings-fill"}),(0,c.kt)("p",null,"ri-mail-settings-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-star-line"}),(0,c.kt)("p",null,"ri-mail-star-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-star-fill"}),(0,c.kt)("p",null,"ri-mail-star-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-volume-line"}),(0,c.kt)("p",null,"ri-mail-volume-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mail-volume-fill"}),(0,c.kt)("p",null,"ri-mail-volume-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-inbox-line"}),(0,c.kt)("p",null,"ri-inbox-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-inbox-fill"}),(0,c.kt)("p",null,"ri-inbox-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-inbox-archive-line"}),(0,c.kt)("p",null,"ri-inbox-archive-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-inbox-archive-fill"}),(0,c.kt)("p",null,"ri-inbox-archive-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-inbox-unarchive-line"}),(0,c.kt)("p",null,"ri-inbox-unarchive-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-inbox-unarchive-fill"}),(0,c.kt)("p",null,"ri-inbox-unarchive-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cloud-line"}),(0,c.kt)("p",null,"ri-cloud-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cloud-fill"}),(0,c.kt)("p",null,"ri-cloud-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cloud-off-line"}),(0,c.kt)("p",null,"ri-cloud-off-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cloud-off-fill"}),(0,c.kt)("p",null,"ri-cloud-off-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-attachment-line"}),(0,c.kt)("p",null,"ri-attachment-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-attachment-fill"}),(0,c.kt)("p",null,"ri-attachment-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-profile-line"}),(0,c.kt)("p",null,"ri-profile-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-profile-fill"}),(0,c.kt)("p",null,"ri-profile-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-archive-line"}),(0,c.kt)("p",null,"ri-archive-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-archive-fill"}),(0,c.kt)("p",null,"ri-archive-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-archive-drawer-line"}),(0,c.kt)("p",null,"ri-archive-drawer-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-archive-drawer-fill"}),(0,c.kt)("p",null,"ri-archive-drawer-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-at-line"}),(0,c.kt)("p",null,"ri-at-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-at-fill"}),(0,c.kt)("p",null,"ri-at-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-award-line"}),(0,c.kt)("p",null,"ri-award-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-award-fill"}),(0,c.kt)("p",null,"ri-award-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-medal-line"}),(0,c.kt)("p",null,"ri-medal-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-medal-fill"}),(0,c.kt)("p",null,"ri-medal-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-medal-2-line"}),(0,c.kt)("p",null,"ri-medal-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-medal-2-fill"}),(0,c.kt)("p",null,"ri-medal-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bar-chart-line"}),(0,c.kt)("p",null,"ri-bar-chart-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bar-chart-fill"}),(0,c.kt)("p",null,"ri-bar-chart-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bar-chart-horizontal-line"}),(0,c.kt)("p",null,"ri-bar-chart-horizontal-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bar-chart-horizontal-fill"}),(0,c.kt)("p",null,"ri-bar-chart-horizontal-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bar-chart-2-line"}),(0,c.kt)("p",null,"ri-bar-chart-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bar-chart-2-fill"}),(0,c.kt)("p",null,"ri-bar-chart-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bar-chart-box-line"}),(0,c.kt)("p",null,"ri-bar-chart-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bar-chart-box-fill"}),(0,c.kt)("p",null,"ri-bar-chart-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bar-chart-grouped-line"}),(0,c.kt)("p",null,"ri-bar-chart-grouped-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bar-chart-grouped-fill"}),(0,c.kt)("p",null,"ri-bar-chart-grouped-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bubble-chart-line"}),(0,c.kt)("p",null,"ri-bubble-chart-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bubble-chart-fill"}),(0,c.kt)("p",null,"ri-bubble-chart-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pie-chart-line"}),(0,c.kt)("p",null,"ri-pie-chart-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pie-chart-fill"}),(0,c.kt)("p",null,"ri-pie-chart-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pie-chart-2-line"}),(0,c.kt)("p",null,"ri-pie-chart-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pie-chart-2-fill"}),(0,c.kt)("p",null,"ri-pie-chart-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pie-chart-box-line"}),(0,c.kt)("p",null,"ri-pie-chart-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pie-chart-box-fill"}),(0,c.kt)("p",null,"ri-pie-chart-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-donut-chart-line"}),(0,c.kt)("p",null,"ri-donut-chart-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-donut-chart-fill"}),(0,c.kt)("p",null,"ri-donut-chart-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-line-chart-line"}),(0,c.kt)("p",null,"ri-line-chart-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-line-chart-fill"}),(0,c.kt)("p",null,"ri-line-chart-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bookmark-line"}),(0,c.kt)("p",null,"ri-bookmark-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bookmark-fill"}),(0,c.kt)("p",null,"ri-bookmark-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bookmark-2-line"}),(0,c.kt)("p",null,"ri-bookmark-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bookmark-2-fill"}),(0,c.kt)("p",null,"ri-bookmark-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bookmark-3-line"}),(0,c.kt)("p",null,"ri-bookmark-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bookmark-3-fill"}),(0,c.kt)("p",null,"ri-bookmark-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-briefcase-line"}),(0,c.kt)("p",null,"ri-briefcase-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-briefcase-fill"}),(0,c.kt)("p",null,"ri-briefcase-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-briefcase-2-line"}),(0,c.kt)("p",null,"ri-briefcase-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-briefcase-2-fill"}),(0,c.kt)("p",null,"ri-briefcase-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-briefcase-3-line"}),(0,c.kt)("p",null,"ri-briefcase-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-briefcase-3-fill"}),(0,c.kt)("p",null,"ri-briefcase-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-briefcase-4-line"}),(0,c.kt)("p",null,"ri-briefcase-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-briefcase-4-fill"}),(0,c.kt)("p",null,"ri-briefcase-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-briefcase-5-line"}),(0,c.kt)("p",null,"ri-briefcase-5-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-briefcase-5-fill"}),(0,c.kt)("p",null,"ri-briefcase-5-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-calculator-line"}),(0,c.kt)("p",null,"ri-calculator-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-calculator-fill"}),(0,c.kt)("p",null,"ri-calculator-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-calendar-line"}),(0,c.kt)("p",null,"ri-calendar-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-calendar-fill"}),(0,c.kt)("p",null,"ri-calendar-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-calendar-2-line"}),(0,c.kt)("p",null,"ri-calendar-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-calendar-2-fill"}),(0,c.kt)("p",null,"ri-calendar-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-calendar-event-line"}),(0,c.kt)("p",null,"ri-calendar-event-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-calendar-event-fill"}),(0,c.kt)("p",null,"ri-calendar-event-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-calendar-todo-line"}),(0,c.kt)("p",null,"ri-calendar-todo-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-calendar-todo-fill"}),(0,c.kt)("p",null,"ri-calendar-todo-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-calendar-check-line"}),(0,c.kt)("p",null,"ri-calendar-check-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-calendar-check-fill"}),(0,c.kt)("p",null,"ri-calendar-check-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-customer-service-line"}),(0,c.kt)("p",null,"ri-customer-service-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-customer-service-fill"}),(0,c.kt)("p",null,"ri-customer-service-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-customer-service-2-line"}),(0,c.kt)("p",null,"ri-customer-service-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-customer-service-2-fill"}),(0,c.kt)("p",null,"ri-customer-service-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-flag-line"}),(0,c.kt)("p",null,"ri-flag-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-flag-fill"}),(0,c.kt)("p",null,"ri-flag-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-flag-2-line"}),(0,c.kt)("p",null,"ri-flag-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-flag-2-fill"}),(0,c.kt)("p",null,"ri-flag-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-global-line"}),(0,c.kt)("p",null,"ri-global-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-global-fill"}),(0,c.kt)("p",null,"ri-global-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-honour-line"}),(0,c.kt)("p",null,"ri-honour-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-honour-fill"}),(0,c.kt)("p",null,"ri-honour-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-links-line"}),(0,c.kt)("p",null,"ri-links-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-links-fill"}),(0,c.kt)("p",null,"ri-links-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-printer-line"}),(0,c.kt)("p",null,"ri-printer-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-printer-fill"}),(0,c.kt)("p",null,"ri-printer-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-printer-cloud-line"}),(0,c.kt)("p",null,"ri-printer-cloud-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-printer-cloud-fill"}),(0,c.kt)("p",null,"ri-printer-cloud-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-record-mail-line"}),(0,c.kt)("p",null,"ri-record-mail-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-record-mail-fill"}),(0,c.kt)("p",null,"ri-record-mail-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-reply-line"}),(0,c.kt)("p",null,"ri-reply-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-reply-fill"}),(0,c.kt)("p",null,"ri-reply-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-reply-all-line"}),(0,c.kt)("p",null,"ri-reply-all-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-reply-all-fill"}),(0,c.kt)("p",null,"ri-reply-all-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-send-plane-line"}),(0,c.kt)("p",null,"ri-send-plane-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-send-plane-fill"}),(0,c.kt)("p",null,"ri-send-plane-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-send-plane-2-line"}),(0,c.kt)("p",null,"ri-send-plane-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-send-plane-2-fill"}),(0,c.kt)("p",null,"ri-send-plane-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-projector-line"}),(0,c.kt)("p",null,"ri-projector-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-projector-fill"}),(0,c.kt)("p",null,"ri-projector-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-projector-2-line"}),(0,c.kt)("p",null,"ri-projector-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-projector-2-fill"}),(0,c.kt)("p",null,"ri-projector-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-slideshow-line"}),(0,c.kt)("p",null,"ri-slideshow-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-slideshow-fill"}),(0,c.kt)("p",null,"ri-slideshow-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-slideshow-2-line"}),(0,c.kt)("p",null,"ri-slideshow-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-slideshow-2-fill"}),(0,c.kt)("p",null,"ri-slideshow-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-slideshow-3-line"}),(0,c.kt)("p",null,"ri-slideshow-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-slideshow-3-fill"}),(0,c.kt)("p",null,"ri-slideshow-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-slideshow-4-line"}),(0,c.kt)("p",null,"ri-slideshow-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-slideshow-4-fill"}),(0,c.kt)("p",null,"ri-slideshow-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-window-line"}),(0,c.kt)("p",null,"ri-window-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-window-fill"}),(0,c.kt)("p",null,"ri-window-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-window-2-line"}),(0,c.kt)("p",null,"ri-window-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-window-2-fill"}),(0,c.kt)("p",null,"ri-window-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-stack-line"}),(0,c.kt)("p",null,"ri-stack-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-stack-fill"}),(0,c.kt)("p",null,"ri-stack-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-service-line"}),(0,c.kt)("p",null,"ri-service-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-service-fill"}),(0,c.kt)("p",null,"ri-service-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-registered-line"}),(0,c.kt)("p",null,"ri-registered-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-registered-fill"}),(0,c.kt)("p",null,"ri-registered-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-trademark-line"}),(0,c.kt)("p",null,"ri-trademark-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-trademark-fill"}),(0,c.kt)("p",null,"ri-trademark-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-advertisement-line"}),(0,c.kt)("p",null,"ri-advertisement-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-advertisement-fill"}),(0,c.kt)("p",null,"ri-advertisement-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-copyleft-line"}),(0,c.kt)("p",null,"ri-copyleft-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-copyleft-fill"}),(0,c.kt)("p",null,"ri-copyleft-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-copyright-line"}),(0,c.kt)("p",null,"ri-copyright-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-copyright-fill"}),(0,c.kt)("p",null,"ri-copyright-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-creative-commons-line"}),(0,c.kt)("p",null,"ri-creative-commons-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-creative-commons-fill"}),(0,c.kt)("p",null,"ri-creative-commons-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-creative-commons-by-line"}),(0,c.kt)("p",null,"ri-creative-commons-by-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-creative-commons-by-fill"}),(0,c.kt)("p",null,"ri-creative-commons-by-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-creative-commons-nc-line"}),(0,c.kt)("p",null,"ri-creative-commons-nc-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-creative-commons-nc-fill"}),(0,c.kt)("p",null,"ri-creative-commons-nc-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-creative-commons-nd-line"}),(0,c.kt)("p",null,"ri-creative-commons-nd-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-creative-commons-nd-fill"}),(0,c.kt)("p",null,"ri-creative-commons-nd-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-creative-commons-sa-line"}),(0,c.kt)("p",null,"ri-creative-commons-sa-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-creative-commons-sa-fill"}),(0,c.kt)("p",null,"ri-creative-commons-sa-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-creative-commons-zero-line"}),(0,c.kt)("p",null,"ri-creative-commons-zero-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-creative-commons-zero-fill"}),(0,c.kt)("p",null,"ri-creative-commons-zero-fill"))))),(0,c.kt)("h3",{id:"business"},"Business")),(0,c.kt)("div",{className:"icon-type-item"},(0,c.kt)("div",{class:"icon-items"},(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-1-line"}),(0,c.kt)("p",null,"ri-chat-1-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-1-fill"}),(0,c.kt)("p",null,"ri-chat-1-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-2-line"}),(0,c.kt)("p",null,"ri-chat-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-2-fill"}),(0,c.kt)("p",null,"ri-chat-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-3-line"}),(0,c.kt)("p",null,"ri-chat-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-3-fill"}),(0,c.kt)("p",null,"ri-chat-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-4-line"}),(0,c.kt)("p",null,"ri-chat-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-4-fill"}),(0,c.kt)("p",null,"ri-chat-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-message-line"}),(0,c.kt)("p",null,"ri-message-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-message-fill"}),(0,c.kt)("p",null,"ri-message-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-message-2-line"}),(0,c.kt)("p",null,"ri-message-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-message-2-fill"}),(0,c.kt)("p",null,"ri-message-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-message-3-line"}),(0,c.kt)("p",null,"ri-message-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-message-3-fill"}),(0,c.kt)("p",null,"ri-message-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-check-line"}),(0,c.kt)("p",null,"ri-chat-check-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-check-fill"}),(0,c.kt)("p",null,"ri-chat-check-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-delete-line"}),(0,c.kt)("p",null,"ri-chat-delete-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-delete-fill"}),(0,c.kt)("p",null,"ri-chat-delete-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-forward-line"}),(0,c.kt)("p",null,"ri-chat-forward-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-forward-fill"}),(0,c.kt)("p",null,"ri-chat-forward-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-upload-line"}),(0,c.kt)("p",null,"ri-chat-upload-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-upload-fill"}),(0,c.kt)("p",null,"ri-chat-upload-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-download-line"}),(0,c.kt)("p",null,"ri-chat-download-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-download-fill"}),(0,c.kt)("p",null,"ri-chat-download-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-new-line"}),(0,c.kt)("p",null,"ri-chat-new-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-new-fill"}),(0,c.kt)("p",null,"ri-chat-new-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-settings-line"}),(0,c.kt)("p",null,"ri-chat-settings-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-settings-fill"}),(0,c.kt)("p",null,"ri-chat-settings-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-smile-line"}),(0,c.kt)("p",null,"ri-chat-smile-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-smile-fill"}),(0,c.kt)("p",null,"ri-chat-smile-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-smile-2-line"}),(0,c.kt)("p",null,"ri-chat-smile-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-smile-2-fill"}),(0,c.kt)("p",null,"ri-chat-smile-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-smile-3-line"}),(0,c.kt)("p",null,"ri-chat-smile-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-smile-3-fill"}),(0,c.kt)("p",null,"ri-chat-smile-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-heart-line"}),(0,c.kt)("p",null,"ri-chat-heart-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-heart-fill"}),(0,c.kt)("p",null,"ri-chat-heart-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-off-line"}),(0,c.kt)("p",null,"ri-chat-off-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-off-fill"}),(0,c.kt)("p",null,"ri-chat-off-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-feedback-line"}),(0,c.kt)("p",null,"ri-feedback-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-feedback-fill"}),(0,c.kt)("p",null,"ri-feedback-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-discuss-line"}),(0,c.kt)("p",null,"ri-discuss-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-discuss-fill"}),(0,c.kt)("p",null,"ri-discuss-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-question-answer-line"}),(0,c.kt)("p",null,"ri-question-answer-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-question-answer-fill"}),(0,c.kt)("p",null,"ri-question-answer-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-questionnaire-line"}),(0,c.kt)("p",null,"ri-questionnaire-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-questionnaire-fill"}),(0,c.kt)("p",null,"ri-questionnaire-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-video-chat-line"}),(0,c.kt)("p",null,"ri-video-chat-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-video-chat-fill"}),(0,c.kt)("p",null,"ri-video-chat-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-voice-line"}),(0,c.kt)("p",null,"ri-chat-voice-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-voice-fill"}),(0,c.kt)("p",null,"ri-chat-voice-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-quote-line"}),(0,c.kt)("p",null,"ri-chat-quote-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-quote-fill"}),(0,c.kt)("p",null,"ri-chat-quote-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-follow-up-line"}),(0,c.kt)("p",null,"ri-chat-follow-up-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-follow-up-fill"}),(0,c.kt)("p",null,"ri-chat-follow-up-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-poll-line"}),(0,c.kt)("p",null,"ri-chat-poll-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-poll-fill"}),(0,c.kt)("p",null,"ri-chat-poll-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-history-line"}),(0,c.kt)("p",null,"ri-chat-history-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-history-fill"}),(0,c.kt)("p",null,"ri-chat-history-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-private-line"}),(0,c.kt)("p",null,"ri-chat-private-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chat-private-fill"}),(0,c.kt)("p",null,"ri-chat-private-fill"))))),(0,c.kt)("h3",{id:"communication"},"Communication")),(0,c.kt)("div",{className:"icon-type-item"},(0,c.kt)("div",{class:"icon-items"},(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pencil-line"}),(0,c.kt)("p",null,"ri-pencil-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pencil-fill"}),(0,c.kt)("p",null,"ri-pencil-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-edit-line"}),(0,c.kt)("p",null,"ri-edit-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-edit-fill"}),(0,c.kt)("p",null,"ri-edit-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-edit-2-line"}),(0,c.kt)("p",null,"ri-edit-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-edit-2-fill"}),(0,c.kt)("p",null,"ri-edit-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ball-pen-line"}),(0,c.kt)("p",null,"ri-ball-pen-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ball-pen-fill"}),(0,c.kt)("p",null,"ri-ball-pen-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-quill-pen-line"}),(0,c.kt)("p",null,"ri-quill-pen-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-quill-pen-fill"}),(0,c.kt)("p",null,"ri-quill-pen-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pen-nib-line"}),(0,c.kt)("p",null,"ri-pen-nib-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pen-nib-fill"}),(0,c.kt)("p",null,"ri-pen-nib-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ink-bottle-line"}),(0,c.kt)("p",null,"ri-ink-bottle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ink-bottle-fill"}),(0,c.kt)("p",null,"ri-ink-bottle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mark-pen-line"}),(0,c.kt)("p",null,"ri-mark-pen-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mark-pen-fill"}),(0,c.kt)("p",null,"ri-mark-pen-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-markup-line"}),(0,c.kt)("p",null,"ri-markup-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-markup-fill"}),(0,c.kt)("p",null,"ri-markup-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-edit-box-line"}),(0,c.kt)("p",null,"ri-edit-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-edit-box-fill"}),(0,c.kt)("p",null,"ri-edit-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-edit-circle-line"}),(0,c.kt)("p",null,"ri-edit-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-edit-circle-fill"}),(0,c.kt)("p",null,"ri-edit-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sip-line"}),(0,c.kt)("p",null,"ri-sip-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sip-fill"}),(0,c.kt)("p",null,"ri-sip-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-brush-line"}),(0,c.kt)("p",null,"ri-brush-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-brush-fill"}),(0,c.kt)("p",null,"ri-brush-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-brush-2-line"}),(0,c.kt)("p",null,"ri-brush-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-brush-2-fill"}),(0,c.kt)("p",null,"ri-brush-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-brush-3-line"}),(0,c.kt)("p",null,"ri-brush-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-brush-3-fill"}),(0,c.kt)("p",null,"ri-brush-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-brush-4-line"}),(0,c.kt)("p",null,"ri-brush-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-brush-4-fill"}),(0,c.kt)("p",null,"ri-brush-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-paint-brush-line"}),(0,c.kt)("p",null,"ri-paint-brush-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-paint-brush-fill"}),(0,c.kt)("p",null,"ri-paint-brush-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-contrast-line"}),(0,c.kt)("p",null,"ri-contrast-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-contrast-fill"}),(0,c.kt)("p",null,"ri-contrast-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-contrast-2-line"}),(0,c.kt)("p",null,"ri-contrast-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-contrast-2-fill"}),(0,c.kt)("p",null,"ri-contrast-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-drop-line"}),(0,c.kt)("p",null,"ri-drop-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-drop-fill"}),(0,c.kt)("p",null,"ri-drop-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-blur-off-line"}),(0,c.kt)("p",null,"ri-blur-off-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-blur-off-fill"}),(0,c.kt)("p",null,"ri-blur-off-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-contrast-drop-line"}),(0,c.kt)("p",null,"ri-contrast-drop-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-contrast-drop-fill"}),(0,c.kt)("p",null,"ri-contrast-drop-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-contrast-drop-2-line"}),(0,c.kt)("p",null,"ri-contrast-drop-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-contrast-drop-2-fill"}),(0,c.kt)("p",null,"ri-contrast-drop-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-compasses-line"}),(0,c.kt)("p",null,"ri-compasses-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-compasses-fill"}),(0,c.kt)("p",null,"ri-compasses-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-compasses-2-line"}),(0,c.kt)("p",null,"ri-compasses-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-compasses-2-fill"}),(0,c.kt)("p",null,"ri-compasses-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-scissors-line"}),(0,c.kt)("p",null,"ri-scissors-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-scissors-fill"}),(0,c.kt)("p",null,"ri-scissors-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-scissors-cut-line"}),(0,c.kt)("p",null,"ri-scissors-cut-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-scissors-cut-fill"}),(0,c.kt)("p",null,"ri-scissors-cut-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-scissors-2-line"}),(0,c.kt)("p",null,"ri-scissors-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-scissors-2-fill"}),(0,c.kt)("p",null,"ri-scissors-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-slice-line"}),(0,c.kt)("p",null,"ri-slice-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-slice-fill"}),(0,c.kt)("p",null,"ri-slice-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-eraser-line"}),(0,c.kt)("p",null,"ri-eraser-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-eraser-fill"}),(0,c.kt)("p",null,"ri-eraser-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ruler-line"}),(0,c.kt)("p",null,"ri-ruler-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ruler-fill"}),(0,c.kt)("p",null,"ri-ruler-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ruler-2-line"}),(0,c.kt)("p",null,"ri-ruler-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ruler-2-fill"}),(0,c.kt)("p",null,"ri-ruler-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pencil-ruler-line"}),(0,c.kt)("p",null,"ri-pencil-ruler-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pencil-ruler-fill"}),(0,c.kt)("p",null,"ri-pencil-ruler-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pencil-ruler-2-line"}),(0,c.kt)("p",null,"ri-pencil-ruler-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pencil-ruler-2-fill"}),(0,c.kt)("p",null,"ri-pencil-ruler-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-t-box-line"}),(0,c.kt)("p",null,"ri-t-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-t-box-fill"}),(0,c.kt)("p",null,"ri-t-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-input-method-line"}),(0,c.kt)("p",null,"ri-input-method-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-input-method-fill"}),(0,c.kt)("p",null,"ri-input-method-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-artboard-line"}),(0,c.kt)("p",null,"ri-artboard-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-artboard-fill"}),(0,c.kt)("p",null,"ri-artboard-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-artboard-2-line"}),(0,c.kt)("p",null,"ri-artboard-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-artboard-2-fill"}),(0,c.kt)("p",null,"ri-artboard-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-crop-line"}),(0,c.kt)("p",null,"ri-crop-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-crop-fill"}),(0,c.kt)("p",null,"ri-crop-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-crop-2-line"}),(0,c.kt)("p",null,"ri-crop-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-crop-2-fill"}),(0,c.kt)("p",null,"ri-crop-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-screenshot-line"}),(0,c.kt)("p",null,"ri-screenshot-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-screenshot-fill"}),(0,c.kt)("p",null,"ri-screenshot-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-screenshot-2-line"}),(0,c.kt)("p",null,"ri-screenshot-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-screenshot-2-fill"}),(0,c.kt)("p",null,"ri-screenshot-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-drag-move-line"}),(0,c.kt)("p",null,"ri-drag-move-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-drag-move-fill"}),(0,c.kt)("p",null,"ri-drag-move-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-drag-move-2-line"}),(0,c.kt)("p",null,"ri-drag-move-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-drag-move-2-fill"}),(0,c.kt)("p",null,"ri-drag-move-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-focus-line"}),(0,c.kt)("p",null,"ri-focus-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-focus-fill"}),(0,c.kt)("p",null,"ri-focus-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-focus-2-line"}),(0,c.kt)("p",null,"ri-focus-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-focus-2-fill"}),(0,c.kt)("p",null,"ri-focus-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-focus-3-line"}),(0,c.kt)("p",null,"ri-focus-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-focus-3-fill"}),(0,c.kt)("p",null,"ri-focus-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-paint-line"}),(0,c.kt)("p",null,"ri-paint-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-paint-fill"}),(0,c.kt)("p",null,"ri-paint-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-palette-line"}),(0,c.kt)("p",null,"ri-palette-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-palette-fill"}),(0,c.kt)("p",null,"ri-palette-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pantone-line"}),(0,c.kt)("p",null,"ri-pantone-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pantone-fill"}),(0,c.kt)("p",null,"ri-pantone-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shape-line"}),(0,c.kt)("p",null,"ri-shape-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shape-fill"}),(0,c.kt)("p",null,"ri-shape-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shape-2-line"}),(0,c.kt)("p",null,"ri-shape-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shape-2-fill"}),(0,c.kt)("p",null,"ri-shape-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-magic-line"}),(0,c.kt)("p",null,"ri-magic-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-magic-fill"}),(0,c.kt)("p",null,"ri-magic-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-anticlockwise-line"}),(0,c.kt)("p",null,"ri-anticlockwise-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-anticlockwise-fill"}),(0,c.kt)("p",null,"ri-anticlockwise-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-anticlockwise-2-line"}),(0,c.kt)("p",null,"ri-anticlockwise-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-anticlockwise-2-fill"}),(0,c.kt)("p",null,"ri-anticlockwise-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-clockwise-line"}),(0,c.kt)("p",null,"ri-clockwise-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-clockwise-fill"}),(0,c.kt)("p",null,"ri-clockwise-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-clockwise-2-line"}),(0,c.kt)("p",null,"ri-clockwise-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-clockwise-2-fill"}),(0,c.kt)("p",null,"ri-clockwise-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hammer-line"}),(0,c.kt)("p",null,"ri-hammer-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hammer-fill"}),(0,c.kt)("p",null,"ri-hammer-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-tools-line"}),(0,c.kt)("p",null,"ri-tools-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-tools-fill"}),(0,c.kt)("p",null,"ri-tools-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-drag-drop-line"}),(0,c.kt)("p",null,"ri-drag-drop-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-drag-drop-fill"}),(0,c.kt)("p",null,"ri-drag-drop-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-table-line"}),(0,c.kt)("p",null,"ri-table-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-table-fill"}),(0,c.kt)("p",null,"ri-table-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-table-alt-line"}),(0,c.kt)("p",null,"ri-table-alt-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-table-alt-fill"}),(0,c.kt)("p",null,"ri-table-alt-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-line"}),(0,c.kt)("p",null,"ri-layout-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-fill"}),(0,c.kt)("p",null,"ri-layout-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-2-line"}),(0,c.kt)("p",null,"ri-layout-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-2-fill"}),(0,c.kt)("p",null,"ri-layout-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-3-line"}),(0,c.kt)("p",null,"ri-layout-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-3-fill"}),(0,c.kt)("p",null,"ri-layout-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-4-line"}),(0,c.kt)("p",null,"ri-layout-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-4-fill"}),(0,c.kt)("p",null,"ri-layout-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-5-line"}),(0,c.kt)("p",null,"ri-layout-5-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-5-fill"}),(0,c.kt)("p",null,"ri-layout-5-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-6-line"}),(0,c.kt)("p",null,"ri-layout-6-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-6-fill"}),(0,c.kt)("p",null,"ri-layout-6-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-column-line"}),(0,c.kt)("p",null,"ri-layout-column-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-column-fill"}),(0,c.kt)("p",null,"ri-layout-column-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-row-line"}),(0,c.kt)("p",null,"ri-layout-row-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-row-fill"}),(0,c.kt)("p",null,"ri-layout-row-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-top-line"}),(0,c.kt)("p",null,"ri-layout-top-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-top-fill"}),(0,c.kt)("p",null,"ri-layout-top-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-right-line"}),(0,c.kt)("p",null,"ri-layout-right-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-right-fill"}),(0,c.kt)("p",null,"ri-layout-right-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-bottom-line"}),(0,c.kt)("p",null,"ri-layout-bottom-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-bottom-fill"}),(0,c.kt)("p",null,"ri-layout-bottom-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-left-line"}),(0,c.kt)("p",null,"ri-layout-left-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-left-fill"}),(0,c.kt)("p",null,"ri-layout-left-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-top-2-line"}),(0,c.kt)("p",null,"ri-layout-top-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-top-2-fill"}),(0,c.kt)("p",null,"ri-layout-top-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-right-2-line"}),(0,c.kt)("p",null,"ri-layout-right-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-right-2-fill"}),(0,c.kt)("p",null,"ri-layout-right-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-bottom-2-line"}),(0,c.kt)("p",null,"ri-layout-bottom-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-bottom-2-fill"}),(0,c.kt)("p",null,"ri-layout-bottom-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-left-2-line"}),(0,c.kt)("p",null,"ri-layout-left-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-left-2-fill"}),(0,c.kt)("p",null,"ri-layout-left-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-grid-line"}),(0,c.kt)("p",null,"ri-layout-grid-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-grid-fill"}),(0,c.kt)("p",null,"ri-layout-grid-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-masonry-line"}),(0,c.kt)("p",null,"ri-layout-masonry-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-layout-masonry-fill"}),(0,c.kt)("p",null,"ri-layout-masonry-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-collage-line"}),(0,c.kt)("p",null,"ri-collage-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-collage-fill"}),(0,c.kt)("p",null,"ri-collage-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-grid-line"}),(0,c.kt)("p",null,"ri-grid-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-grid-fill"}),(0,c.kt)("p",null,"ri-grid-fill"))))),(0,c.kt)("h3",{id:"design"},"Design")),(0,c.kt)("div",{className:"icon-type-item"},(0,c.kt)("div",{class:"icon-items"},(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bug-line"}),(0,c.kt)("p",null,"ri-bug-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bug-fill"}),(0,c.kt)("p",null,"ri-bug-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bug-2-line"}),(0,c.kt)("p",null,"ri-bug-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bug-2-fill"}),(0,c.kt)("p",null,"ri-bug-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-code-line"}),(0,c.kt)("p",null,"ri-code-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-code-fill"}),(0,c.kt)("p",null,"ri-code-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-code-s-line"}),(0,c.kt)("p",null,"ri-code-s-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-code-s-fill"}),(0,c.kt)("p",null,"ri-code-s-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-code-s-slash-line"}),(0,c.kt)("p",null,"ri-code-s-slash-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-code-s-slash-fill"}),(0,c.kt)("p",null,"ri-code-s-slash-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-code-box-line"}),(0,c.kt)("p",null,"ri-code-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-code-box-fill"}),(0,c.kt)("p",null,"ri-code-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-terminal-box-line"}),(0,c.kt)("p",null,"ri-terminal-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-terminal-box-fill"}),(0,c.kt)("p",null,"ri-terminal-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-terminal-line"}),(0,c.kt)("p",null,"ri-terminal-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-terminal-fill"}),(0,c.kt)("p",null,"ri-terminal-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-terminal-window-line"}),(0,c.kt)("p",null,"ri-terminal-window-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-terminal-window-fill"}),(0,c.kt)("p",null,"ri-terminal-window-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-parentheses-line"}),(0,c.kt)("p",null,"ri-parentheses-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-parentheses-fill"}),(0,c.kt)("p",null,"ri-parentheses-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-brackets-line"}),(0,c.kt)("p",null,"ri-brackets-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-brackets-fill"}),(0,c.kt)("p",null,"ri-brackets-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-braces-line"}),(0,c.kt)("p",null,"ri-braces-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-braces-fill"}),(0,c.kt)("p",null,"ri-braces-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-command-line"}),(0,c.kt)("p",null,"ri-command-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-command-fill"}),(0,c.kt)("p",null,"ri-command-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cursor-line"}),(0,c.kt)("p",null,"ri-cursor-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cursor-fill"}),(0,c.kt)("p",null,"ri-cursor-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-git-commit-line"}),(0,c.kt)("p",null,"ri-git-commit-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-git-commit-fill"}),(0,c.kt)("p",null,"ri-git-commit-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-git-pull-request-line"}),(0,c.kt)("p",null,"ri-git-pull-request-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-git-pull-request-fill"}),(0,c.kt)("p",null,"ri-git-pull-request-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-git-merge-line"}),(0,c.kt)("p",null,"ri-git-merge-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-git-merge-fill"}),(0,c.kt)("p",null,"ri-git-merge-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-git-branch-line"}),(0,c.kt)("p",null,"ri-git-branch-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-git-branch-fill"}),(0,c.kt)("p",null,"ri-git-branch-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-git-repository-line"}),(0,c.kt)("p",null,"ri-git-repository-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-git-repository-fill"}),(0,c.kt)("p",null,"ri-git-repository-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-git-repository-commits-line"}),(0,c.kt)("p",null,"ri-git-repository-commits-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-git-repository-commits-fill"}),(0,c.kt)("p",null,"ri-git-repository-commits-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-git-repository-private-line"}),(0,c.kt)("p",null,"ri-git-repository-private-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-git-repository-private-fill"}),(0,c.kt)("p",null,"ri-git-repository-private-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-html5-line"}),(0,c.kt)("p",null,"ri-html5-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-html5-fill"}),(0,c.kt)("p",null,"ri-html5-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-css3-line"}),(0,c.kt)("p",null,"ri-css3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-css3-fill"}),(0,c.kt)("p",null,"ri-css3-fill"))))),(0,c.kt)("h3",{id:"development"},"Development")),(0,c.kt)("div",{className:"icon-type-item"},(0,c.kt)("div",{class:"icon-items"},(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-tv-line"}),(0,c.kt)("p",null,"ri-tv-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-tv-fill"}),(0,c.kt)("p",null,"ri-tv-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-tv-2-line"}),(0,c.kt)("p",null,"ri-tv-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-tv-2-fill"}),(0,c.kt)("p",null,"ri-tv-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-computer-line"}),(0,c.kt)("p",null,"ri-computer-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-computer-fill"}),(0,c.kt)("p",null,"ri-computer-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mac-line"}),(0,c.kt)("p",null,"ri-mac-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mac-fill"}),(0,c.kt)("p",null,"ri-mac-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-macbook-line"}),(0,c.kt)("p",null,"ri-macbook-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-macbook-fill"}),(0,c.kt)("p",null,"ri-macbook-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cellphone-line"}),(0,c.kt)("p",null,"ri-cellphone-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cellphone-fill"}),(0,c.kt)("p",null,"ri-cellphone-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-smartphone-line"}),(0,c.kt)("p",null,"ri-smartphone-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-smartphone-fill"}),(0,c.kt)("p",null,"ri-smartphone-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-tablet-line"}),(0,c.kt)("p",null,"ri-tablet-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-tablet-fill"}),(0,c.kt)("p",null,"ri-tablet-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-device-line"}),(0,c.kt)("p",null,"ri-device-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-device-fill"}),(0,c.kt)("p",null,"ri-device-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-phone-line"}),(0,c.kt)("p",null,"ri-phone-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-phone-fill"}),(0,c.kt)("p",null,"ri-phone-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-database-line"}),(0,c.kt)("p",null,"ri-database-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-database-fill"}),(0,c.kt)("p",null,"ri-database-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-database-2-line"}),(0,c.kt)("p",null,"ri-database-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-database-2-fill"}),(0,c.kt)("p",null,"ri-database-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-server-line"}),(0,c.kt)("p",null,"ri-server-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-server-fill"}),(0,c.kt)("p",null,"ri-server-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hard-drive-line"}),(0,c.kt)("p",null,"ri-hard-drive-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hard-drive-fill"}),(0,c.kt)("p",null,"ri-hard-drive-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hard-drive-2-line"}),(0,c.kt)("p",null,"ri-hard-drive-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hard-drive-2-fill"}),(0,c.kt)("p",null,"ri-hard-drive-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-install-line"}),(0,c.kt)("p",null,"ri-install-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-install-fill"}),(0,c.kt)("p",null,"ri-install-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-uninstall-line"}),(0,c.kt)("p",null,"ri-uninstall-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-uninstall-fill"}),(0,c.kt)("p",null,"ri-uninstall-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-save-line"}),(0,c.kt)("p",null,"ri-save-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-save-fill"}),(0,c.kt)("p",null,"ri-save-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-save-2-line"}),(0,c.kt)("p",null,"ri-save-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-save-2-fill"}),(0,c.kt)("p",null,"ri-save-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-save-3-line"}),(0,c.kt)("p",null,"ri-save-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-save-3-fill"}),(0,c.kt)("p",null,"ri-save-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sd-card-line"}),(0,c.kt)("p",null,"ri-sd-card-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sd-card-fill"}),(0,c.kt)("p",null,"ri-sd-card-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sd-card-mini-line"}),(0,c.kt)("p",null,"ri-sd-card-mini-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sd-card-mini-fill"}),(0,c.kt)("p",null,"ri-sd-card-mini-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sim-card-line"}),(0,c.kt)("p",null,"ri-sim-card-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sim-card-fill"}),(0,c.kt)("p",null,"ri-sim-card-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sim-card-2-line"}),(0,c.kt)("p",null,"ri-sim-card-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sim-card-2-fill"}),(0,c.kt)("p",null,"ri-sim-card-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dual-sim-1-line"}),(0,c.kt)("p",null,"ri-dual-sim-1-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dual-sim-1-fill"}),(0,c.kt)("p",null,"ri-dual-sim-1-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dual-sim-2-line"}),(0,c.kt)("p",null,"ri-dual-sim-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dual-sim-2-fill"}),(0,c.kt)("p",null,"ri-dual-sim-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-u-disk-line"}),(0,c.kt)("p",null,"ri-u-disk-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-u-disk-fill"}),(0,c.kt)("p",null,"ri-u-disk-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-battery-line"}),(0,c.kt)("p",null,"ri-battery-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-battery-fill"}),(0,c.kt)("p",null,"ri-battery-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-battery-charge-line"}),(0,c.kt)("p",null,"ri-battery-charge-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-battery-charge-fill"}),(0,c.kt)("p",null,"ri-battery-charge-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-battery-low-line"}),(0,c.kt)("p",null,"ri-battery-low-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-battery-low-fill"}),(0,c.kt)("p",null,"ri-battery-low-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-battery-2-line"}),(0,c.kt)("p",null,"ri-battery-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-battery-2-fill"}),(0,c.kt)("p",null,"ri-battery-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-battery-2-charge-line"}),(0,c.kt)("p",null,"ri-battery-2-charge-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-battery-2-charge-fill"}),(0,c.kt)("p",null,"ri-battery-2-charge-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-battery-saver-line"}),(0,c.kt)("p",null,"ri-battery-saver-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-battery-saver-fill"}),(0,c.kt)("p",null,"ri-battery-saver-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-battery-share-line"}),(0,c.kt)("p",null,"ri-battery-share-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-battery-share-fill"}),(0,c.kt)("p",null,"ri-battery-share-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cast-line"}),(0,c.kt)("p",null,"ri-cast-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cast-fill"}),(0,c.kt)("p",null,"ri-cast-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-airplay-line"}),(0,c.kt)("p",null,"ri-airplay-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-airplay-fill"}),(0,c.kt)("p",null,"ri-airplay-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cpu-line"}),(0,c.kt)("p",null,"ri-cpu-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cpu-fill"}),(0,c.kt)("p",null,"ri-cpu-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gradienter-line"}),(0,c.kt)("p",null,"ri-gradienter-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gradienter-fill"}),(0,c.kt)("p",null,"ri-gradienter-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-keyboard-line"}),(0,c.kt)("p",null,"ri-keyboard-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-keyboard-fill"}),(0,c.kt)("p",null,"ri-keyboard-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-keyboard-box-line"}),(0,c.kt)("p",null,"ri-keyboard-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-keyboard-box-fill"}),(0,c.kt)("p",null,"ri-keyboard-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mouse-line"}),(0,c.kt)("p",null,"ri-mouse-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mouse-fill"}),(0,c.kt)("p",null,"ri-mouse-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sensor-line"}),(0,c.kt)("p",null,"ri-sensor-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sensor-fill"}),(0,c.kt)("p",null,"ri-sensor-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-router-line"}),(0,c.kt)("p",null,"ri-router-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-router-fill"}),(0,c.kt)("p",null,"ri-router-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-radar-line"}),(0,c.kt)("p",null,"ri-radar-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-radar-fill"}),(0,c.kt)("p",null,"ri-radar-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gamepad-line"}),(0,c.kt)("p",null,"ri-gamepad-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gamepad-fill"}),(0,c.kt)("p",null,"ri-gamepad-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-remote-control-line"}),(0,c.kt)("p",null,"ri-remote-control-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-remote-control-fill"}),(0,c.kt)("p",null,"ri-remote-control-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-remote-control-2-line"}),(0,c.kt)("p",null,"ri-remote-control-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-remote-control-2-fill"}),(0,c.kt)("p",null,"ri-remote-control-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-device-recover-line"}),(0,c.kt)("p",null,"ri-device-recover-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-device-recover-fill"}),(0,c.kt)("p",null,"ri-device-recover-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hotspot-line"}),(0,c.kt)("p",null,"ri-hotspot-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hotspot-fill"}),(0,c.kt)("p",null,"ri-hotspot-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-phone-find-line"}),(0,c.kt)("p",null,"ri-phone-find-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-phone-find-fill"}),(0,c.kt)("p",null,"ri-phone-find-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-phone-lock-line"}),(0,c.kt)("p",null,"ri-phone-lock-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-phone-lock-fill"}),(0,c.kt)("p",null,"ri-phone-lock-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rotate-lock-line"}),(0,c.kt)("p",null,"ri-rotate-lock-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rotate-lock-fill"}),(0,c.kt)("p",null,"ri-rotate-lock-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-restart-line"}),(0,c.kt)("p",null,"ri-restart-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-restart-fill"}),(0,c.kt)("p",null,"ri-restart-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shut-down-line"}),(0,c.kt)("p",null,"ri-shut-down-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shut-down-fill"}),(0,c.kt)("p",null,"ri-shut-down-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-fingerprint-line"}),(0,c.kt)("p",null,"ri-fingerprint-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-fingerprint-fill"}),(0,c.kt)("p",null,"ri-fingerprint-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-fingerprint-2-line"}),(0,c.kt)("p",null,"ri-fingerprint-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-fingerprint-2-fill"}),(0,c.kt)("p",null,"ri-fingerprint-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-barcode-line"}),(0,c.kt)("p",null,"ri-barcode-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-barcode-fill"}),(0,c.kt)("p",null,"ri-barcode-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-barcode-box-line"}),(0,c.kt)("p",null,"ri-barcode-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-barcode-box-fill"}),(0,c.kt)("p",null,"ri-barcode-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-qr-code-line"}),(0,c.kt)("p",null,"ri-qr-code-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-qr-code-fill"}),(0,c.kt)("p",null,"ri-qr-code-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-qr-scan-line"}),(0,c.kt)("p",null,"ri-qr-scan-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-qr-scan-fill"}),(0,c.kt)("p",null,"ri-qr-scan-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-qr-scan-2-line"}),(0,c.kt)("p",null,"ri-qr-scan-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-qr-scan-2-fill"}),(0,c.kt)("p",null,"ri-qr-scan-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-scan-line"}),(0,c.kt)("p",null,"ri-scan-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-scan-fill"}),(0,c.kt)("p",null,"ri-scan-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-scan-2-line"}),(0,c.kt)("p",null,"ri-scan-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-scan-2-fill"}),(0,c.kt)("p",null,"ri-scan-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rss-line"}),(0,c.kt)("p",null,"ri-rss-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rss-fill"}),(0,c.kt)("p",null,"ri-rss-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gps-line"}),(0,c.kt)("p",null,"ri-gps-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gps-fill"}),(0,c.kt)("p",null,"ri-gps-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-base-station-line"}),(0,c.kt)("p",null,"ri-base-station-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-base-station-fill"}),(0,c.kt)("p",null,"ri-base-station-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bluetooth-line"}),(0,c.kt)("p",null,"ri-bluetooth-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bluetooth-fill"}),(0,c.kt)("p",null,"ri-bluetooth-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bluetooth-connect-line"}),(0,c.kt)("p",null,"ri-bluetooth-connect-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bluetooth-connect-fill"}),(0,c.kt)("p",null,"ri-bluetooth-connect-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wifi-line"}),(0,c.kt)("p",null,"ri-wifi-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wifi-fill"}),(0,c.kt)("p",null,"ri-wifi-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wifi-off-line"}),(0,c.kt)("p",null,"ri-wifi-off-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wifi-off-fill"}),(0,c.kt)("p",null,"ri-wifi-off-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-signal-wifi-line"}),(0,c.kt)("p",null,"ri-signal-wifi-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-signal-wifi-fill"}),(0,c.kt)("p",null,"ri-signal-wifi-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-signal-wifi-1-line"}),(0,c.kt)("p",null,"ri-signal-wifi-1-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-signal-wifi-1-fill"}),(0,c.kt)("p",null,"ri-signal-wifi-1-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-signal-wifi-2-line"}),(0,c.kt)("p",null,"ri-signal-wifi-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-signal-wifi-2-fill"}),(0,c.kt)("p",null,"ri-signal-wifi-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-signal-wifi-3-line"}),(0,c.kt)("p",null,"ri-signal-wifi-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-signal-wifi-3-fill"}),(0,c.kt)("p",null,"ri-signal-wifi-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-signal-wifi-error-line"}),(0,c.kt)("p",null,"ri-signal-wifi-error-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-signal-wifi-error-fill"}),(0,c.kt)("p",null,"ri-signal-wifi-error-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-signal-wifi-off-line"}),(0,c.kt)("p",null,"ri-signal-wifi-off-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-signal-wifi-off-fill"}),(0,c.kt)("p",null,"ri-signal-wifi-off-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wireless-charging-line"}),(0,c.kt)("p",null,"ri-wireless-charging-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wireless-charging-fill"}),(0,c.kt)("p",null,"ri-wireless-charging-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dashboard-2-line"}),(0,c.kt)("p",null,"ri-dashboard-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dashboard-2-fill"}),(0,c.kt)("p",null,"ri-dashboard-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dashboard-3-line"}),(0,c.kt)("p",null,"ri-dashboard-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dashboard-3-fill"}),(0,c.kt)("p",null,"ri-dashboard-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-usb-line"}),(0,c.kt)("p",null,"ri-usb-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-usb-fill"}),(0,c.kt)("p",null,"ri-usb-fill"))))),(0,c.kt)("h3",{id:"device"},"Device")),(0,c.kt)("div",{className:"icon-type-item"},(0,c.kt)("div",{class:"icon-items"},(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-line"}),(0,c.kt)("p",null,"ri-file-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-fill"}),(0,c.kt)("p",null,"ri-file-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-2-line"}),(0,c.kt)("p",null,"ri-file-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-2-fill"}),(0,c.kt)("p",null,"ri-file-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-3-line"}),(0,c.kt)("p",null,"ri-file-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-3-fill"}),(0,c.kt)("p",null,"ri-file-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-4-line"}),(0,c.kt)("p",null,"ri-file-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-4-fill"}),(0,c.kt)("p",null,"ri-file-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sticky-note-line"}),(0,c.kt)("p",null,"ri-sticky-note-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sticky-note-fill"}),(0,c.kt)("p",null,"ri-sticky-note-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sticky-note-2-line"}),(0,c.kt)("p",null,"ri-sticky-note-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sticky-note-2-fill"}),(0,c.kt)("p",null,"ri-sticky-note-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-edit-line"}),(0,c.kt)("p",null,"ri-file-edit-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-edit-fill"}),(0,c.kt)("p",null,"ri-file-edit-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-draft-line"}),(0,c.kt)("p",null,"ri-draft-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-draft-fill"}),(0,c.kt)("p",null,"ri-draft-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-paper-line"}),(0,c.kt)("p",null,"ri-file-paper-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-paper-fill"}),(0,c.kt)("p",null,"ri-file-paper-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-paper-2-line"}),(0,c.kt)("p",null,"ri-file-paper-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-paper-2-fill"}),(0,c.kt)("p",null,"ri-file-paper-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-text-line"}),(0,c.kt)("p",null,"ri-file-text-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-text-fill"}),(0,c.kt)("p",null,"ri-file-text-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-list-line"}),(0,c.kt)("p",null,"ri-file-list-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-list-fill"}),(0,c.kt)("p",null,"ri-file-list-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-list-2-line"}),(0,c.kt)("p",null,"ri-file-list-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-list-2-fill"}),(0,c.kt)("p",null,"ri-file-list-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-list-3-line"}),(0,c.kt)("p",null,"ri-file-list-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-list-3-fill"}),(0,c.kt)("p",null,"ri-file-list-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bill-line"}),(0,c.kt)("p",null,"ri-bill-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bill-fill"}),(0,c.kt)("p",null,"ri-bill-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-copy-line"}),(0,c.kt)("p",null,"ri-file-copy-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-copy-fill"}),(0,c.kt)("p",null,"ri-file-copy-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-copy-2-line"}),(0,c.kt)("p",null,"ri-file-copy-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-copy-2-fill"}),(0,c.kt)("p",null,"ri-file-copy-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-clipboard-line"}),(0,c.kt)("p",null,"ri-clipboard-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-clipboard-fill"}),(0,c.kt)("p",null,"ri-clipboard-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-survey-line"}),(0,c.kt)("p",null,"ri-survey-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-survey-fill"}),(0,c.kt)("p",null,"ri-survey-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-article-line"}),(0,c.kt)("p",null,"ri-article-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-article-fill"}),(0,c.kt)("p",null,"ri-article-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-newspaper-line"}),(0,c.kt)("p",null,"ri-newspaper-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-newspaper-fill"}),(0,c.kt)("p",null,"ri-newspaper-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-zip-line"}),(0,c.kt)("p",null,"ri-file-zip-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-zip-fill"}),(0,c.kt)("p",null,"ri-file-zip-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-mark-line"}),(0,c.kt)("p",null,"ri-file-mark-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-mark-fill"}),(0,c.kt)("p",null,"ri-file-mark-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-task-line"}),(0,c.kt)("p",null,"ri-task-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-task-fill"}),(0,c.kt)("p",null,"ri-task-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-todo-line"}),(0,c.kt)("p",null,"ri-todo-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-todo-fill"}),(0,c.kt)("p",null,"ri-todo-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-book-line"}),(0,c.kt)("p",null,"ri-book-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-book-fill"}),(0,c.kt)("p",null,"ri-book-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-book-mark-line"}),(0,c.kt)("p",null,"ri-book-mark-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-book-mark-fill"}),(0,c.kt)("p",null,"ri-book-mark-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-book-2-line"}),(0,c.kt)("p",null,"ri-book-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-book-2-fill"}),(0,c.kt)("p",null,"ri-book-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-book-3-line"}),(0,c.kt)("p",null,"ri-book-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-book-3-fill"}),(0,c.kt)("p",null,"ri-book-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-book-open-line"}),(0,c.kt)("p",null,"ri-book-open-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-book-open-fill"}),(0,c.kt)("p",null,"ri-book-open-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-book-read-line"}),(0,c.kt)("p",null,"ri-book-read-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-book-read-fill"}),(0,c.kt)("p",null,"ri-book-read-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-contacts-book-line"}),(0,c.kt)("p",null,"ri-contacts-book-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-contacts-book-fill"}),(0,c.kt)("p",null,"ri-contacts-book-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-contacts-book-2-line"}),(0,c.kt)("p",null,"ri-contacts-book-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-contacts-book-2-fill"}),(0,c.kt)("p",null,"ri-contacts-book-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-contacts-book-upload-line"}),(0,c.kt)("p",null,"ri-contacts-book-upload-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-contacts-book-upload-fill"}),(0,c.kt)("p",null,"ri-contacts-book-upload-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-booklet-line"}),(0,c.kt)("p",null,"ri-booklet-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-booklet-fill"}),(0,c.kt)("p",null,"ri-booklet-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-code-line"}),(0,c.kt)("p",null,"ri-file-code-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-code-fill"}),(0,c.kt)("p",null,"ri-file-code-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-pdf-line"}),(0,c.kt)("p",null,"ri-file-pdf-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-pdf-fill"}),(0,c.kt)("p",null,"ri-file-pdf-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-word-line"}),(0,c.kt)("p",null,"ri-file-word-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-word-fill"}),(0,c.kt)("p",null,"ri-file-word-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-ppt-line"}),(0,c.kt)("p",null,"ri-file-ppt-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-ppt-fill"}),(0,c.kt)("p",null,"ri-file-ppt-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-excel-line"}),(0,c.kt)("p",null,"ri-file-excel-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-excel-fill"}),(0,c.kt)("p",null,"ri-file-excel-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-word-2-line"}),(0,c.kt)("p",null,"ri-file-word-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-word-2-fill"}),(0,c.kt)("p",null,"ri-file-word-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-ppt-2-line"}),(0,c.kt)("p",null,"ri-file-ppt-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-ppt-2-fill"}),(0,c.kt)("p",null,"ri-file-ppt-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-excel-2-line"}),(0,c.kt)("p",null,"ri-file-excel-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-excel-2-fill"}),(0,c.kt)("p",null,"ri-file-excel-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-hwp-line"}),(0,c.kt)("p",null,"ri-file-hwp-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-hwp-fill"}),(0,c.kt)("p",null,"ri-file-hwp-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-keynote-line"}),(0,c.kt)("p",null,"ri-keynote-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-keynote-fill"}),(0,c.kt)("p",null,"ri-keynote-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-numbers-line"}),(0,c.kt)("p",null,"ri-numbers-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-numbers-fill"}),(0,c.kt)("p",null,"ri-numbers-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pages-line"}),(0,c.kt)("p",null,"ri-pages-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pages-fill"}),(0,c.kt)("p",null,"ri-pages-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-search-line"}),(0,c.kt)("p",null,"ri-file-search-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-search-fill"}),(0,c.kt)("p",null,"ri-file-search-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-add-line"}),(0,c.kt)("p",null,"ri-file-add-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-add-fill"}),(0,c.kt)("p",null,"ri-file-add-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-reduce-line"}),(0,c.kt)("p",null,"ri-file-reduce-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-reduce-fill"}),(0,c.kt)("p",null,"ri-file-reduce-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-settings-line"}),(0,c.kt)("p",null,"ri-file-settings-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-settings-fill"}),(0,c.kt)("p",null,"ri-file-settings-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-upload-line"}),(0,c.kt)("p",null,"ri-file-upload-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-upload-fill"}),(0,c.kt)("p",null,"ri-file-upload-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-transfer-line"}),(0,c.kt)("p",null,"ri-file-transfer-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-transfer-fill"}),(0,c.kt)("p",null,"ri-file-transfer-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-download-line"}),(0,c.kt)("p",null,"ri-file-download-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-download-fill"}),(0,c.kt)("p",null,"ri-file-download-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-lock-line"}),(0,c.kt)("p",null,"ri-file-lock-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-lock-fill"}),(0,c.kt)("p",null,"ri-file-lock-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-chart-line"}),(0,c.kt)("p",null,"ri-file-chart-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-chart-fill"}),(0,c.kt)("p",null,"ri-file-chart-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-chart-2-line"}),(0,c.kt)("p",null,"ri-file-chart-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-chart-2-fill"}),(0,c.kt)("p",null,"ri-file-chart-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-music-line"}),(0,c.kt)("p",null,"ri-file-music-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-music-fill"}),(0,c.kt)("p",null,"ri-file-music-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-gif-line"}),(0,c.kt)("p",null,"ri-file-gif-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-gif-fill"}),(0,c.kt)("p",null,"ri-file-gif-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-forbid-line"}),(0,c.kt)("p",null,"ri-file-forbid-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-forbid-fill"}),(0,c.kt)("p",null,"ri-file-forbid-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-info-line"}),(0,c.kt)("p",null,"ri-file-info-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-info-fill"}),(0,c.kt)("p",null,"ri-file-info-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-warning-line"}),(0,c.kt)("p",null,"ri-file-warning-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-warning-fill"}),(0,c.kt)("p",null,"ri-file-warning-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-unknow-line"}),(0,c.kt)("p",null,"ri-file-unknow-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-unknow-fill"}),(0,c.kt)("p",null,"ri-file-unknow-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-user-line"}),(0,c.kt)("p",null,"ri-file-user-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-user-fill"}),(0,c.kt)("p",null,"ri-file-user-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-shield-line"}),(0,c.kt)("p",null,"ri-file-shield-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-shield-fill"}),(0,c.kt)("p",null,"ri-file-shield-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-shield-2-line"}),(0,c.kt)("p",null,"ri-file-shield-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-shield-2-fill"}),(0,c.kt)("p",null,"ri-file-shield-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-damage-line"}),(0,c.kt)("p",null,"ri-file-damage-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-damage-fill"}),(0,c.kt)("p",null,"ri-file-damage-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-history-line"}),(0,c.kt)("p",null,"ri-file-history-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-history-fill"}),(0,c.kt)("p",null,"ri-file-history-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-shred-line"}),(0,c.kt)("p",null,"ri-file-shred-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-shred-fill"}),(0,c.kt)("p",null,"ri-file-shred-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-cloud-line"}),(0,c.kt)("p",null,"ri-file-cloud-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-file-cloud-fill"}),(0,c.kt)("p",null,"ri-file-cloud-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-line"}),(0,c.kt)("p",null,"ri-folder-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-fill"}),(0,c.kt)("p",null,"ri-folder-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-2-line"}),(0,c.kt)("p",null,"ri-folder-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-2-fill"}),(0,c.kt)("p",null,"ri-folder-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-3-line"}),(0,c.kt)("p",null,"ri-folder-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-3-fill"}),(0,c.kt)("p",null,"ri-folder-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-4-line"}),(0,c.kt)("p",null,"ri-folder-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-4-fill"}),(0,c.kt)("p",null,"ri-folder-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-5-line"}),(0,c.kt)("p",null,"ri-folder-5-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-5-fill"}),(0,c.kt)("p",null,"ri-folder-5-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folders-line"}),(0,c.kt)("p",null,"ri-folders-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folders-fill"}),(0,c.kt)("p",null,"ri-folders-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-add-line"}),(0,c.kt)("p",null,"ri-folder-add-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-add-fill"}),(0,c.kt)("p",null,"ri-folder-add-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-reduce-line"}),(0,c.kt)("p",null,"ri-folder-reduce-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-reduce-fill"}),(0,c.kt)("p",null,"ri-folder-reduce-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-settings-line"}),(0,c.kt)("p",null,"ri-folder-settings-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-settings-fill"}),(0,c.kt)("p",null,"ri-folder-settings-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-upload-line"}),(0,c.kt)("p",null,"ri-folder-upload-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-upload-fill"}),(0,c.kt)("p",null,"ri-folder-upload-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-transfer-line"}),(0,c.kt)("p",null,"ri-folder-transfer-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-transfer-fill"}),(0,c.kt)("p",null,"ri-folder-transfer-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-download-line"}),(0,c.kt)("p",null,"ri-folder-download-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-download-fill"}),(0,c.kt)("p",null,"ri-folder-download-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-lock-line"}),(0,c.kt)("p",null,"ri-folder-lock-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-lock-fill"}),(0,c.kt)("p",null,"ri-folder-lock-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-chart-line"}),(0,c.kt)("p",null,"ri-folder-chart-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-chart-fill"}),(0,c.kt)("p",null,"ri-folder-chart-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-chart-2-line"}),(0,c.kt)("p",null,"ri-folder-chart-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-chart-2-fill"}),(0,c.kt)("p",null,"ri-folder-chart-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-music-line"}),(0,c.kt)("p",null,"ri-folder-music-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-music-fill"}),(0,c.kt)("p",null,"ri-folder-music-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-forbid-line"}),(0,c.kt)("p",null,"ri-folder-forbid-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-forbid-fill"}),(0,c.kt)("p",null,"ri-folder-forbid-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-info-line"}),(0,c.kt)("p",null,"ri-folder-info-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-info-fill"}),(0,c.kt)("p",null,"ri-folder-info-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-warning-line"}),(0,c.kt)("p",null,"ri-folder-warning-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-warning-fill"}),(0,c.kt)("p",null,"ri-folder-warning-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-unknow-line"}),(0,c.kt)("p",null,"ri-folder-unknow-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-unknow-fill"}),(0,c.kt)("p",null,"ri-folder-unknow-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-user-line"}),(0,c.kt)("p",null,"ri-folder-user-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-user-fill"}),(0,c.kt)("p",null,"ri-folder-user-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-shield-line"}),(0,c.kt)("p",null,"ri-folder-shield-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-shield-fill"}),(0,c.kt)("p",null,"ri-folder-shield-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-shield-2-line"}),(0,c.kt)("p",null,"ri-folder-shield-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-shield-2-fill"}),(0,c.kt)("p",null,"ri-folder-shield-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-shared-line"}),(0,c.kt)("p",null,"ri-folder-shared-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-shared-fill"}),(0,c.kt)("p",null,"ri-folder-shared-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-received-line"}),(0,c.kt)("p",null,"ri-folder-received-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-received-fill"}),(0,c.kt)("p",null,"ri-folder-received-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-open-line"}),(0,c.kt)("p",null,"ri-folder-open-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-open-fill"}),(0,c.kt)("p",null,"ri-folder-open-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-keyhole-line"}),(0,c.kt)("p",null,"ri-folder-keyhole-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-keyhole-fill"}),(0,c.kt)("p",null,"ri-folder-keyhole-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-zip-line"}),(0,c.kt)("p",null,"ri-folder-zip-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-zip-fill"}),(0,c.kt)("p",null,"ri-folder-zip-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-history-line"}),(0,c.kt)("p",null,"ri-folder-history-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-folder-history-fill"}),(0,c.kt)("p",null,"ri-folder-history-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-markdown-line"}),(0,c.kt)("p",null,"ri-markdown-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-markdown-fill"}),(0,c.kt)("p",null,"ri-markdown-fill"))))),(0,c.kt)("h3",{id:"document"},"Document")),(0,c.kt)("div",{className:"icon-type-item"},(0,c.kt)("div",{class:"icon-items"},(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bold"}),(0,c.kt)("p",null,"ri-bold")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-italic"}),(0,c.kt)("p",null,"ri-italic")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-heading"}),(0,c.kt)("p",null,"ri-heading")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-text"}),(0,c.kt)("p",null,"ri-text")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-font-color"}),(0,c.kt)("p",null,"ri-font-color")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-font-size"}),(0,c.kt)("p",null,"ri-font-size")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-font-size-2"}),(0,c.kt)("p",null,"ri-font-size-2")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-underline"}),(0,c.kt)("p",null,"ri-underline")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-emphasis"}),(0,c.kt)("p",null,"ri-emphasis")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-emphasis-cn"}),(0,c.kt)("p",null,"ri-emphasis-cn")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-strikethrough"}),(0,c.kt)("p",null,"ri-strikethrough")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-strikethrough-2"}),(0,c.kt)("p",null,"ri-strikethrough-2")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-format-clear"}),(0,c.kt)("p",null,"ri-format-clear")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-align-left"}),(0,c.kt)("p",null,"ri-align-left")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-align-center"}),(0,c.kt)("p",null,"ri-align-center")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-align-right"}),(0,c.kt)("p",null,"ri-align-right")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-align-justify"}),(0,c.kt)("p",null,"ri-align-justify")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-align-top"}),(0,c.kt)("p",null,"ri-align-top")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-align-vertically"}),(0,c.kt)("p",null,"ri-align-vertically")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-align-bottom"}),(0,c.kt)("p",null,"ri-align-bottom")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-list-check"}),(0,c.kt)("p",null,"ri-list-check")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-list-check-2"}),(0,c.kt)("p",null,"ri-list-check-2")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-list-ordered"}),(0,c.kt)("p",null,"ri-list-ordered")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-list-unordered"}),(0,c.kt)("p",null,"ri-list-unordered")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-indent-decrease"}),(0,c.kt)("p",null,"ri-indent-decrease")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-indent-increase"}),(0,c.kt)("p",null,"ri-indent-increase")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-line-height"}),(0,c.kt)("p",null,"ri-line-height")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-text-spacing"}),(0,c.kt)("p",null,"ri-text-spacing")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-text-wrap"}),(0,c.kt)("p",null,"ri-text-wrap")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-attachment-2"}),(0,c.kt)("p",null,"ri-attachment-2")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-link"}),(0,c.kt)("p",null,"ri-link")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-link-unlink"}),(0,c.kt)("p",null,"ri-link-unlink")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-link-m"}),(0,c.kt)("p",null,"ri-link-m")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-link-unlink-m"}),(0,c.kt)("p",null,"ri-link-unlink-m")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-separator"}),(0,c.kt)("p",null,"ri-separator")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-space"}),(0,c.kt)("p",null,"ri-space")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-page-separator"}),(0,c.kt)("p",null,"ri-page-separator")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-code-view"}),(0,c.kt)("p",null,"ri-code-view")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-double-quotes-l"}),(0,c.kt)("p",null,"ri-double-quotes-l")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-double-quotes-r"}),(0,c.kt)("p",null,"ri-double-quotes-r")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-single-quotes-l"}),(0,c.kt)("p",null,"ri-single-quotes-l")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-single-quotes-r"}),(0,c.kt)("p",null,"ri-single-quotes-r")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-table-2"}),(0,c.kt)("p",null,"ri-table-2")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-subscript"}),(0,c.kt)("p",null,"ri-subscript")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-subscript-2"}),(0,c.kt)("p",null,"ri-subscript-2")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-superscript"}),(0,c.kt)("p",null,"ri-superscript")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-superscript-2"}),(0,c.kt)("p",null,"ri-superscript-2")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-paragraph"}),(0,c.kt)("p",null,"ri-paragraph")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-text-direction-l"}),(0,c.kt)("p",null,"ri-text-direction-l")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-text-direction-r"}),(0,c.kt)("p",null,"ri-text-direction-r")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-functions"}),(0,c.kt)("p",null,"ri-functions")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-omega"}),(0,c.kt)("p",null,"ri-omega")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hashtag"}),(0,c.kt)("p",null,"ri-hashtag")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-asterisk"}),(0,c.kt)("p",null,"ri-asterisk")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-question-mark"}),(0,c.kt)("p",null,"ri-question-mark")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-translate"}),(0,c.kt)("p",null,"ri-translate")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-translate-2"}),(0,c.kt)("p",null,"ri-translate-2")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-a-b"}),(0,c.kt)("p",null,"ri-a-b")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-english-input"}),(0,c.kt)("p",null,"ri-english-input")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pinyin-input"}),(0,c.kt)("p",null,"ri-pinyin-input")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wubi-input"}),(0,c.kt)("p",null,"ri-wubi-input")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-input-cursor-move"}),(0,c.kt)("p",null,"ri-input-cursor-move")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-number-1"}),(0,c.kt)("p",null,"ri-number-1")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-number-2"}),(0,c.kt)("p",null,"ri-number-2")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-number-3"}),(0,c.kt)("p",null,"ri-number-3")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-number-4"}),(0,c.kt)("p",null,"ri-number-4")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-number-5"}),(0,c.kt)("p",null,"ri-number-5")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-number-6"}),(0,c.kt)("p",null,"ri-number-6")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-number-7"}),(0,c.kt)("p",null,"ri-number-7")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-number-8"}),(0,c.kt)("p",null,"ri-number-8")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-number-9"}),(0,c.kt)("p",null,"ri-number-9")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-number-0"}),(0,c.kt)("p",null,"ri-number-0")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sort-asc"}),(0,c.kt)("p",null,"ri-sort-asc")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sort-desc"}),(0,c.kt)("p",null,"ri-sort-desc")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bring-forward"}),(0,c.kt)("p",null,"ri-bring-forward")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-send-backward"}),(0,c.kt)("p",null,"ri-send-backward")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bring-to-front"}),(0,c.kt)("p",null,"ri-bring-to-front")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-send-to-back"}),(0,c.kt)("p",null,"ri-send-to-back")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-h-1"}),(0,c.kt)("p",null,"ri-h-1")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-h-2"}),(0,c.kt)("p",null,"ri-h-2")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-h-3"}),(0,c.kt)("p",null,"ri-h-3")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-h-4"}),(0,c.kt)("p",null,"ri-h-4")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-h-5"}),(0,c.kt)("p",null,"ri-h-5")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-h-6"}),(0,c.kt)("p",null,"ri-h-6")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-insert-column-left"}),(0,c.kt)("p",null,"ri-insert-column-left")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-insert-column-right"}),(0,c.kt)("p",null,"ri-insert-column-right")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-insert-row-top"}),(0,c.kt)("p",null,"ri-insert-row-top")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-insert-row-bottom"}),(0,c.kt)("p",null,"ri-insert-row-bottom")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-column"}),(0,c.kt)("p",null,"ri-delete-column")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-row"}),(0,c.kt)("p",null,"ri-delete-row")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-merge-cells-horizontal"}),(0,c.kt)("p",null,"ri-merge-cells-horizontal")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-merge-cells-vertical"}),(0,c.kt)("p",null,"ri-merge-cells-vertical")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-split-cells-horizontal"}),(0,c.kt)("p",null,"ri-split-cells-horizontal")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-split-cells-vertical"}),(0,c.kt)("p",null,"ri-split-cells-vertical")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-flow-chart"}),(0,c.kt)("p",null,"ri-flow-chart")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mind-map"}),(0,c.kt)("p",null,"ri-mind-map")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-node-tree"}),(0,c.kt)("p",null,"ri-node-tree")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-organization-chart"}),(0,c.kt)("p",null,"ri-organization-chart")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rounded-corner"}),(0,c.kt)("p",null,"ri-rounded-corner"))))),(0,c.kt)("h3",{id:"editor"},"Editor")),(0,c.kt)("div",{className:"icon-type-item"},(0,c.kt)("div",{class:"icon-items"},(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wallet-line"}),(0,c.kt)("p",null,"ri-wallet-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wallet-fill"}),(0,c.kt)("p",null,"ri-wallet-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wallet-2-line"}),(0,c.kt)("p",null,"ri-wallet-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wallet-2-fill"}),(0,c.kt)("p",null,"ri-wallet-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wallet-3-line"}),(0,c.kt)("p",null,"ri-wallet-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wallet-3-fill"}),(0,c.kt)("p",null,"ri-wallet-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bank-card-line"}),(0,c.kt)("p",null,"ri-bank-card-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bank-card-fill"}),(0,c.kt)("p",null,"ri-bank-card-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bank-card-2-line"}),(0,c.kt)("p",null,"ri-bank-card-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bank-card-2-fill"}),(0,c.kt)("p",null,"ri-bank-card-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-secure-payment-line"}),(0,c.kt)("p",null,"ri-secure-payment-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-secure-payment-fill"}),(0,c.kt)("p",null,"ri-secure-payment-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-refund-line"}),(0,c.kt)("p",null,"ri-refund-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-refund-fill"}),(0,c.kt)("p",null,"ri-refund-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-refund-2-line"}),(0,c.kt)("p",null,"ri-refund-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-refund-2-fill"}),(0,c.kt)("p",null,"ri-refund-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-safe-line"}),(0,c.kt)("p",null,"ri-safe-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-safe-fill"}),(0,c.kt)("p",null,"ri-safe-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-safe-2-line"}),(0,c.kt)("p",null,"ri-safe-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-safe-2-fill"}),(0,c.kt)("p",null,"ri-safe-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-price-tag-line"}),(0,c.kt)("p",null,"ri-price-tag-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-price-tag-fill"}),(0,c.kt)("p",null,"ri-price-tag-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-price-tag-2-line"}),(0,c.kt)("p",null,"ri-price-tag-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-price-tag-2-fill"}),(0,c.kt)("p",null,"ri-price-tag-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-price-tag-3-line"}),(0,c.kt)("p",null,"ri-price-tag-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-price-tag-3-fill"}),(0,c.kt)("p",null,"ri-price-tag-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ticket-line"}),(0,c.kt)("p",null,"ri-ticket-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ticket-fill"}),(0,c.kt)("p",null,"ri-ticket-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ticket-2-line"}),(0,c.kt)("p",null,"ri-ticket-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ticket-2-fill"}),(0,c.kt)("p",null,"ri-ticket-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-coupon-line"}),(0,c.kt)("p",null,"ri-coupon-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-coupon-fill"}),(0,c.kt)("p",null,"ri-coupon-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-coupon-2-line"}),(0,c.kt)("p",null,"ri-coupon-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-coupon-2-fill"}),(0,c.kt)("p",null,"ri-coupon-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-coupon-3-line"}),(0,c.kt)("p",null,"ri-coupon-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-coupon-3-fill"}),(0,c.kt)("p",null,"ri-coupon-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-coupon-4-line"}),(0,c.kt)("p",null,"ri-coupon-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-coupon-4-fill"}),(0,c.kt)("p",null,"ri-coupon-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-coupon-5-line"}),(0,c.kt)("p",null,"ri-coupon-5-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-coupon-5-fill"}),(0,c.kt)("p",null,"ri-coupon-5-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shopping-bag-line"}),(0,c.kt)("p",null,"ri-shopping-bag-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shopping-bag-fill"}),(0,c.kt)("p",null,"ri-shopping-bag-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shopping-bag-2-line"}),(0,c.kt)("p",null,"ri-shopping-bag-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shopping-bag-2-fill"}),(0,c.kt)("p",null,"ri-shopping-bag-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shopping-bag-3-line"}),(0,c.kt)("p",null,"ri-shopping-bag-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shopping-bag-3-fill"}),(0,c.kt)("p",null,"ri-shopping-bag-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shopping-basket-line"}),(0,c.kt)("p",null,"ri-shopping-basket-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shopping-basket-fill"}),(0,c.kt)("p",null,"ri-shopping-basket-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shopping-basket-2-line"}),(0,c.kt)("p",null,"ri-shopping-basket-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shopping-basket-2-fill"}),(0,c.kt)("p",null,"ri-shopping-basket-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shopping-cart-line"}),(0,c.kt)("p",null,"ri-shopping-cart-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shopping-cart-fill"}),(0,c.kt)("p",null,"ri-shopping-cart-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shopping-cart-2-line"}),(0,c.kt)("p",null,"ri-shopping-cart-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shopping-cart-2-fill"}),(0,c.kt)("p",null,"ri-shopping-cart-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-vip-line"}),(0,c.kt)("p",null,"ri-vip-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-vip-fill"}),(0,c.kt)("p",null,"ri-vip-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-vip-crown-line"}),(0,c.kt)("p",null,"ri-vip-crown-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-vip-crown-fill"}),(0,c.kt)("p",null,"ri-vip-crown-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-vip-crown-2-line"}),(0,c.kt)("p",null,"ri-vip-crown-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-vip-crown-2-fill"}),(0,c.kt)("p",null,"ri-vip-crown-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-vip-diamond-line"}),(0,c.kt)("p",null,"ri-vip-diamond-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-vip-diamond-fill"}),(0,c.kt)("p",null,"ri-vip-diamond-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-trophy-line"}),(0,c.kt)("p",null,"ri-trophy-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-trophy-fill"}),(0,c.kt)("p",null,"ri-trophy-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-exchange-line"}),(0,c.kt)("p",null,"ri-exchange-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-exchange-fill"}),(0,c.kt)("p",null,"ri-exchange-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-exchange-box-line"}),(0,c.kt)("p",null,"ri-exchange-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-exchange-box-fill"}),(0,c.kt)("p",null,"ri-exchange-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-swap-line"}),(0,c.kt)("p",null,"ri-swap-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-swap-fill"}),(0,c.kt)("p",null,"ri-swap-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-swap-box-line"}),(0,c.kt)("p",null,"ri-swap-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-swap-box-fill"}),(0,c.kt)("p",null,"ri-swap-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-exchange-dollar-line"}),(0,c.kt)("p",null,"ri-exchange-dollar-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-exchange-dollar-fill"}),(0,c.kt)("p",null,"ri-exchange-dollar-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-exchange-cny-line"}),(0,c.kt)("p",null,"ri-exchange-cny-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-exchange-cny-fill"}),(0,c.kt)("p",null,"ri-exchange-cny-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-exchange-funds-line"}),(0,c.kt)("p",null,"ri-exchange-funds-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-exchange-funds-fill"}),(0,c.kt)("p",null,"ri-exchange-funds-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-increase-decrease-line"}),(0,c.kt)("p",null,"ri-increase-decrease-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-increase-decrease-fill"}),(0,c.kt)("p",null,"ri-increase-decrease-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-percent-line"}),(0,c.kt)("p",null,"ri-percent-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-percent-fill"}),(0,c.kt)("p",null,"ri-percent-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-copper-coin-line"}),(0,c.kt)("p",null,"ri-copper-coin-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-copper-coin-fill"}),(0,c.kt)("p",null,"ri-copper-coin-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-copper-diamond-line"}),(0,c.kt)("p",null,"ri-copper-diamond-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-copper-diamond-fill"}),(0,c.kt)("p",null,"ri-copper-diamond-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-money-cny-box-line"}),(0,c.kt)("p",null,"ri-money-cny-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-money-cny-box-fill"}),(0,c.kt)("p",null,"ri-money-cny-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-money-cny-circle-line"}),(0,c.kt)("p",null,"ri-money-cny-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-money-cny-circle-fill"}),(0,c.kt)("p",null,"ri-money-cny-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-money-dollar-box-line"}),(0,c.kt)("p",null,"ri-money-dollar-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-money-dollar-box-fill"}),(0,c.kt)("p",null,"ri-money-dollar-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-money-dollar-circle-line"}),(0,c.kt)("p",null,"ri-money-dollar-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-money-dollar-circle-fill"}),(0,c.kt)("p",null,"ri-money-dollar-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-money-euro-box-line"}),(0,c.kt)("p",null,"ri-money-euro-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-money-euro-box-fill"}),(0,c.kt)("p",null,"ri-money-euro-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-money-euro-circle-line"}),(0,c.kt)("p",null,"ri-money-euro-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-money-euro-circle-fill"}),(0,c.kt)("p",null,"ri-money-euro-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-money-pound-box-line"}),(0,c.kt)("p",null,"ri-money-pound-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-money-pound-box-fill"}),(0,c.kt)("p",null,"ri-money-pound-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-money-pound-circle-line"}),(0,c.kt)("p",null,"ri-money-pound-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-money-pound-circle-fill"}),(0,c.kt)("p",null,"ri-money-pound-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bit-coin-line"}),(0,c.kt)("p",null,"ri-bit-coin-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bit-coin-fill"}),(0,c.kt)("p",null,"ri-bit-coin-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-coin-line"}),(0,c.kt)("p",null,"ri-coin-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-coin-fill"}),(0,c.kt)("p",null,"ri-coin-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-coins-line"}),(0,c.kt)("p",null,"ri-coins-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-coins-fill"}),(0,c.kt)("p",null,"ri-coins-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-currency-line"}),(0,c.kt)("p",null,"ri-currency-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-currency-fill"}),(0,c.kt)("p",null,"ri-currency-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-funds-line"}),(0,c.kt)("p",null,"ri-funds-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-funds-fill"}),(0,c.kt)("p",null,"ri-funds-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-funds-box-line"}),(0,c.kt)("p",null,"ri-funds-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-funds-box-fill"}),(0,c.kt)("p",null,"ri-funds-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-red-packet-line"}),(0,c.kt)("p",null,"ri-red-packet-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-red-packet-fill"}),(0,c.kt)("p",null,"ri-red-packet-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-water-flash-line"}),(0,c.kt)("p",null,"ri-water-flash-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-water-flash-fill"}),(0,c.kt)("p",null,"ri-water-flash-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-stock-line"}),(0,c.kt)("p",null,"ri-stock-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-stock-fill"}),(0,c.kt)("p",null,"ri-stock-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-auction-line"}),(0,c.kt)("p",null,"ri-auction-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-auction-fill"}),(0,c.kt)("p",null,"ri-auction-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gift-line"}),(0,c.kt)("p",null,"ri-gift-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gift-fill"}),(0,c.kt)("p",null,"ri-gift-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gift-2-line"}),(0,c.kt)("p",null,"ri-gift-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gift-2-fill"}),(0,c.kt)("p",null,"ri-gift-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hand-coin-line"}),(0,c.kt)("p",null,"ri-hand-coin-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hand-coin-fill"}),(0,c.kt)("p",null,"ri-hand-coin-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hand-heart-line"}),(0,c.kt)("p",null,"ri-hand-heart-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hand-heart-fill"}),(0,c.kt)("p",null,"ri-hand-heart-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-24-hours-line"}),(0,c.kt)("p",null,"ri-24-hours-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-24-hours-fill"}),(0,c.kt)("p",null,"ri-24-hours-fill"))))),(0,c.kt)("h3",{id:"finance"},"Finance")),(0,c.kt)("div",{className:"icon-type-item"},(0,c.kt)("div",{class:"icon-items"},(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-heart-line"}),(0,c.kt)("p",null,"ri-heart-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-heart-fill"}),(0,c.kt)("p",null,"ri-heart-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-heart-2-line"}),(0,c.kt)("p",null,"ri-heart-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-heart-2-fill"}),(0,c.kt)("p",null,"ri-heart-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-heart-3-line"}),(0,c.kt)("p",null,"ri-heart-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-heart-3-fill"}),(0,c.kt)("p",null,"ri-heart-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-heart-add-line"}),(0,c.kt)("p",null,"ri-heart-add-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-heart-add-fill"}),(0,c.kt)("p",null,"ri-heart-add-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dislike-line"}),(0,c.kt)("p",null,"ri-dislike-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dislike-fill"}),(0,c.kt)("p",null,"ri-dislike-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hearts-line"}),(0,c.kt)("p",null,"ri-hearts-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hearts-fill"}),(0,c.kt)("p",null,"ri-hearts-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-heart-pulse-line"}),(0,c.kt)("p",null,"ri-heart-pulse-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-heart-pulse-fill"}),(0,c.kt)("p",null,"ri-heart-pulse-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pulse-line"}),(0,c.kt)("p",null,"ri-pulse-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pulse-fill"}),(0,c.kt)("p",null,"ri-pulse-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-empathize-line"}),(0,c.kt)("p",null,"ri-empathize-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-empathize-fill"}),(0,c.kt)("p",null,"ri-empathize-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-nurse-line"}),(0,c.kt)("p",null,"ri-nurse-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-nurse-fill"}),(0,c.kt)("p",null,"ri-nurse-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dossier-line"}),(0,c.kt)("p",null,"ri-dossier-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dossier-fill"}),(0,c.kt)("p",null,"ri-dossier-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-health-book-line"}),(0,c.kt)("p",null,"ri-health-book-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-health-book-fill"}),(0,c.kt)("p",null,"ri-health-book-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-first-aid-kit-line"}),(0,c.kt)("p",null,"ri-first-aid-kit-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-first-aid-kit-fill"}),(0,c.kt)("p",null,"ri-first-aid-kit-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-capsule-line"}),(0,c.kt)("p",null,"ri-capsule-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-capsule-fill"}),(0,c.kt)("p",null,"ri-capsule-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-medicine-bottle-line"}),(0,c.kt)("p",null,"ri-medicine-bottle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-medicine-bottle-fill"}),(0,c.kt)("p",null,"ri-medicine-bottle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-flask-line"}),(0,c.kt)("p",null,"ri-flask-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-flask-fill"}),(0,c.kt)("p",null,"ri-flask-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-test-tube-line"}),(0,c.kt)("p",null,"ri-test-tube-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-test-tube-fill"}),(0,c.kt)("p",null,"ri-test-tube-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-microscope-line"}),(0,c.kt)("p",null,"ri-microscope-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-microscope-fill"}),(0,c.kt)("p",null,"ri-microscope-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hand-sanitizer-line"}),(0,c.kt)("p",null,"ri-hand-sanitizer-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hand-sanitizer-fill"}),(0,c.kt)("p",null,"ri-hand-sanitizer-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mental-health-line"}),(0,c.kt)("p",null,"ri-mental-health-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mental-health-fill"}),(0,c.kt)("p",null,"ri-mental-health-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-psychotherapy-line"}),(0,c.kt)("p",null,"ri-psychotherapy-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-psychotherapy-fill"}),(0,c.kt)("p",null,"ri-psychotherapy-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-stethoscope-line"}),(0,c.kt)("p",null,"ri-stethoscope-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-stethoscope-fill"}),(0,c.kt)("p",null,"ri-stethoscope-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-syringe-line"}),(0,c.kt)("p",null,"ri-syringe-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-syringe-fill"}),(0,c.kt)("p",null,"ri-syringe-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-thermometer-line"}),(0,c.kt)("p",null,"ri-thermometer-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-thermometer-fill"}),(0,c.kt)("p",null,"ri-thermometer-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-infrared-thermometer-line"}),(0,c.kt)("p",null,"ri-infrared-thermometer-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-infrared-thermometer-fill"}),(0,c.kt)("p",null,"ri-infrared-thermometer-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-surgical-mask-line"}),(0,c.kt)("p",null,"ri-surgical-mask-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-surgical-mask-fill"}),(0,c.kt)("p",null,"ri-surgical-mask-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-virus-line"}),(0,c.kt)("p",null,"ri-virus-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-virus-fill"}),(0,c.kt)("p",null,"ri-virus-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-lungs-line"}),(0,c.kt)("p",null,"ri-lungs-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-lungs-fill"}),(0,c.kt)("p",null,"ri-lungs-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rest-time-line"}),(0,c.kt)("p",null,"ri-rest-time-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rest-time-fill"}),(0,c.kt)("p",null,"ri-rest-time-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-zzz-line"}),(0,c.kt)("p",null,"ri-zzz-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-zzz-fill"}),(0,c.kt)("p",null,"ri-zzz-fill"))))),(0,c.kt)("h3",{id:"health--medical"},"Health ","&"," Medical")),(0,c.kt)("div",{className:"icon-type-item"},(0,c.kt)("div",{class:"icon-items"},(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-alipay-line"}),(0,c.kt)("p",null,"ri-alipay-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-alipay-fill"}),(0,c.kt)("p",null,"ri-alipay-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-amazon-line"}),(0,c.kt)("p",null,"ri-amazon-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-amazon-fill"}),(0,c.kt)("p",null,"ri-amazon-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-android-line"}),(0,c.kt)("p",null,"ri-android-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-android-fill"}),(0,c.kt)("p",null,"ri-android-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-angularjs-line"}),(0,c.kt)("p",null,"ri-angularjs-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-angularjs-fill"}),(0,c.kt)("p",null,"ri-angularjs-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-app-store-line"}),(0,c.kt)("p",null,"ri-app-store-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-app-store-fill"}),(0,c.kt)("p",null,"ri-app-store-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-apple-line"}),(0,c.kt)("p",null,"ri-apple-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-apple-fill"}),(0,c.kt)("p",null,"ri-apple-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-baidu-line"}),(0,c.kt)("p",null,"ri-baidu-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-baidu-fill"}),(0,c.kt)("p",null,"ri-baidu-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-behance-line"}),(0,c.kt)("p",null,"ri-behance-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-behance-fill"}),(0,c.kt)("p",null,"ri-behance-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bilibili-line"}),(0,c.kt)("p",null,"ri-bilibili-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bilibili-fill"}),(0,c.kt)("p",null,"ri-bilibili-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-centos-line"}),(0,c.kt)("p",null,"ri-centos-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-centos-fill"}),(0,c.kt)("p",null,"ri-centos-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chrome-line"}),(0,c.kt)("p",null,"ri-chrome-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-chrome-fill"}),(0,c.kt)("p",null,"ri-chrome-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-codepen-line"}),(0,c.kt)("p",null,"ri-codepen-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-codepen-fill"}),(0,c.kt)("p",null,"ri-codepen-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-coreos-line"}),(0,c.kt)("p",null,"ri-coreos-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-coreos-fill"}),(0,c.kt)("p",null,"ri-coreos-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dingding-line"}),(0,c.kt)("p",null,"ri-dingding-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dingding-fill"}),(0,c.kt)("p",null,"ri-dingding-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-discord-line"}),(0,c.kt)("p",null,"ri-discord-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-discord-fill"}),(0,c.kt)("p",null,"ri-discord-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-disqus-line"}),(0,c.kt)("p",null,"ri-disqus-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-disqus-fill"}),(0,c.kt)("p",null,"ri-disqus-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-douban-line"}),(0,c.kt)("p",null,"ri-douban-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-douban-fill"}),(0,c.kt)("p",null,"ri-douban-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dribbble-line"}),(0,c.kt)("p",null,"ri-dribbble-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dribbble-fill"}),(0,c.kt)("p",null,"ri-dribbble-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-drive-line"}),(0,c.kt)("p",null,"ri-drive-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-drive-fill"}),(0,c.kt)("p",null,"ri-drive-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dropbox-line"}),(0,c.kt)("p",null,"ri-dropbox-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dropbox-fill"}),(0,c.kt)("p",null,"ri-dropbox-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-edge-line"}),(0,c.kt)("p",null,"ri-edge-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-edge-fill"}),(0,c.kt)("p",null,"ri-edge-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-evernote-line"}),(0,c.kt)("p",null,"ri-evernote-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-evernote-fill"}),(0,c.kt)("p",null,"ri-evernote-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-facebook-line"}),(0,c.kt)("p",null,"ri-facebook-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-facebook-fill"}),(0,c.kt)("p",null,"ri-facebook-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-facebook-circle-line"}),(0,c.kt)("p",null,"ri-facebook-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-facebook-circle-fill"}),(0,c.kt)("p",null,"ri-facebook-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-facebook-box-line"}),(0,c.kt)("p",null,"ri-facebook-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-facebook-box-fill"}),(0,c.kt)("p",null,"ri-facebook-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-finder-line"}),(0,c.kt)("p",null,"ri-finder-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-finder-fill"}),(0,c.kt)("p",null,"ri-finder-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-firefox-line"}),(0,c.kt)("p",null,"ri-firefox-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-firefox-fill"}),(0,c.kt)("p",null,"ri-firefox-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-flutter-line"}),(0,c.kt)("p",null,"ri-flutter-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-flutter-fill"}),(0,c.kt)("p",null,"ri-flutter-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gatsby-line"}),(0,c.kt)("p",null,"ri-gatsby-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gatsby-fill"}),(0,c.kt)("p",null,"ri-gatsby-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-github-line"}),(0,c.kt)("p",null,"ri-github-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-github-fill"}),(0,c.kt)("p",null,"ri-github-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gitlab-line"}),(0,c.kt)("p",null,"ri-gitlab-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gitlab-fill"}),(0,c.kt)("p",null,"ri-gitlab-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-google-line"}),(0,c.kt)("p",null,"ri-google-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-google-fill"}),(0,c.kt)("p",null,"ri-google-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-google-play-line"}),(0,c.kt)("p",null,"ri-google-play-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-google-play-fill"}),(0,c.kt)("p",null,"ri-google-play-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-honor-of-kings-line"}),(0,c.kt)("p",null,"ri-honor-of-kings-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-honor-of-kings-fill"}),(0,c.kt)("p",null,"ri-honor-of-kings-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ie-line"}),(0,c.kt)("p",null,"ri-ie-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ie-fill"}),(0,c.kt)("p",null,"ri-ie-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-instagram-line"}),(0,c.kt)("p",null,"ri-instagram-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-instagram-fill"}),(0,c.kt)("p",null,"ri-instagram-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-invision-line"}),(0,c.kt)("p",null,"ri-invision-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-invision-fill"}),(0,c.kt)("p",null,"ri-invision-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-kakao-talk-line"}),(0,c.kt)("p",null,"ri-kakao-talk-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-kakao-talk-fill"}),(0,c.kt)("p",null,"ri-kakao-talk-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-line-line"}),(0,c.kt)("p",null,"ri-line-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-line-fill"}),(0,c.kt)("p",null,"ri-line-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-linkedin-line"}),(0,c.kt)("p",null,"ri-linkedin-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-linkedin-fill"}),(0,c.kt)("p",null,"ri-linkedin-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-linkedin-box-line"}),(0,c.kt)("p",null,"ri-linkedin-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-linkedin-box-fill"}),(0,c.kt)("p",null,"ri-linkedin-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mastercard-line"}),(0,c.kt)("p",null,"ri-mastercard-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mastercard-fill"}),(0,c.kt)("p",null,"ri-mastercard-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mastodon-line"}),(0,c.kt)("p",null,"ri-mastodon-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mastodon-fill"}),(0,c.kt)("p",null,"ri-mastodon-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-medium-line"}),(0,c.kt)("p",null,"ri-medium-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-medium-fill"}),(0,c.kt)("p",null,"ri-medium-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-messenger-line"}),(0,c.kt)("p",null,"ri-messenger-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-messenger-fill"}),(0,c.kt)("p",null,"ri-messenger-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-microsoft-line"}),(0,c.kt)("p",null,"ri-microsoft-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-microsoft-fill"}),(0,c.kt)("p",null,"ri-microsoft-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mini-program-line"}),(0,c.kt)("p",null,"ri-mini-program-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mini-program-fill"}),(0,c.kt)("p",null,"ri-mini-program-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-netease-cloud-music-line"}),(0,c.kt)("p",null,"ri-netease-cloud-music-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-netease-cloud-music-fill"}),(0,c.kt)("p",null,"ri-netease-cloud-music-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-netflix-line"}),(0,c.kt)("p",null,"ri-netflix-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-netflix-fill"}),(0,c.kt)("p",null,"ri-netflix-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-npmjs-line"}),(0,c.kt)("p",null,"ri-npmjs-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-npmjs-fill"}),(0,c.kt)("p",null,"ri-npmjs-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-open-source-line"}),(0,c.kt)("p",null,"ri-open-source-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-open-source-fill"}),(0,c.kt)("p",null,"ri-open-source-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-opera-line"}),(0,c.kt)("p",null,"ri-opera-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-opera-fill"}),(0,c.kt)("p",null,"ri-opera-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-patreon-line"}),(0,c.kt)("p",null,"ri-patreon-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-patreon-fill"}),(0,c.kt)("p",null,"ri-patreon-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-paypal-line"}),(0,c.kt)("p",null,"ri-paypal-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-paypal-fill"}),(0,c.kt)("p",null,"ri-paypal-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pinterest-line"}),(0,c.kt)("p",null,"ri-pinterest-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pinterest-fill"}),(0,c.kt)("p",null,"ri-pinterest-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pixelfed-line"}),(0,c.kt)("p",null,"ri-pixelfed-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pixelfed-fill"}),(0,c.kt)("p",null,"ri-pixelfed-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-playstation-line"}),(0,c.kt)("p",null,"ri-playstation-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-playstation-fill"}),(0,c.kt)("p",null,"ri-playstation-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-product-hunt-line"}),(0,c.kt)("p",null,"ri-product-hunt-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-product-hunt-fill"}),(0,c.kt)("p",null,"ri-product-hunt-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-qq-line"}),(0,c.kt)("p",null,"ri-qq-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-qq-fill"}),(0,c.kt)("p",null,"ri-qq-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-reactjs-line"}),(0,c.kt)("p",null,"ri-reactjs-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-reactjs-fill"}),(0,c.kt)("p",null,"ri-reactjs-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-reddit-line"}),(0,c.kt)("p",null,"ri-reddit-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-reddit-fill"}),(0,c.kt)("p",null,"ri-reddit-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-remixicon-line"}),(0,c.kt)("p",null,"ri-remixicon-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-remixicon-fill"}),(0,c.kt)("p",null,"ri-remixicon-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-safari-line"}),(0,c.kt)("p",null,"ri-safari-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-safari-fill"}),(0,c.kt)("p",null,"ri-safari-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-skype-line"}),(0,c.kt)("p",null,"ri-skype-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-skype-fill"}),(0,c.kt)("p",null,"ri-skype-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-slack-line"}),(0,c.kt)("p",null,"ri-slack-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-slack-fill"}),(0,c.kt)("p",null,"ri-slack-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-snapchat-line"}),(0,c.kt)("p",null,"ri-snapchat-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-snapchat-fill"}),(0,c.kt)("p",null,"ri-snapchat-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-soundcloud-line"}),(0,c.kt)("p",null,"ri-soundcloud-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-soundcloud-fill"}),(0,c.kt)("p",null,"ri-soundcloud-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-spectrum-line"}),(0,c.kt)("p",null,"ri-spectrum-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-spectrum-fill"}),(0,c.kt)("p",null,"ri-spectrum-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-spotify-line"}),(0,c.kt)("p",null,"ri-spotify-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-spotify-fill"}),(0,c.kt)("p",null,"ri-spotify-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-stack-overflow-line"}),(0,c.kt)("p",null,"ri-stack-overflow-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-stack-overflow-fill"}),(0,c.kt)("p",null,"ri-stack-overflow-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-stackshare-line"}),(0,c.kt)("p",null,"ri-stackshare-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-stackshare-fill"}),(0,c.kt)("p",null,"ri-stackshare-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-steam-line"}),(0,c.kt)("p",null,"ri-steam-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-steam-fill"}),(0,c.kt)("p",null,"ri-steam-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-switch-line"}),(0,c.kt)("p",null,"ri-switch-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-switch-fill"}),(0,c.kt)("p",null,"ri-switch-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-taobao-line"}),(0,c.kt)("p",null,"ri-taobao-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-taobao-fill"}),(0,c.kt)("p",null,"ri-taobao-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-telegram-line"}),(0,c.kt)("p",null,"ri-telegram-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-telegram-fill"}),(0,c.kt)("p",null,"ri-telegram-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-trello-line"}),(0,c.kt)("p",null,"ri-trello-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-trello-fill"}),(0,c.kt)("p",null,"ri-trello-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-tumblr-line"}),(0,c.kt)("p",null,"ri-tumblr-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-tumblr-fill"}),(0,c.kt)("p",null,"ri-tumblr-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-twitch-line"}),(0,c.kt)("p",null,"ri-twitch-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-twitch-fill"}),(0,c.kt)("p",null,"ri-twitch-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-twitter-line"}),(0,c.kt)("p",null,"ri-twitter-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-twitter-fill"}),(0,c.kt)("p",null,"ri-twitter-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ubuntu-line"}),(0,c.kt)("p",null,"ri-ubuntu-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ubuntu-fill"}),(0,c.kt)("p",null,"ri-ubuntu-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-unsplash-line"}),(0,c.kt)("p",null,"ri-unsplash-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-unsplash-fill"}),(0,c.kt)("p",null,"ri-unsplash-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-vimeo-line"}),(0,c.kt)("p",null,"ri-vimeo-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-vimeo-fill"}),(0,c.kt)("p",null,"ri-vimeo-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-visa-line"}),(0,c.kt)("p",null,"ri-visa-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-visa-fill"}),(0,c.kt)("p",null,"ri-visa-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-vuejs-line"}),(0,c.kt)("p",null,"ri-vuejs-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-vuejs-fill"}),(0,c.kt)("p",null,"ri-vuejs-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wechat-line"}),(0,c.kt)("p",null,"ri-wechat-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wechat-fill"}),(0,c.kt)("p",null,"ri-wechat-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wechat-2-line"}),(0,c.kt)("p",null,"ri-wechat-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wechat-2-fill"}),(0,c.kt)("p",null,"ri-wechat-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wechat-pay-line"}),(0,c.kt)("p",null,"ri-wechat-pay-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wechat-pay-fill"}),(0,c.kt)("p",null,"ri-wechat-pay-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-weibo-line"}),(0,c.kt)("p",null,"ri-weibo-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-weibo-fill"}),(0,c.kt)("p",null,"ri-weibo-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-whatsapp-line"}),(0,c.kt)("p",null,"ri-whatsapp-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-whatsapp-fill"}),(0,c.kt)("p",null,"ri-whatsapp-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-windows-line"}),(0,c.kt)("p",null,"ri-windows-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-windows-fill"}),(0,c.kt)("p",null,"ri-windows-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-xbox-line"}),(0,c.kt)("p",null,"ri-xbox-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-xbox-fill"}),(0,c.kt)("p",null,"ri-xbox-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-xing-line"}),(0,c.kt)("p",null,"ri-xing-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-xing-fill"}),(0,c.kt)("p",null,"ri-xing-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-youtube-line"}),(0,c.kt)("p",null,"ri-youtube-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-youtube-fill"}),(0,c.kt)("p",null,"ri-youtube-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-zcool-line"}),(0,c.kt)("p",null,"ri-zcool-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-zcool-fill"}),(0,c.kt)("p",null,"ri-zcool-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-zhihu-line"}),(0,c.kt)("p",null,"ri-zhihu-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-zhihu-fill"}),(0,c.kt)("p",null,"ri-zhihu-fill"))))),(0,c.kt)("h3",{id:"logos"},"Logos")),(0,c.kt)("div",{className:"icon-type-item"},(0,c.kt)("div",{class:"icon-items"},(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-line"}),(0,c.kt)("p",null,"ri-map-pin-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-fill"}),(0,c.kt)("p",null,"ri-map-pin-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-2-line"}),(0,c.kt)("p",null,"ri-map-pin-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-2-fill"}),(0,c.kt)("p",null,"ri-map-pin-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-3-line"}),(0,c.kt)("p",null,"ri-map-pin-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-3-fill"}),(0,c.kt)("p",null,"ri-map-pin-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-4-line"}),(0,c.kt)("p",null,"ri-map-pin-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-4-fill"}),(0,c.kt)("p",null,"ri-map-pin-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-5-line"}),(0,c.kt)("p",null,"ri-map-pin-5-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-5-fill"}),(0,c.kt)("p",null,"ri-map-pin-5-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-add-line"}),(0,c.kt)("p",null,"ri-map-pin-add-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-add-fill"}),(0,c.kt)("p",null,"ri-map-pin-add-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-range-line"}),(0,c.kt)("p",null,"ri-map-pin-range-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-range-fill"}),(0,c.kt)("p",null,"ri-map-pin-range-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-time-line"}),(0,c.kt)("p",null,"ri-map-pin-time-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-time-fill"}),(0,c.kt)("p",null,"ri-map-pin-time-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-user-line"}),(0,c.kt)("p",null,"ri-map-pin-user-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-pin-user-fill"}),(0,c.kt)("p",null,"ri-map-pin-user-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pin-distance-line"}),(0,c.kt)("p",null,"ri-pin-distance-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pin-distance-fill"}),(0,c.kt)("p",null,"ri-pin-distance-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pushpin-line"}),(0,c.kt)("p",null,"ri-pushpin-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pushpin-fill"}),(0,c.kt)("p",null,"ri-pushpin-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pushpin-2-line"}),(0,c.kt)("p",null,"ri-pushpin-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pushpin-2-fill"}),(0,c.kt)("p",null,"ri-pushpin-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-compass-line"}),(0,c.kt)("p",null,"ri-compass-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-compass-fill"}),(0,c.kt)("p",null,"ri-compass-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-compass-2-line"}),(0,c.kt)("p",null,"ri-compass-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-compass-2-fill"}),(0,c.kt)("p",null,"ri-compass-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-compass-3-line"}),(0,c.kt)("p",null,"ri-compass-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-compass-3-fill"}),(0,c.kt)("p",null,"ri-compass-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-compass-4-line"}),(0,c.kt)("p",null,"ri-compass-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-compass-4-fill"}),(0,c.kt)("p",null,"ri-compass-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-compass-discover-line"}),(0,c.kt)("p",null,"ri-compass-discover-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-compass-discover-fill"}),(0,c.kt)("p",null,"ri-compass-discover-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-anchor-line"}),(0,c.kt)("p",null,"ri-anchor-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-anchor-fill"}),(0,c.kt)("p",null,"ri-anchor-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-china-railway-line"}),(0,c.kt)("p",null,"ri-china-railway-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-china-railway-fill"}),(0,c.kt)("p",null,"ri-china-railway-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-space-ship-line"}),(0,c.kt)("p",null,"ri-space-ship-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-space-ship-fill"}),(0,c.kt)("p",null,"ri-space-ship-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rocket-line"}),(0,c.kt)("p",null,"ri-rocket-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rocket-fill"}),(0,c.kt)("p",null,"ri-rocket-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rocket-2-line"}),(0,c.kt)("p",null,"ri-rocket-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rocket-2-fill"}),(0,c.kt)("p",null,"ri-rocket-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-line"}),(0,c.kt)("p",null,"ri-map-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-fill"}),(0,c.kt)("p",null,"ri-map-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-2-line"}),(0,c.kt)("p",null,"ri-map-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-map-2-fill"}),(0,c.kt)("p",null,"ri-map-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-treasure-map-line"}),(0,c.kt)("p",null,"ri-treasure-map-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-treasure-map-fill"}),(0,c.kt)("p",null,"ri-treasure-map-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-road-map-line"}),(0,c.kt)("p",null,"ri-road-map-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-road-map-fill"}),(0,c.kt)("p",null,"ri-road-map-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-earth-line"}),(0,c.kt)("p",null,"ri-earth-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-earth-fill"}),(0,c.kt)("p",null,"ri-earth-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-globe-line"}),(0,c.kt)("p",null,"ri-globe-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-globe-fill"}),(0,c.kt)("p",null,"ri-globe-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-parking-line"}),(0,c.kt)("p",null,"ri-parking-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-parking-fill"}),(0,c.kt)("p",null,"ri-parking-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-parking-box-line"}),(0,c.kt)("p",null,"ri-parking-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-parking-box-fill"}),(0,c.kt)("p",null,"ri-parking-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-route-line"}),(0,c.kt)("p",null,"ri-route-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-route-fill"}),(0,c.kt)("p",null,"ri-route-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-guide-line"}),(0,c.kt)("p",null,"ri-guide-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-guide-fill"}),(0,c.kt)("p",null,"ri-guide-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gas-station-line"}),(0,c.kt)("p",null,"ri-gas-station-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gas-station-fill"}),(0,c.kt)("p",null,"ri-gas-station-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-charging-pile-line"}),(0,c.kt)("p",null,"ri-charging-pile-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-charging-pile-fill"}),(0,c.kt)("p",null,"ri-charging-pile-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-charging-pile-2-line"}),(0,c.kt)("p",null,"ri-charging-pile-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-charging-pile-2-fill"}),(0,c.kt)("p",null,"ri-charging-pile-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-car-line"}),(0,c.kt)("p",null,"ri-car-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-car-fill"}),(0,c.kt)("p",null,"ri-car-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-car-washing-line"}),(0,c.kt)("p",null,"ri-car-washing-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-car-washing-fill"}),(0,c.kt)("p",null,"ri-car-washing-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-roadster-line"}),(0,c.kt)("p",null,"ri-roadster-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-roadster-fill"}),(0,c.kt)("p",null,"ri-roadster-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-taxi-line"}),(0,c.kt)("p",null,"ri-taxi-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-taxi-fill"}),(0,c.kt)("p",null,"ri-taxi-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-taxi-wifi-line"}),(0,c.kt)("p",null,"ri-taxi-wifi-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-taxi-wifi-fill"}),(0,c.kt)("p",null,"ri-taxi-wifi-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-police-car-line"}),(0,c.kt)("p",null,"ri-police-car-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-police-car-fill"}),(0,c.kt)("p",null,"ri-police-car-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bus-line"}),(0,c.kt)("p",null,"ri-bus-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bus-fill"}),(0,c.kt)("p",null,"ri-bus-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bus-2-line"}),(0,c.kt)("p",null,"ri-bus-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bus-2-fill"}),(0,c.kt)("p",null,"ri-bus-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bus-wifi-line"}),(0,c.kt)("p",null,"ri-bus-wifi-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bus-wifi-fill"}),(0,c.kt)("p",null,"ri-bus-wifi-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-truck-line"}),(0,c.kt)("p",null,"ri-truck-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-truck-fill"}),(0,c.kt)("p",null,"ri-truck-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-train-line"}),(0,c.kt)("p",null,"ri-train-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-train-fill"}),(0,c.kt)("p",null,"ri-train-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-train-wifi-line"}),(0,c.kt)("p",null,"ri-train-wifi-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-train-wifi-fill"}),(0,c.kt)("p",null,"ri-train-wifi-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-subway-line"}),(0,c.kt)("p",null,"ri-subway-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-subway-fill"}),(0,c.kt)("p",null,"ri-subway-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-subway-wifi-line"}),(0,c.kt)("p",null,"ri-subway-wifi-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-subway-wifi-fill"}),(0,c.kt)("p",null,"ri-subway-wifi-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-flight-takeoff-line"}),(0,c.kt)("p",null,"ri-flight-takeoff-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-flight-takeoff-fill"}),(0,c.kt)("p",null,"ri-flight-takeoff-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-flight-land-line"}),(0,c.kt)("p",null,"ri-flight-land-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-flight-land-fill"}),(0,c.kt)("p",null,"ri-flight-land-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-plane-line"}),(0,c.kt)("p",null,"ri-plane-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-plane-fill"}),(0,c.kt)("p",null,"ri-plane-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sailboat-line"}),(0,c.kt)("p",null,"ri-sailboat-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sailboat-fill"}),(0,c.kt)("p",null,"ri-sailboat-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ship-line"}),(0,c.kt)("p",null,"ri-ship-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ship-fill"}),(0,c.kt)("p",null,"ri-ship-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ship-2-line"}),(0,c.kt)("p",null,"ri-ship-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ship-2-fill"}),(0,c.kt)("p",null,"ri-ship-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bike-line"}),(0,c.kt)("p",null,"ri-bike-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bike-fill"}),(0,c.kt)("p",null,"ri-bike-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-e-bike-line"}),(0,c.kt)("p",null,"ri-e-bike-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-e-bike-fill"}),(0,c.kt)("p",null,"ri-e-bike-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-e-bike-2-line"}),(0,c.kt)("p",null,"ri-e-bike-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-e-bike-2-fill"}),(0,c.kt)("p",null,"ri-e-bike-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-takeaway-line"}),(0,c.kt)("p",null,"ri-takeaway-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-takeaway-fill"}),(0,c.kt)("p",null,"ri-takeaway-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-motorbike-line"}),(0,c.kt)("p",null,"ri-motorbike-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-motorbike-fill"}),(0,c.kt)("p",null,"ri-motorbike-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-caravan-line"}),(0,c.kt)("p",null,"ri-caravan-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-caravan-fill"}),(0,c.kt)("p",null,"ri-caravan-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-walk-line"}),(0,c.kt)("p",null,"ri-walk-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-walk-fill"}),(0,c.kt)("p",null,"ri-walk-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-run-line"}),(0,c.kt)("p",null,"ri-run-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-run-fill"}),(0,c.kt)("p",null,"ri-run-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-riding-line"}),(0,c.kt)("p",null,"ri-riding-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-riding-fill"}),(0,c.kt)("p",null,"ri-riding-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-barricade-line"}),(0,c.kt)("p",null,"ri-barricade-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-barricade-fill"}),(0,c.kt)("p",null,"ri-barricade-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-footprint-line"}),(0,c.kt)("p",null,"ri-footprint-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-footprint-fill"}),(0,c.kt)("p",null,"ri-footprint-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-traffic-light-line"}),(0,c.kt)("p",null,"ri-traffic-light-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-traffic-light-fill"}),(0,c.kt)("p",null,"ri-traffic-light-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-signal-tower-line"}),(0,c.kt)("p",null,"ri-signal-tower-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-signal-tower-fill"}),(0,c.kt)("p",null,"ri-signal-tower-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-restaurant-line"}),(0,c.kt)("p",null,"ri-restaurant-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-restaurant-fill"}),(0,c.kt)("p",null,"ri-restaurant-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-restaurant-2-line"}),(0,c.kt)("p",null,"ri-restaurant-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-restaurant-2-fill"}),(0,c.kt)("p",null,"ri-restaurant-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cup-line"}),(0,c.kt)("p",null,"ri-cup-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cup-fill"}),(0,c.kt)("p",null,"ri-cup-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-goblet-line"}),(0,c.kt)("p",null,"ri-goblet-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-goblet-fill"}),(0,c.kt)("p",null,"ri-goblet-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hotel-bed-line"}),(0,c.kt)("p",null,"ri-hotel-bed-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hotel-bed-fill"}),(0,c.kt)("p",null,"ri-hotel-bed-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-navigation-line"}),(0,c.kt)("p",null,"ri-navigation-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-navigation-fill"}),(0,c.kt)("p",null,"ri-navigation-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-oil-line"}),(0,c.kt)("p",null,"ri-oil-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-oil-fill"}),(0,c.kt)("p",null,"ri-oil-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-direction-line"}),(0,c.kt)("p",null,"ri-direction-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-direction-fill"}),(0,c.kt)("p",null,"ri-direction-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-steering-line"}),(0,c.kt)("p",null,"ri-steering-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-steering-fill"}),(0,c.kt)("p",null,"ri-steering-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-steering-2-line"}),(0,c.kt)("p",null,"ri-steering-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-steering-2-fill"}),(0,c.kt)("p",null,"ri-steering-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-lifebuoy-line"}),(0,c.kt)("p",null,"ri-lifebuoy-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-lifebuoy-fill"}),(0,c.kt)("p",null,"ri-lifebuoy-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-passport-line"}),(0,c.kt)("p",null,"ri-passport-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-passport-fill"}),(0,c.kt)("p",null,"ri-passport-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-suitcase-line"}),(0,c.kt)("p",null,"ri-suitcase-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-suitcase-fill"}),(0,c.kt)("p",null,"ri-suitcase-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-suitcase-2-line"}),(0,c.kt)("p",null,"ri-suitcase-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-suitcase-2-fill"}),(0,c.kt)("p",null,"ri-suitcase-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-suitcase-3-line"}),(0,c.kt)("p",null,"ri-suitcase-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-suitcase-3-fill"}),(0,c.kt)("p",null,"ri-suitcase-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-luggage-deposit-line"}),(0,c.kt)("p",null,"ri-luggage-deposit-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-luggage-deposit-fill"}),(0,c.kt)("p",null,"ri-luggage-deposit-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-luggage-cart-line"}),(0,c.kt)("p",null,"ri-luggage-cart-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-luggage-cart-fill"}),(0,c.kt)("p",null,"ri-luggage-cart-fill"))))),(0,c.kt)("h3",{id:"map"},"Map")),(0,c.kt)("div",{className:"icon-type-item"},(0,c.kt)("div",{class:"icon-items"},(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-image-line"}),(0,c.kt)("p",null,"ri-image-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-image-fill"}),(0,c.kt)("p",null,"ri-image-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-image-2-line"}),(0,c.kt)("p",null,"ri-image-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-image-2-fill"}),(0,c.kt)("p",null,"ri-image-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-image-add-line"}),(0,c.kt)("p",null,"ri-image-add-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-image-add-fill"}),(0,c.kt)("p",null,"ri-image-add-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-image-edit-line"}),(0,c.kt)("p",null,"ri-image-edit-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-image-edit-fill"}),(0,c.kt)("p",null,"ri-image-edit-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-landscape-line"}),(0,c.kt)("p",null,"ri-landscape-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-landscape-fill"}),(0,c.kt)("p",null,"ri-landscape-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gallery-line"}),(0,c.kt)("p",null,"ri-gallery-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gallery-fill"}),(0,c.kt)("p",null,"ri-gallery-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gallery-upload-line"}),(0,c.kt)("p",null,"ri-gallery-upload-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-gallery-upload-fill"}),(0,c.kt)("p",null,"ri-gallery-upload-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-video-line"}),(0,c.kt)("p",null,"ri-video-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-video-fill"}),(0,c.kt)("p",null,"ri-video-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-movie-line"}),(0,c.kt)("p",null,"ri-movie-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-movie-fill"}),(0,c.kt)("p",null,"ri-movie-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-movie-2-line"}),(0,c.kt)("p",null,"ri-movie-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-movie-2-fill"}),(0,c.kt)("p",null,"ri-movie-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-film-line"}),(0,c.kt)("p",null,"ri-film-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-film-fill"}),(0,c.kt)("p",null,"ri-film-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-clapperboard-line"}),(0,c.kt)("p",null,"ri-clapperboard-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-clapperboard-fill"}),(0,c.kt)("p",null,"ri-clapperboard-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-vidicon-line"}),(0,c.kt)("p",null,"ri-vidicon-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-vidicon-fill"}),(0,c.kt)("p",null,"ri-vidicon-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-vidicon-2-line"}),(0,c.kt)("p",null,"ri-vidicon-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-vidicon-2-fill"}),(0,c.kt)("p",null,"ri-vidicon-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-live-line"}),(0,c.kt)("p",null,"ri-live-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-live-fill"}),(0,c.kt)("p",null,"ri-live-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-video-add-line"}),(0,c.kt)("p",null,"ri-video-add-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-video-add-fill"}),(0,c.kt)("p",null,"ri-video-add-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-video-upload-line"}),(0,c.kt)("p",null,"ri-video-upload-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-video-upload-fill"}),(0,c.kt)("p",null,"ri-video-upload-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-video-download-line"}),(0,c.kt)("p",null,"ri-video-download-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-video-download-fill"}),(0,c.kt)("p",null,"ri-video-download-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dv-line"}),(0,c.kt)("p",null,"ri-dv-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dv-fill"}),(0,c.kt)("p",null,"ri-dv-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-camera-line"}),(0,c.kt)("p",null,"ri-camera-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-camera-fill"}),(0,c.kt)("p",null,"ri-camera-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-camera-off-line"}),(0,c.kt)("p",null,"ri-camera-off-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-camera-off-fill"}),(0,c.kt)("p",null,"ri-camera-off-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-camera-2-line"}),(0,c.kt)("p",null,"ri-camera-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-camera-2-fill"}),(0,c.kt)("p",null,"ri-camera-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-camera-3-line"}),(0,c.kt)("p",null,"ri-camera-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-camera-3-fill"}),(0,c.kt)("p",null,"ri-camera-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-camera-lens-line"}),(0,c.kt)("p",null,"ri-camera-lens-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-camera-lens-fill"}),(0,c.kt)("p",null,"ri-camera-lens-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-camera-switch-line"}),(0,c.kt)("p",null,"ri-camera-switch-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-camera-switch-fill"}),(0,c.kt)("p",null,"ri-camera-switch-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-polaroid-line"}),(0,c.kt)("p",null,"ri-polaroid-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-polaroid-fill"}),(0,c.kt)("p",null,"ri-polaroid-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-polaroid-2-line"}),(0,c.kt)("p",null,"ri-polaroid-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-polaroid-2-fill"}),(0,c.kt)("p",null,"ri-polaroid-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-phone-camera-line"}),(0,c.kt)("p",null,"ri-phone-camera-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-phone-camera-fill"}),(0,c.kt)("p",null,"ri-phone-camera-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-webcam-line"}),(0,c.kt)("p",null,"ri-webcam-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-webcam-fill"}),(0,c.kt)("p",null,"ri-webcam-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mv-line"}),(0,c.kt)("p",null,"ri-mv-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mv-fill"}),(0,c.kt)("p",null,"ri-mv-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-music-line"}),(0,c.kt)("p",null,"ri-music-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-music-fill"}),(0,c.kt)("p",null,"ri-music-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-music-2-line"}),(0,c.kt)("p",null,"ri-music-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-music-2-fill"}),(0,c.kt)("p",null,"ri-music-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-disc-line"}),(0,c.kt)("p",null,"ri-disc-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-disc-fill"}),(0,c.kt)("p",null,"ri-disc-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-album-line"}),(0,c.kt)("p",null,"ri-album-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-album-fill"}),(0,c.kt)("p",null,"ri-album-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dvd-line"}),(0,c.kt)("p",null,"ri-dvd-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dvd-fill"}),(0,c.kt)("p",null,"ri-dvd-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-headphone-line"}),(0,c.kt)("p",null,"ri-headphone-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-headphone-fill"}),(0,c.kt)("p",null,"ri-headphone-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-radio-line"}),(0,c.kt)("p",null,"ri-radio-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-radio-fill"}),(0,c.kt)("p",null,"ri-radio-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-radio-2-line"}),(0,c.kt)("p",null,"ri-radio-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-radio-2-fill"}),(0,c.kt)("p",null,"ri-radio-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-tape-line"}),(0,c.kt)("p",null,"ri-tape-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-tape-fill"}),(0,c.kt)("p",null,"ri-tape-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mic-line"}),(0,c.kt)("p",null,"ri-mic-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mic-fill"}),(0,c.kt)("p",null,"ri-mic-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mic-2-line"}),(0,c.kt)("p",null,"ri-mic-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mic-2-fill"}),(0,c.kt)("p",null,"ri-mic-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mic-off-line"}),(0,c.kt)("p",null,"ri-mic-off-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mic-off-fill"}),(0,c.kt)("p",null,"ri-mic-off-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-volume-down-line"}),(0,c.kt)("p",null,"ri-volume-down-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-volume-down-fill"}),(0,c.kt)("p",null,"ri-volume-down-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-volume-mute-line"}),(0,c.kt)("p",null,"ri-volume-mute-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-volume-mute-fill"}),(0,c.kt)("p",null,"ri-volume-mute-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-volume-up-line"}),(0,c.kt)("p",null,"ri-volume-up-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-volume-up-fill"}),(0,c.kt)("p",null,"ri-volume-up-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-volume-vibrate-line"}),(0,c.kt)("p",null,"ri-volume-vibrate-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-volume-vibrate-fill"}),(0,c.kt)("p",null,"ri-volume-vibrate-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-volume-off-vibrate-line"}),(0,c.kt)("p",null,"ri-volume-off-vibrate-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-volume-off-vibrate-fill"}),(0,c.kt)("p",null,"ri-volume-off-vibrate-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-speaker-line"}),(0,c.kt)("p",null,"ri-speaker-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-speaker-fill"}),(0,c.kt)("p",null,"ri-speaker-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-speaker-2-line"}),(0,c.kt)("p",null,"ri-speaker-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-speaker-2-fill"}),(0,c.kt)("p",null,"ri-speaker-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-speaker-3-line"}),(0,c.kt)("p",null,"ri-speaker-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-speaker-3-fill"}),(0,c.kt)("p",null,"ri-speaker-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-surround-sound-line"}),(0,c.kt)("p",null,"ri-surround-sound-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-surround-sound-fill"}),(0,c.kt)("p",null,"ri-surround-sound-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-broadcast-line"}),(0,c.kt)("p",null,"ri-broadcast-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-broadcast-fill"}),(0,c.kt)("p",null,"ri-broadcast-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-notification-line"}),(0,c.kt)("p",null,"ri-notification-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-notification-fill"}),(0,c.kt)("p",null,"ri-notification-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-notification-2-line"}),(0,c.kt)("p",null,"ri-notification-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-notification-2-fill"}),(0,c.kt)("p",null,"ri-notification-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-notification-3-line"}),(0,c.kt)("p",null,"ri-notification-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-notification-3-fill"}),(0,c.kt)("p",null,"ri-notification-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-notification-4-line"}),(0,c.kt)("p",null,"ri-notification-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-notification-4-fill"}),(0,c.kt)("p",null,"ri-notification-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-notification-off-line"}),(0,c.kt)("p",null,"ri-notification-off-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-notification-off-fill"}),(0,c.kt)("p",null,"ri-notification-off-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-play-circle-line"}),(0,c.kt)("p",null,"ri-play-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-play-circle-fill"}),(0,c.kt)("p",null,"ri-play-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pause-circle-line"}),(0,c.kt)("p",null,"ri-pause-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pause-circle-fill"}),(0,c.kt)("p",null,"ri-pause-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-record-circle-line"}),(0,c.kt)("p",null,"ri-record-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-record-circle-fill"}),(0,c.kt)("p",null,"ri-record-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-stop-circle-line"}),(0,c.kt)("p",null,"ri-stop-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-stop-circle-fill"}),(0,c.kt)("p",null,"ri-stop-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-eject-line"}),(0,c.kt)("p",null,"ri-eject-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-eject-fill"}),(0,c.kt)("p",null,"ri-eject-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-play-line"}),(0,c.kt)("p",null,"ri-play-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-play-fill"}),(0,c.kt)("p",null,"ri-play-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pause-line"}),(0,c.kt)("p",null,"ri-pause-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pause-fill"}),(0,c.kt)("p",null,"ri-pause-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-stop-line"}),(0,c.kt)("p",null,"ri-stop-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-stop-fill"}),(0,c.kt)("p",null,"ri-stop-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rewind-line"}),(0,c.kt)("p",null,"ri-rewind-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rewind-fill"}),(0,c.kt)("p",null,"ri-rewind-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-speed-line"}),(0,c.kt)("p",null,"ri-speed-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-speed-fill"}),(0,c.kt)("p",null,"ri-speed-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-skip-back-line"}),(0,c.kt)("p",null,"ri-skip-back-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-skip-back-fill"}),(0,c.kt)("p",null,"ri-skip-back-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-skip-forward-line"}),(0,c.kt)("p",null,"ri-skip-forward-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-skip-forward-fill"}),(0,c.kt)("p",null,"ri-skip-forward-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-play-mini-line"}),(0,c.kt)("p",null,"ri-play-mini-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-play-mini-fill"}),(0,c.kt)("p",null,"ri-play-mini-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pause-mini-line"}),(0,c.kt)("p",null,"ri-pause-mini-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-pause-mini-fill"}),(0,c.kt)("p",null,"ri-pause-mini-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-stop-mini-line"}),(0,c.kt)("p",null,"ri-stop-mini-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-stop-mini-fill"}),(0,c.kt)("p",null,"ri-stop-mini-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rewind-mini-line"}),(0,c.kt)("p",null,"ri-rewind-mini-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rewind-mini-fill"}),(0,c.kt)("p",null,"ri-rewind-mini-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-speed-mini-line"}),(0,c.kt)("p",null,"ri-speed-mini-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-speed-mini-fill"}),(0,c.kt)("p",null,"ri-speed-mini-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-skip-back-mini-line"}),(0,c.kt)("p",null,"ri-skip-back-mini-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-skip-back-mini-fill"}),(0,c.kt)("p",null,"ri-skip-back-mini-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-skip-forward-mini-line"}),(0,c.kt)("p",null,"ri-skip-forward-mini-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-skip-forward-mini-fill"}),(0,c.kt)("p",null,"ri-skip-forward-mini-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-repeat-line"}),(0,c.kt)("p",null,"ri-repeat-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-repeat-fill"}),(0,c.kt)("p",null,"ri-repeat-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-repeat-2-line"}),(0,c.kt)("p",null,"ri-repeat-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-repeat-2-fill"}),(0,c.kt)("p",null,"ri-repeat-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-repeat-one-line"}),(0,c.kt)("p",null,"ri-repeat-one-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-repeat-one-fill"}),(0,c.kt)("p",null,"ri-repeat-one-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-order-play-line"}),(0,c.kt)("p",null,"ri-order-play-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-order-play-fill"}),(0,c.kt)("p",null,"ri-order-play-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shuffle-line"}),(0,c.kt)("p",null,"ri-shuffle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shuffle-fill"}),(0,c.kt)("p",null,"ri-shuffle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-play-list-line"}),(0,c.kt)("p",null,"ri-play-list-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-play-list-fill"}),(0,c.kt)("p",null,"ri-play-list-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-play-list-2-line"}),(0,c.kt)("p",null,"ri-play-list-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-play-list-2-fill"}),(0,c.kt)("p",null,"ri-play-list-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-play-list-add-line"}),(0,c.kt)("p",null,"ri-play-list-add-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-play-list-add-fill"}),(0,c.kt)("p",null,"ri-play-list-add-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-fullscreen-line"}),(0,c.kt)("p",null,"ri-fullscreen-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-fullscreen-fill"}),(0,c.kt)("p",null,"ri-fullscreen-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-fullscreen-exit-line"}),(0,c.kt)("p",null,"ri-fullscreen-exit-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-fullscreen-exit-fill"}),(0,c.kt)("p",null,"ri-fullscreen-exit-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-equalizer-line"}),(0,c.kt)("p",null,"ri-equalizer-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-equalizer-fill"}),(0,c.kt)("p",null,"ri-equalizer-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sound-module-line"}),(0,c.kt)("p",null,"ri-sound-module-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sound-module-fill"}),(0,c.kt)("p",null,"ri-sound-module-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rhythm-line"}),(0,c.kt)("p",null,"ri-rhythm-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rhythm-fill"}),(0,c.kt)("p",null,"ri-rhythm-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-voiceprint-line"}),(0,c.kt)("p",null,"ri-voiceprint-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-voiceprint-fill"}),(0,c.kt)("p",null,"ri-voiceprint-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hq-line"}),(0,c.kt)("p",null,"ri-hq-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hq-fill"}),(0,c.kt)("p",null,"ri-hq-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hd-line"}),(0,c.kt)("p",null,"ri-hd-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hd-fill"}),(0,c.kt)("p",null,"ri-hd-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-4k-line"}),(0,c.kt)("p",null,"ri-4k-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-4k-fill"}),(0,c.kt)("p",null,"ri-4k-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-closed-captioning-line"}),(0,c.kt)("p",null,"ri-closed-captioning-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-closed-captioning-fill"}),(0,c.kt)("p",null,"ri-closed-captioning-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-aspect-ratio-line"}),(0,c.kt)("p",null,"ri-aspect-ratio-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-aspect-ratio-fill"}),(0,c.kt)("p",null,"ri-aspect-ratio-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-picture-in-picture-line"}),(0,c.kt)("p",null,"ri-picture-in-picture-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-picture-in-picture-fill"}),(0,c.kt)("p",null,"ri-picture-in-picture-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-picture-in-picture-2-line"}),(0,c.kt)("p",null,"ri-picture-in-picture-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-picture-in-picture-2-fill"}),(0,c.kt)("p",null,"ri-picture-in-picture-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-picture-in-picture-exit-line"}),(0,c.kt)("p",null,"ri-picture-in-picture-exit-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-picture-in-picture-exit-fill"}),(0,c.kt)("p",null,"ri-picture-in-picture-exit-fill"))))),(0,c.kt)("h3",{id:"media"},"Media")),(0,c.kt)("div",{className:"icon-type-item"},(0,c.kt)("div",{class:"icon-items"},(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-apps-line"}),(0,c.kt)("p",null,"ri-apps-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-apps-fill"}),(0,c.kt)("p",null,"ri-apps-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-apps-2-line"}),(0,c.kt)("p",null,"ri-apps-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-apps-2-fill"}),(0,c.kt)("p",null,"ri-apps-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-function-line"}),(0,c.kt)("p",null,"ri-function-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-function-fill"}),(0,c.kt)("p",null,"ri-function-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dashboard-line"}),(0,c.kt)("p",null,"ri-dashboard-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-dashboard-fill"}),(0,c.kt)("p",null,"ri-dashboard-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-menu-line"}),(0,c.kt)("p",null,"ri-menu-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-menu-fill"}),(0,c.kt)("p",null,"ri-menu-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-menu-2-line"}),(0,c.kt)("p",null,"ri-menu-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-menu-2-fill"}),(0,c.kt)("p",null,"ri-menu-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-menu-3-line"}),(0,c.kt)("p",null,"ri-menu-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-menu-3-fill"}),(0,c.kt)("p",null,"ri-menu-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-menu-4-line"}),(0,c.kt)("p",null,"ri-menu-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-menu-4-fill"}),(0,c.kt)("p",null,"ri-menu-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-menu-5-line"}),(0,c.kt)("p",null,"ri-menu-5-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-menu-5-fill"}),(0,c.kt)("p",null,"ri-menu-5-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-menu-add-line"}),(0,c.kt)("p",null,"ri-menu-add-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-menu-add-fill"}),(0,c.kt)("p",null,"ri-menu-add-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-menu-fold-line"}),(0,c.kt)("p",null,"ri-menu-fold-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-menu-fold-fill"}),(0,c.kt)("p",null,"ri-menu-fold-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-menu-unfold-line"}),(0,c.kt)("p",null,"ri-menu-unfold-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-menu-unfold-fill"}),(0,c.kt)("p",null,"ri-menu-unfold-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-more-line"}),(0,c.kt)("p",null,"ri-more-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-more-fill"}),(0,c.kt)("p",null,"ri-more-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-more-2-line"}),(0,c.kt)("p",null,"ri-more-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-more-2-fill"}),(0,c.kt)("p",null,"ri-more-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-star-line"}),(0,c.kt)("p",null,"ri-star-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-star-fill"}),(0,c.kt)("p",null,"ri-star-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-star-s-line"}),(0,c.kt)("p",null,"ri-star-s-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-star-s-fill"}),(0,c.kt)("p",null,"ri-star-s-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-star-half-line"}),(0,c.kt)("p",null,"ri-star-half-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-star-half-fill"}),(0,c.kt)("p",null,"ri-star-half-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-star-half-s-line"}),(0,c.kt)("p",null,"ri-star-half-s-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-star-half-s-fill"}),(0,c.kt)("p",null,"ri-star-half-s-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-settings-line"}),(0,c.kt)("p",null,"ri-settings-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-settings-fill"}),(0,c.kt)("p",null,"ri-settings-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-settings-2-line"}),(0,c.kt)("p",null,"ri-settings-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-settings-2-fill"}),(0,c.kt)("p",null,"ri-settings-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-settings-3-line"}),(0,c.kt)("p",null,"ri-settings-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-settings-3-fill"}),(0,c.kt)("p",null,"ri-settings-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-settings-4-line"}),(0,c.kt)("p",null,"ri-settings-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-settings-4-fill"}),(0,c.kt)("p",null,"ri-settings-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-settings-5-line"}),(0,c.kt)("p",null,"ri-settings-5-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-settings-5-fill"}),(0,c.kt)("p",null,"ri-settings-5-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-settings-6-line"}),(0,c.kt)("p",null,"ri-settings-6-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-settings-6-fill"}),(0,c.kt)("p",null,"ri-settings-6-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-list-settings-line"}),(0,c.kt)("p",null,"ri-list-settings-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-list-settings-fill"}),(0,c.kt)("p",null,"ri-list-settings-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-forbid-line"}),(0,c.kt)("p",null,"ri-forbid-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-forbid-fill"}),(0,c.kt)("p",null,"ri-forbid-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-forbid-2-line"}),(0,c.kt)("p",null,"ri-forbid-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-forbid-2-fill"}),(0,c.kt)("p",null,"ri-forbid-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-information-line"}),(0,c.kt)("p",null,"ri-information-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-information-fill"}),(0,c.kt)("p",null,"ri-information-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-error-warning-line"}),(0,c.kt)("p",null,"ri-error-warning-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-error-warning-fill"}),(0,c.kt)("p",null,"ri-error-warning-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-question-line"}),(0,c.kt)("p",null,"ri-question-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-question-fill"}),(0,c.kt)("p",null,"ri-question-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-alert-line"}),(0,c.kt)("p",null,"ri-alert-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-alert-fill"}),(0,c.kt)("p",null,"ri-alert-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-spam-line"}),(0,c.kt)("p",null,"ri-spam-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-spam-fill"}),(0,c.kt)("p",null,"ri-spam-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-spam-2-line"}),(0,c.kt)("p",null,"ri-spam-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-spam-2-fill"}),(0,c.kt)("p",null,"ri-spam-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-spam-3-line"}),(0,c.kt)("p",null,"ri-spam-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-spam-3-fill"}),(0,c.kt)("p",null,"ri-spam-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-checkbox-blank-line"}),(0,c.kt)("p",null,"ri-checkbox-blank-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-checkbox-blank-fill"}),(0,c.kt)("p",null,"ri-checkbox-blank-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-checkbox-line"}),(0,c.kt)("p",null,"ri-checkbox-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-checkbox-fill"}),(0,c.kt)("p",null,"ri-checkbox-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-checkbox-indeterminate-line"}),(0,c.kt)("p",null,"ri-checkbox-indeterminate-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-checkbox-indeterminate-fill"}),(0,c.kt)("p",null,"ri-checkbox-indeterminate-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-add-box-line"}),(0,c.kt)("p",null,"ri-add-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-add-box-fill"}),(0,c.kt)("p",null,"ri-add-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-checkbox-blank-circle-line"}),(0,c.kt)("p",null,"ri-checkbox-blank-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-checkbox-blank-circle-fill"}),(0,c.kt)("p",null,"ri-checkbox-blank-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-checkbox-circle-line"}),(0,c.kt)("p",null,"ri-checkbox-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-checkbox-circle-fill"}),(0,c.kt)("p",null,"ri-checkbox-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-indeterminate-circle-line"}),(0,c.kt)("p",null,"ri-indeterminate-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-indeterminate-circle-fill"}),(0,c.kt)("p",null,"ri-indeterminate-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-add-circle-line"}),(0,c.kt)("p",null,"ri-add-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-add-circle-fill"}),(0,c.kt)("p",null,"ri-add-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-close-circle-line"}),(0,c.kt)("p",null,"ri-close-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-close-circle-fill"}),(0,c.kt)("p",null,"ri-close-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-radio-button-line"}),(0,c.kt)("p",null,"ri-radio-button-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-radio-button-fill"}),(0,c.kt)("p",null,"ri-radio-button-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-checkbox-multiple-blank-line"}),(0,c.kt)("p",null,"ri-checkbox-multiple-blank-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-checkbox-multiple-blank-fill"}),(0,c.kt)("p",null,"ri-checkbox-multiple-blank-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-checkbox-multiple-line"}),(0,c.kt)("p",null,"ri-checkbox-multiple-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-checkbox-multiple-fill"}),(0,c.kt)("p",null,"ri-checkbox-multiple-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-check-line"}),(0,c.kt)("p",null,"ri-check-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-check-fill"}),(0,c.kt)("p",null,"ri-check-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-check-double-line"}),(0,c.kt)("p",null,"ri-check-double-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-check-double-fill"}),(0,c.kt)("p",null,"ri-check-double-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-close-line"}),(0,c.kt)("p",null,"ri-close-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-close-fill"}),(0,c.kt)("p",null,"ri-close-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-add-line"}),(0,c.kt)("p",null,"ri-add-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-add-fill"}),(0,c.kt)("p",null,"ri-add-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-subtract-line"}),(0,c.kt)("p",null,"ri-subtract-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-subtract-fill"}),(0,c.kt)("p",null,"ri-subtract-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-divide-line"}),(0,c.kt)("p",null,"ri-divide-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-divide-fill"}),(0,c.kt)("p",null,"ri-divide-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-left-up-line"}),(0,c.kt)("p",null,"ri-arrow-left-up-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-left-up-fill"}),(0,c.kt)("p",null,"ri-arrow-left-up-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-up-line"}),(0,c.kt)("p",null,"ri-arrow-up-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-up-fill"}),(0,c.kt)("p",null,"ri-arrow-up-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-right-up-line"}),(0,c.kt)("p",null,"ri-arrow-right-up-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-right-up-fill"}),(0,c.kt)("p",null,"ri-arrow-right-up-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-right-line"}),(0,c.kt)("p",null,"ri-arrow-right-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-right-fill"}),(0,c.kt)("p",null,"ri-arrow-right-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-right-down-line"}),(0,c.kt)("p",null,"ri-arrow-right-down-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-right-down-fill"}),(0,c.kt)("p",null,"ri-arrow-right-down-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-down-line"}),(0,c.kt)("p",null,"ri-arrow-down-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-down-fill"}),(0,c.kt)("p",null,"ri-arrow-down-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-left-down-line"}),(0,c.kt)("p",null,"ri-arrow-left-down-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-left-down-fill"}),(0,c.kt)("p",null,"ri-arrow-left-down-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-left-line"}),(0,c.kt)("p",null,"ri-arrow-left-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-left-fill"}),(0,c.kt)("p",null,"ri-arrow-left-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-up-circle-line"}),(0,c.kt)("p",null,"ri-arrow-up-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-up-circle-fill"}),(0,c.kt)("p",null,"ri-arrow-up-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-right-circle-line"}),(0,c.kt)("p",null,"ri-arrow-right-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-right-circle-fill"}),(0,c.kt)("p",null,"ri-arrow-right-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-down-circle-line"}),(0,c.kt)("p",null,"ri-arrow-down-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-down-circle-fill"}),(0,c.kt)("p",null,"ri-arrow-down-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-left-circle-line"}),(0,c.kt)("p",null,"ri-arrow-left-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-left-circle-fill"}),(0,c.kt)("p",null,"ri-arrow-left-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-up-s-line"}),(0,c.kt)("p",null,"ri-arrow-up-s-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-up-s-fill"}),(0,c.kt)("p",null,"ri-arrow-up-s-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-down-s-line"}),(0,c.kt)("p",null,"ri-arrow-down-s-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-down-s-fill"}),(0,c.kt)("p",null,"ri-arrow-down-s-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-right-s-line"}),(0,c.kt)("p",null,"ri-arrow-right-s-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-right-s-fill"}),(0,c.kt)("p",null,"ri-arrow-right-s-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-left-s-line"}),(0,c.kt)("p",null,"ri-arrow-left-s-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-left-s-fill"}),(0,c.kt)("p",null,"ri-arrow-left-s-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-drop-up-line"}),(0,c.kt)("p",null,"ri-arrow-drop-up-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-drop-up-fill"}),(0,c.kt)("p",null,"ri-arrow-drop-up-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-drop-right-line"}),(0,c.kt)("p",null,"ri-arrow-drop-right-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-drop-right-fill"}),(0,c.kt)("p",null,"ri-arrow-drop-right-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-drop-down-line"}),(0,c.kt)("p",null,"ri-arrow-drop-down-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-drop-down-fill"}),(0,c.kt)("p",null,"ri-arrow-drop-down-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-drop-left-line"}),(0,c.kt)("p",null,"ri-arrow-drop-left-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-drop-left-fill"}),(0,c.kt)("p",null,"ri-arrow-drop-left-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-left-right-line"}),(0,c.kt)("p",null,"ri-arrow-left-right-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-left-right-fill"}),(0,c.kt)("p",null,"ri-arrow-left-right-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-up-down-line"}),(0,c.kt)("p",null,"ri-arrow-up-down-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-up-down-fill"}),(0,c.kt)("p",null,"ri-arrow-up-down-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-go-back-line"}),(0,c.kt)("p",null,"ri-arrow-go-back-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-go-back-fill"}),(0,c.kt)("p",null,"ri-arrow-go-back-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-go-forward-line"}),(0,c.kt)("p",null,"ri-arrow-go-forward-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-arrow-go-forward-fill"}),(0,c.kt)("p",null,"ri-arrow-go-forward-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-download-line"}),(0,c.kt)("p",null,"ri-download-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-download-fill"}),(0,c.kt)("p",null,"ri-download-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-upload-line"}),(0,c.kt)("p",null,"ri-upload-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-upload-fill"}),(0,c.kt)("p",null,"ri-upload-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-download-2-line"}),(0,c.kt)("p",null,"ri-download-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-download-2-fill"}),(0,c.kt)("p",null,"ri-download-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-upload-2-line"}),(0,c.kt)("p",null,"ri-upload-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-upload-2-fill"}),(0,c.kt)("p",null,"ri-upload-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-download-cloud-line"}),(0,c.kt)("p",null,"ri-download-cloud-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-download-cloud-fill"}),(0,c.kt)("p",null,"ri-download-cloud-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-download-cloud-2-line"}),(0,c.kt)("p",null,"ri-download-cloud-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-download-cloud-2-fill"}),(0,c.kt)("p",null,"ri-download-cloud-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-upload-cloud-line"}),(0,c.kt)("p",null,"ri-upload-cloud-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-upload-cloud-fill"}),(0,c.kt)("p",null,"ri-upload-cloud-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-upload-cloud-2-line"}),(0,c.kt)("p",null,"ri-upload-cloud-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-upload-cloud-2-fill"}),(0,c.kt)("p",null,"ri-upload-cloud-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-login-box-line"}),(0,c.kt)("p",null,"ri-login-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-login-box-fill"}),(0,c.kt)("p",null,"ri-login-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-logout-box-line"}),(0,c.kt)("p",null,"ri-logout-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-logout-box-fill"}),(0,c.kt)("p",null,"ri-logout-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-logout-box-r-line"}),(0,c.kt)("p",null,"ri-logout-box-r-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-logout-box-r-fill"}),(0,c.kt)("p",null,"ri-logout-box-r-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-login-circle-line"}),(0,c.kt)("p",null,"ri-login-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-login-circle-fill"}),(0,c.kt)("p",null,"ri-login-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-logout-circle-line"}),(0,c.kt)("p",null,"ri-logout-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-logout-circle-fill"}),(0,c.kt)("p",null,"ri-logout-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-logout-circle-r-line"}),(0,c.kt)("p",null,"ri-logout-circle-r-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-logout-circle-r-fill"}),(0,c.kt)("p",null,"ri-logout-circle-r-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-refresh-line"}),(0,c.kt)("p",null,"ri-refresh-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-refresh-fill"}),(0,c.kt)("p",null,"ri-refresh-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shield-line"}),(0,c.kt)("p",null,"ri-shield-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shield-fill"}),(0,c.kt)("p",null,"ri-shield-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shield-cross-line"}),(0,c.kt)("p",null,"ri-shield-cross-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shield-cross-fill"}),(0,c.kt)("p",null,"ri-shield-cross-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shield-flash-line"}),(0,c.kt)("p",null,"ri-shield-flash-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shield-flash-fill"}),(0,c.kt)("p",null,"ri-shield-flash-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shield-star-line"}),(0,c.kt)("p",null,"ri-shield-star-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shield-star-fill"}),(0,c.kt)("p",null,"ri-shield-star-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shield-user-line"}),(0,c.kt)("p",null,"ri-shield-user-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shield-user-fill"}),(0,c.kt)("p",null,"ri-shield-user-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shield-keyhole-line"}),(0,c.kt)("p",null,"ri-shield-keyhole-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shield-keyhole-fill"}),(0,c.kt)("p",null,"ri-shield-keyhole-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shield-check-line"}),(0,c.kt)("p",null,"ri-shield-check-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shield-check-fill"}),(0,c.kt)("p",null,"ri-shield-check-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-back-line"}),(0,c.kt)("p",null,"ri-delete-back-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-back-fill"}),(0,c.kt)("p",null,"ri-delete-back-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-back-2-line"}),(0,c.kt)("p",null,"ri-delete-back-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-back-2-fill"}),(0,c.kt)("p",null,"ri-delete-back-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-bin-line"}),(0,c.kt)("p",null,"ri-delete-bin-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-bin-fill"}),(0,c.kt)("p",null,"ri-delete-bin-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-bin-2-line"}),(0,c.kt)("p",null,"ri-delete-bin-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-bin-2-fill"}),(0,c.kt)("p",null,"ri-delete-bin-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-bin-3-line"}),(0,c.kt)("p",null,"ri-delete-bin-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-bin-3-fill"}),(0,c.kt)("p",null,"ri-delete-bin-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-bin-4-line"}),(0,c.kt)("p",null,"ri-delete-bin-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-bin-4-fill"}),(0,c.kt)("p",null,"ri-delete-bin-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-bin-5-line"}),(0,c.kt)("p",null,"ri-delete-bin-5-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-bin-5-fill"}),(0,c.kt)("p",null,"ri-delete-bin-5-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-bin-6-line"}),(0,c.kt)("p",null,"ri-delete-bin-6-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-bin-6-fill"}),(0,c.kt)("p",null,"ri-delete-bin-6-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-bin-7-line"}),(0,c.kt)("p",null,"ri-delete-bin-7-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-delete-bin-7-fill"}),(0,c.kt)("p",null,"ri-delete-bin-7-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-lock-line"}),(0,c.kt)("p",null,"ri-lock-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-lock-fill"}),(0,c.kt)("p",null,"ri-lock-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-lock-2-line"}),(0,c.kt)("p",null,"ri-lock-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-lock-2-fill"}),(0,c.kt)("p",null,"ri-lock-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-lock-password-line"}),(0,c.kt)("p",null,"ri-lock-password-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-lock-password-fill"}),(0,c.kt)("p",null,"ri-lock-password-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-lock-unlock-line"}),(0,c.kt)("p",null,"ri-lock-unlock-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-lock-unlock-fill"}),(0,c.kt)("p",null,"ri-lock-unlock-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-eye-line"}),(0,c.kt)("p",null,"ri-eye-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-eye-fill"}),(0,c.kt)("p",null,"ri-eye-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-eye-off-line"}),(0,c.kt)("p",null,"ri-eye-off-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-eye-off-fill"}),(0,c.kt)("p",null,"ri-eye-off-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-eye-2-line"}),(0,c.kt)("p",null,"ri-eye-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-eye-2-fill"}),(0,c.kt)("p",null,"ri-eye-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-eye-close-line"}),(0,c.kt)("p",null,"ri-eye-close-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-eye-close-fill"}),(0,c.kt)("p",null,"ri-eye-close-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-search-line"}),(0,c.kt)("p",null,"ri-search-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-search-fill"}),(0,c.kt)("p",null,"ri-search-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-search-2-line"}),(0,c.kt)("p",null,"ri-search-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-search-2-fill"}),(0,c.kt)("p",null,"ri-search-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-search-eye-line"}),(0,c.kt)("p",null,"ri-search-eye-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-search-eye-fill"}),(0,c.kt)("p",null,"ri-search-eye-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-zoom-in-line"}),(0,c.kt)("p",null,"ri-zoom-in-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-zoom-in-fill"}),(0,c.kt)("p",null,"ri-zoom-in-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-zoom-out-line"}),(0,c.kt)("p",null,"ri-zoom-out-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-zoom-out-fill"}),(0,c.kt)("p",null,"ri-zoom-out-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-find-replace-line"}),(0,c.kt)("p",null,"ri-find-replace-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-find-replace-fill"}),(0,c.kt)("p",null,"ri-find-replace-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-share-line"}),(0,c.kt)("p",null,"ri-share-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-share-fill"}),(0,c.kt)("p",null,"ri-share-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-share-box-line"}),(0,c.kt)("p",null,"ri-share-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-share-box-fill"}),(0,c.kt)("p",null,"ri-share-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-share-circle-line"}),(0,c.kt)("p",null,"ri-share-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-share-circle-fill"}),(0,c.kt)("p",null,"ri-share-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-share-forward-line"}),(0,c.kt)("p",null,"ri-share-forward-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-share-forward-fill"}),(0,c.kt)("p",null,"ri-share-forward-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-share-forward-2-line"}),(0,c.kt)("p",null,"ri-share-forward-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-share-forward-2-fill"}),(0,c.kt)("p",null,"ri-share-forward-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-share-forward-box-line"}),(0,c.kt)("p",null,"ri-share-forward-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-share-forward-box-fill"}),(0,c.kt)("p",null,"ri-share-forward-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-side-bar-line"}),(0,c.kt)("p",null,"ri-side-bar-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-side-bar-fill"}),(0,c.kt)("p",null,"ri-side-bar-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-time-line"}),(0,c.kt)("p",null,"ri-time-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-time-fill"}),(0,c.kt)("p",null,"ri-time-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-timer-line"}),(0,c.kt)("p",null,"ri-timer-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-timer-fill"}),(0,c.kt)("p",null,"ri-timer-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-timer-2-line"}),(0,c.kt)("p",null,"ri-timer-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-timer-2-fill"}),(0,c.kt)("p",null,"ri-timer-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-timer-flash-line"}),(0,c.kt)("p",null,"ri-timer-flash-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-timer-flash-fill"}),(0,c.kt)("p",null,"ri-timer-flash-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-alarm-line"}),(0,c.kt)("p",null,"ri-alarm-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-alarm-fill"}),(0,c.kt)("p",null,"ri-alarm-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-history-line"}),(0,c.kt)("p",null,"ri-history-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-history-fill"}),(0,c.kt)("p",null,"ri-history-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-thumb-down-line"}),(0,c.kt)("p",null,"ri-thumb-down-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-thumb-down-fill"}),(0,c.kt)("p",null,"ri-thumb-down-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-thumb-up-line"}),(0,c.kt)("p",null,"ri-thumb-up-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-thumb-up-fill"}),(0,c.kt)("p",null,"ri-thumb-up-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-alarm-warning-line"}),(0,c.kt)("p",null,"ri-alarm-warning-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-alarm-warning-fill"}),(0,c.kt)("p",null,"ri-alarm-warning-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-notification-badge-line"}),(0,c.kt)("p",null,"ri-notification-badge-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-notification-badge-fill"}),(0,c.kt)("p",null,"ri-notification-badge-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-toggle-line"}),(0,c.kt)("p",null,"ri-toggle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-toggle-fill"}),(0,c.kt)("p",null,"ri-toggle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-filter-line"}),(0,c.kt)("p",null,"ri-filter-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-filter-fill"}),(0,c.kt)("p",null,"ri-filter-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-filter-2-line"}),(0,c.kt)("p",null,"ri-filter-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-filter-2-fill"}),(0,c.kt)("p",null,"ri-filter-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-filter-3-line"}),(0,c.kt)("p",null,"ri-filter-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-filter-3-fill"}),(0,c.kt)("p",null,"ri-filter-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-filter-off-line"}),(0,c.kt)("p",null,"ri-filter-off-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-filter-off-fill"}),(0,c.kt)("p",null,"ri-filter-off-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-loader-line"}),(0,c.kt)("p",null,"ri-loader-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-loader-fill"}),(0,c.kt)("p",null,"ri-loader-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-loader-2-line"}),(0,c.kt)("p",null,"ri-loader-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-loader-2-fill"}),(0,c.kt)("p",null,"ri-loader-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-loader-3-line"}),(0,c.kt)("p",null,"ri-loader-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-loader-3-fill"}),(0,c.kt)("p",null,"ri-loader-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-loader-4-line"}),(0,c.kt)("p",null,"ri-loader-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-loader-4-fill"}),(0,c.kt)("p",null,"ri-loader-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-loader-5-line"}),(0,c.kt)("p",null,"ri-loader-5-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-loader-5-fill"}),(0,c.kt)("p",null,"ri-loader-5-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-external-link-line"}),(0,c.kt)("p",null,"ri-external-link-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-external-link-fill"}),(0,c.kt)("p",null,"ri-external-link-fill"))))),(0,c.kt)("h3",{id:"system"},"System")),(0,c.kt)("div",{className:"icon-type-item"},(0,c.kt)("div",{class:"icon-items"},(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-line"}),(0,c.kt)("p",null,"ri-user-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-fill"}),(0,c.kt)("p",null,"ri-user-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-2-line"}),(0,c.kt)("p",null,"ri-user-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-2-fill"}),(0,c.kt)("p",null,"ri-user-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-3-line"}),(0,c.kt)("p",null,"ri-user-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-3-fill"}),(0,c.kt)("p",null,"ri-user-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-4-line"}),(0,c.kt)("p",null,"ri-user-4-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-4-fill"}),(0,c.kt)("p",null,"ri-user-4-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-5-line"}),(0,c.kt)("p",null,"ri-user-5-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-5-fill"}),(0,c.kt)("p",null,"ri-user-5-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-6-line"}),(0,c.kt)("p",null,"ri-user-6-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-6-fill"}),(0,c.kt)("p",null,"ri-user-6-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-smile-line"}),(0,c.kt)("p",null,"ri-user-smile-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-smile-fill"}),(0,c.kt)("p",null,"ri-user-smile-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-account-box-line"}),(0,c.kt)("p",null,"ri-account-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-account-box-fill"}),(0,c.kt)("p",null,"ri-account-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-account-circle-line"}),(0,c.kt)("p",null,"ri-account-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-account-circle-fill"}),(0,c.kt)("p",null,"ri-account-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-account-pin-box-line"}),(0,c.kt)("p",null,"ri-account-pin-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-account-pin-box-fill"}),(0,c.kt)("p",null,"ri-account-pin-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-account-pin-circle-line"}),(0,c.kt)("p",null,"ri-account-pin-circle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-account-pin-circle-fill"}),(0,c.kt)("p",null,"ri-account-pin-circle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-add-line"}),(0,c.kt)("p",null,"ri-user-add-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-add-fill"}),(0,c.kt)("p",null,"ri-user-add-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-follow-line"}),(0,c.kt)("p",null,"ri-user-follow-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-follow-fill"}),(0,c.kt)("p",null,"ri-user-follow-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-unfollow-line"}),(0,c.kt)("p",null,"ri-user-unfollow-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-unfollow-fill"}),(0,c.kt)("p",null,"ri-user-unfollow-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-shared-line"}),(0,c.kt)("p",null,"ri-user-shared-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-shared-fill"}),(0,c.kt)("p",null,"ri-user-shared-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-shared-2-line"}),(0,c.kt)("p",null,"ri-user-shared-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-shared-2-fill"}),(0,c.kt)("p",null,"ri-user-shared-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-received-line"}),(0,c.kt)("p",null,"ri-user-received-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-received-fill"}),(0,c.kt)("p",null,"ri-user-received-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-received-2-line"}),(0,c.kt)("p",null,"ri-user-received-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-received-2-fill"}),(0,c.kt)("p",null,"ri-user-received-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-location-line"}),(0,c.kt)("p",null,"ri-user-location-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-location-fill"}),(0,c.kt)("p",null,"ri-user-location-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-search-line"}),(0,c.kt)("p",null,"ri-user-search-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-search-fill"}),(0,c.kt)("p",null,"ri-user-search-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-settings-line"}),(0,c.kt)("p",null,"ri-user-settings-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-settings-fill"}),(0,c.kt)("p",null,"ri-user-settings-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-star-line"}),(0,c.kt)("p",null,"ri-user-star-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-star-fill"}),(0,c.kt)("p",null,"ri-user-star-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-heart-line"}),(0,c.kt)("p",null,"ri-user-heart-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-heart-fill"}),(0,c.kt)("p",null,"ri-user-heart-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-admin-line"}),(0,c.kt)("p",null,"ri-admin-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-admin-fill"}),(0,c.kt)("p",null,"ri-admin-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-contacts-line"}),(0,c.kt)("p",null,"ri-contacts-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-contacts-fill"}),(0,c.kt)("p",null,"ri-contacts-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-group-line"}),(0,c.kt)("p",null,"ri-group-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-group-fill"}),(0,c.kt)("p",null,"ri-group-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-group-2-line"}),(0,c.kt)("p",null,"ri-group-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-group-2-fill"}),(0,c.kt)("p",null,"ri-group-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-team-line"}),(0,c.kt)("p",null,"ri-team-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-team-fill"}),(0,c.kt)("p",null,"ri-team-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-voice-line"}),(0,c.kt)("p",null,"ri-user-voice-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-user-voice-fill"}),(0,c.kt)("p",null,"ri-user-voice-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-emotion-line"}),(0,c.kt)("p",null,"ri-emotion-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-emotion-fill"}),(0,c.kt)("p",null,"ri-emotion-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-emotion-2-line"}),(0,c.kt)("p",null,"ri-emotion-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-emotion-2-fill"}),(0,c.kt)("p",null,"ri-emotion-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-emotion-happy-line"}),(0,c.kt)("p",null,"ri-emotion-happy-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-emotion-happy-fill"}),(0,c.kt)("p",null,"ri-emotion-happy-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-emotion-normal-line"}),(0,c.kt)("p",null,"ri-emotion-normal-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-emotion-normal-fill"}),(0,c.kt)("p",null,"ri-emotion-normal-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-emotion-unhappy-line"}),(0,c.kt)("p",null,"ri-emotion-unhappy-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-emotion-unhappy-fill"}),(0,c.kt)("p",null,"ri-emotion-unhappy-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-emotion-laugh-line"}),(0,c.kt)("p",null,"ri-emotion-laugh-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-emotion-laugh-fill"}),(0,c.kt)("p",null,"ri-emotion-laugh-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-emotion-sad-line"}),(0,c.kt)("p",null,"ri-emotion-sad-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-emotion-sad-fill"}),(0,c.kt)("p",null,"ri-emotion-sad-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-skull-line"}),(0,c.kt)("p",null,"ri-skull-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-skull-fill"}),(0,c.kt)("p",null,"ri-skull-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-skull-2-line"}),(0,c.kt)("p",null,"ri-skull-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-skull-2-fill"}),(0,c.kt)("p",null,"ri-skull-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-men-line"}),(0,c.kt)("p",null,"ri-men-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-men-fill"}),(0,c.kt)("p",null,"ri-men-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-women-line"}),(0,c.kt)("p",null,"ri-women-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-women-fill"}),(0,c.kt)("p",null,"ri-women-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-travesti-line"}),(0,c.kt)("p",null,"ri-travesti-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-travesti-fill"}),(0,c.kt)("p",null,"ri-travesti-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-genderless-line"}),(0,c.kt)("p",null,"ri-genderless-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-genderless-fill"}),(0,c.kt)("p",null,"ri-genderless-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-open-arm-line"}),(0,c.kt)("p",null,"ri-open-arm-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-open-arm-fill"}),(0,c.kt)("p",null,"ri-open-arm-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-body-scan-line"}),(0,c.kt)("p",null,"ri-body-scan-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-body-scan-fill"}),(0,c.kt)("p",null,"ri-body-scan-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-parent-line"}),(0,c.kt)("p",null,"ri-parent-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-parent-fill"}),(0,c.kt)("p",null,"ri-parent-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-robot-line"}),(0,c.kt)("p",null,"ri-robot-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-robot-fill"}),(0,c.kt)("p",null,"ri-robot-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-aliens-line"}),(0,c.kt)("p",null,"ri-aliens-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-aliens-fill"}),(0,c.kt)("p",null,"ri-aliens-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bear-smile-line"}),(0,c.kt)("p",null,"ri-bear-smile-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bear-smile-fill"}),(0,c.kt)("p",null,"ri-bear-smile-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mickey-line"}),(0,c.kt)("p",null,"ri-mickey-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mickey-fill"}),(0,c.kt)("p",null,"ri-mickey-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-criminal-line"}),(0,c.kt)("p",null,"ri-criminal-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-criminal-fill"}),(0,c.kt)("p",null,"ri-criminal-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ghost-line"}),(0,c.kt)("p",null,"ri-ghost-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ghost-fill"}),(0,c.kt)("p",null,"ri-ghost-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ghost-2-line"}),(0,c.kt)("p",null,"ri-ghost-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ghost-2-fill"}),(0,c.kt)("p",null,"ri-ghost-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ghost-smile-line"}),(0,c.kt)("p",null,"ri-ghost-smile-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ghost-smile-fill"}),(0,c.kt)("p",null,"ri-ghost-smile-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-star-smile-line"}),(0,c.kt)("p",null,"ri-star-smile-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-star-smile-fill"}),(0,c.kt)("p",null,"ri-star-smile-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-spy-line"}),(0,c.kt)("p",null,"ri-spy-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-spy-fill"}),(0,c.kt)("p",null,"ri-spy-fill"))))),(0,c.kt)("h3",{id:"user--faces"},"User ","&"," Faces")),(0,c.kt)("div",{className:"icon-type-item"},(0,c.kt)("div",{class:"icon-items"},(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sun-line"}),(0,c.kt)("p",null,"ri-sun-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sun-fill"}),(0,c.kt)("p",null,"ri-sun-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-moon-line"}),(0,c.kt)("p",null,"ri-moon-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-moon-fill"}),(0,c.kt)("p",null,"ri-moon-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-flashlight-line"}),(0,c.kt)("p",null,"ri-flashlight-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-flashlight-fill"}),(0,c.kt)("p",null,"ri-flashlight-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cloudy-line"}),(0,c.kt)("p",null,"ri-cloudy-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cloudy-fill"}),(0,c.kt)("p",null,"ri-cloudy-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cloudy-2-line"}),(0,c.kt)("p",null,"ri-cloudy-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cloudy-2-fill"}),(0,c.kt)("p",null,"ri-cloudy-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mist-line"}),(0,c.kt)("p",null,"ri-mist-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-mist-fill"}),(0,c.kt)("p",null,"ri-mist-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-foggy-line"}),(0,c.kt)("p",null,"ri-foggy-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-foggy-fill"}),(0,c.kt)("p",null,"ri-foggy-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cloud-windy-line"}),(0,c.kt)("p",null,"ri-cloud-windy-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cloud-windy-fill"}),(0,c.kt)("p",null,"ri-cloud-windy-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-windy-line"}),(0,c.kt)("p",null,"ri-windy-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-windy-fill"}),(0,c.kt)("p",null,"ri-windy-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rainy-line"}),(0,c.kt)("p",null,"ri-rainy-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rainy-fill"}),(0,c.kt)("p",null,"ri-rainy-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-drizzle-line"}),(0,c.kt)("p",null,"ri-drizzle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-drizzle-fill"}),(0,c.kt)("p",null,"ri-drizzle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-showers-line"}),(0,c.kt)("p",null,"ri-showers-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-showers-fill"}),(0,c.kt)("p",null,"ri-showers-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-heavy-showers-line"}),(0,c.kt)("p",null,"ri-heavy-showers-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-heavy-showers-fill"}),(0,c.kt)("p",null,"ri-heavy-showers-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-thunderstorms-line"}),(0,c.kt)("p",null,"ri-thunderstorms-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-thunderstorms-fill"}),(0,c.kt)("p",null,"ri-thunderstorms-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hail-line"}),(0,c.kt)("p",null,"ri-hail-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-hail-fill"}),(0,c.kt)("p",null,"ri-hail-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-snowy-line"}),(0,c.kt)("p",null,"ri-snowy-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-snowy-fill"}),(0,c.kt)("p",null,"ri-snowy-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sun-cloudy-line"}),(0,c.kt)("p",null,"ri-sun-cloudy-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sun-cloudy-fill"}),(0,c.kt)("p",null,"ri-sun-cloudy-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-moon-cloudy-line"}),(0,c.kt)("p",null,"ri-moon-cloudy-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-moon-cloudy-fill"}),(0,c.kt)("p",null,"ri-moon-cloudy-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-tornado-line"}),(0,c.kt)("p",null,"ri-tornado-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-tornado-fill"}),(0,c.kt)("p",null,"ri-tornado-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-typhoon-line"}),(0,c.kt)("p",null,"ri-typhoon-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-typhoon-fill"}),(0,c.kt)("p",null,"ri-typhoon-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-haze-line"}),(0,c.kt)("p",null,"ri-haze-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-haze-fill"}),(0,c.kt)("p",null,"ri-haze-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-haze-2-line"}),(0,c.kt)("p",null,"ri-haze-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-haze-2-fill"}),(0,c.kt)("p",null,"ri-haze-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sun-foggy-line"}),(0,c.kt)("p",null,"ri-sun-foggy-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sun-foggy-fill"}),(0,c.kt)("p",null,"ri-sun-foggy-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-moon-foggy-line"}),(0,c.kt)("p",null,"ri-moon-foggy-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-moon-foggy-fill"}),(0,c.kt)("p",null,"ri-moon-foggy-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-moon-clear-line"}),(0,c.kt)("p",null,"ri-moon-clear-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-moon-clear-fill"}),(0,c.kt)("p",null,"ri-moon-clear-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-temp-hot-line"}),(0,c.kt)("p",null,"ri-temp-hot-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-temp-hot-fill"}),(0,c.kt)("p",null,"ri-temp-hot-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-temp-cold-line"}),(0,c.kt)("p",null,"ri-temp-cold-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-temp-cold-fill"}),(0,c.kt)("p",null,"ri-temp-cold-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-celsius-line"}),(0,c.kt)("p",null,"ri-celsius-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-celsius-fill"}),(0,c.kt)("p",null,"ri-celsius-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-fahrenheit-line"}),(0,c.kt)("p",null,"ri-fahrenheit-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-fahrenheit-fill"}),(0,c.kt)("p",null,"ri-fahrenheit-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-fire-line"}),(0,c.kt)("p",null,"ri-fire-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-fire-fill"}),(0,c.kt)("p",null,"ri-fire-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-blaze-line"}),(0,c.kt)("p",null,"ri-blaze-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-blaze-fill"}),(0,c.kt)("p",null,"ri-blaze-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-earthquake-line"}),(0,c.kt)("p",null,"ri-earthquake-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-earthquake-fill"}),(0,c.kt)("p",null,"ri-earthquake-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-flood-line"}),(0,c.kt)("p",null,"ri-flood-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-flood-fill"}),(0,c.kt)("p",null,"ri-flood-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-meteor-line"}),(0,c.kt)("p",null,"ri-meteor-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-meteor-fill"}),(0,c.kt)("p",null,"ri-meteor-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rainbow-line"}),(0,c.kt)("p",null,"ri-rainbow-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-rainbow-fill"}),(0,c.kt)("p",null,"ri-rainbow-fill"))))),(0,c.kt)("h3",{id:"weather"},"Weather")),(0,c.kt)("div",{className:"icon-type-item"},(0,c.kt)("div",{class:"icon-items"},(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-basketball-line"}),(0,c.kt)("p",null,"ri-basketball-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-basketball-fill"}),(0,c.kt)("p",null,"ri-basketball-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bell-line"}),(0,c.kt)("p",null,"ri-bell-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-bell-fill"}),(0,c.kt)("p",null,"ri-bell-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-billiards-line"}),(0,c.kt)("p",null,"ri-billiards-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-billiards-fill"}),(0,c.kt)("p",null,"ri-billiards-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-boxing-line"}),(0,c.kt)("p",null,"ri-boxing-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-boxing-fill"}),(0,c.kt)("p",null,"ri-boxing-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cake-line"}),(0,c.kt)("p",null,"ri-cake-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cake-fill"}),(0,c.kt)("p",null,"ri-cake-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cake-2-line"}),(0,c.kt)("p",null,"ri-cake-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cake-2-fill"}),(0,c.kt)("p",null,"ri-cake-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cake-3-line"}),(0,c.kt)("p",null,"ri-cake-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cake-3-fill"}),(0,c.kt)("p",null,"ri-cake-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-door-lock-line"}),(0,c.kt)("p",null,"ri-door-lock-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-door-lock-fill"}),(0,c.kt)("p",null,"ri-door-lock-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-door-lock-box-line"}),(0,c.kt)("p",null,"ri-door-lock-box-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-door-lock-box-fill"}),(0,c.kt)("p",null,"ri-door-lock-box-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-football-line"}),(0,c.kt)("p",null,"ri-football-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-football-fill"}),(0,c.kt)("p",null,"ri-football-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-game-line"}),(0,c.kt)("p",null,"ri-game-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-game-fill"}),(0,c.kt)("p",null,"ri-game-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-handbag-line"}),(0,c.kt)("p",null,"ri-handbag-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-handbag-fill"}),(0,c.kt)("p",null,"ri-handbag-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-key-line"}),(0,c.kt)("p",null,"ri-key-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-key-fill"}),(0,c.kt)("p",null,"ri-key-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-key-2-line"}),(0,c.kt)("p",null,"ri-key-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-key-2-fill"}),(0,c.kt)("p",null,"ri-key-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-knife-line"}),(0,c.kt)("p",null,"ri-knife-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-knife-fill"}),(0,c.kt)("p",null,"ri-knife-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-knife-blood-line"}),(0,c.kt)("p",null,"ri-knife-blood-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-knife-blood-fill"}),(0,c.kt)("p",null,"ri-knife-blood-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-lightbulb-line"}),(0,c.kt)("p",null,"ri-lightbulb-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-lightbulb-fill"}),(0,c.kt)("p",null,"ri-lightbulb-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-lightbulb-flash-line"}),(0,c.kt)("p",null,"ri-lightbulb-flash-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-lightbulb-flash-fill"}),(0,c.kt)("p",null,"ri-lightbulb-flash-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-outlet-line"}),(0,c.kt)("p",null,"ri-outlet-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-outlet-fill"}),(0,c.kt)("p",null,"ri-outlet-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-outlet-2-line"}),(0,c.kt)("p",null,"ri-outlet-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-outlet-2-fill"}),(0,c.kt)("p",null,"ri-outlet-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ping-pong-line"}),(0,c.kt)("p",null,"ri-ping-pong-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-ping-pong-fill"}),(0,c.kt)("p",null,"ri-ping-pong-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-plug-line"}),(0,c.kt)("p",null,"ri-plug-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-plug-fill"}),(0,c.kt)("p",null,"ri-plug-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-plug-2-line"}),(0,c.kt)("p",null,"ri-plug-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-plug-2-fill"}),(0,c.kt)("p",null,"ri-plug-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-reserved-line"}),(0,c.kt)("p",null,"ri-reserved-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-reserved-fill"}),(0,c.kt)("p",null,"ri-reserved-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shirt-line"}),(0,c.kt)("p",null,"ri-shirt-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-shirt-fill"}),(0,c.kt)("p",null,"ri-shirt-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sword-line"}),(0,c.kt)("p",null,"ri-sword-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-sword-fill"}),(0,c.kt)("p",null,"ri-sword-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-t-shirt-line"}),(0,c.kt)("p",null,"ri-t-shirt-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-t-shirt-fill"}),(0,c.kt)("p",null,"ri-t-shirt-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-t-shirt-2-line"}),(0,c.kt)("p",null,"ri-t-shirt-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-t-shirt-2-fill"}),(0,c.kt)("p",null,"ri-t-shirt-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-t-shirt-air-line"}),(0,c.kt)("p",null,"ri-t-shirt-air-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-t-shirt-air-fill"}),(0,c.kt)("p",null,"ri-t-shirt-air-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-umbrella-line"}),(0,c.kt)("p",null,"ri-umbrella-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-umbrella-fill"}),(0,c.kt)("p",null,"ri-umbrella-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-character-recognition-line"}),(0,c.kt)("p",null,"ri-character-recognition-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-character-recognition-fill"}),(0,c.kt)("p",null,"ri-character-recognition-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-voice-recognition-line"}),(0,c.kt)("p",null,"ri-voice-recognition-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-voice-recognition-fill"}),(0,c.kt)("p",null,"ri-voice-recognition-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-leaf-line"}),(0,c.kt)("p",null,"ri-leaf-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-leaf-fill"}),(0,c.kt)("p",null,"ri-leaf-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-plant-line"}),(0,c.kt)("p",null,"ri-plant-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-plant-fill"}),(0,c.kt)("p",null,"ri-plant-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-seedling-line"}),(0,c.kt)("p",null,"ri-seedling-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-seedling-fill"}),(0,c.kt)("p",null,"ri-seedling-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-recycle-line"}),(0,c.kt)("p",null,"ri-recycle-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-recycle-fill"}),(0,c.kt)("p",null,"ri-recycle-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-scales-line"}),(0,c.kt)("p",null,"ri-scales-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-scales-fill"}),(0,c.kt)("p",null,"ri-scales-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-scales-2-line"}),(0,c.kt)("p",null,"ri-scales-2-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-scales-2-fill"}),(0,c.kt)("p",null,"ri-scales-2-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-scales-3-line"}),(0,c.kt)("p",null,"ri-scales-3-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-scales-3-fill"}),(0,c.kt)("p",null,"ri-scales-3-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-fridge-line"}),(0,c.kt)("p",null,"ri-fridge-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-fridge-fill"}),(0,c.kt)("p",null,"ri-fridge-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wheelchair-line"}),(0,c.kt)("p",null,"ri-wheelchair-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-wheelchair-fill"}),(0,c.kt)("p",null,"ri-wheelchair-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cactus-line"}),(0,c.kt)("p",null,"ri-cactus-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-cactus-fill"}),(0,c.kt)("p",null,"ri-cactus-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-door-line"}),(0,c.kt)("p",null,"ri-door-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-door-fill"}),(0,c.kt)("p",null,"ri-door-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-door-open-line"}),(0,c.kt)("p",null,"ri-door-open-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-door-open-fill"}),(0,c.kt)("p",null,"ri-door-open-fill")))),(0,c.kt)("div",{class:"icon-item-group"},(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-door-closed-line"}),(0,c.kt)("p",null,"ri-door-closed-line"))),(0,c.kt)("div",{class:"icon-item"},(0,c.kt)("i",{class:"red-dot"}),(0,c.kt)("div",{class:"icon-info"},(0,c.kt)("i",{class:"ri-door-closed-fill"}),(0,c.kt)("p",null,"ri-door-closed-fill"))))),(0,c.kt)("h3",{id:"others"},"Others"))))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/54e4468f.4d834bb8.js b/docs/assets/js/54e4468f.4d834bb8.js new file mode 100644 index 0000000000..7d0abca740 --- /dev/null +++ b/docs/assets/js/54e4468f.4d834bb8.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2968],{5788:(e,t,a)=>{a.d(t,{Iu:()=>p,yg:()=>y});var n=a(1504);function o(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function r(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function l(e){for(var t=1;t=0||(o[a]=e[a]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var i=n.createContext({}),u=function(e){var t=n.useContext(i),a=t;return e&&(a="function"==typeof e?e(t):l(l({},t),e)),a},p=function(e){var t=u(e.components);return n.createElement(i.Provider,{value:t},e.children)},c="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},m=n.forwardRef((function(e,t){var a=e.components,o=e.mdxType,r=e.originalType,i=e.parentName,p=s(e,["components","mdxType","originalType","parentName"]),c=u(a),m=o,y=c["".concat(i,".").concat(m)]||c[m]||d[m]||r;return a?n.createElement(y,l(l({ref:t},p),{},{components:a})):n.createElement(y,l({ref:t},p))}));function y(e,t){var a=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var r=a.length,l=new Array(r);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[c]="string"==typeof e?e:o,l[1]=s;for(var u=2;u{a.r(t),a.d(t,{contentTitle:()=>p,default:()=>f,frontMatter:()=>u,metadata:()=>c,toc:()=>d});var n=a(5072),o=(a(1504),a(5788)),r=a(7144);const l={toc:[{value:"Static",id:"static",children:[{value:"Styles",id:"styles",children:[],level:4},{value:"Map Objects",id:"map-objects",children:[],level:4},{value:"Colors",id:"colors",children:[],level:4},{value:"Text",id:"text",children:[],level:4}],level:3},{value:"Interactive Maps",id:"interactive-maps",children:[{value:"Pop-ups and markers",id:"pop-ups-and-markers",children:[],level:4}],level:3}]},s="wrapper";function i(e){let{components:t,...a}=e;return(0,o.yg)(s,(0,n.c)({},l,a,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("h3",{id:"static"},"Static"),(0,o.yg)("p",null,"There are five main design principles in map design. "),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"legibility "),(0,o.yg)("li",{parentName:"ul"},"visual contrast "),(0,o.yg)("li",{parentName:"ul"},"figure-ground organization "),(0,o.yg)("li",{parentName:"ul"},"hierarchical organization, and "),(0,o.yg)("li",{parentName:"ul"},"balance ")),(0,o.yg)("p",null,"Together these principles form a system for seeing and understanding the relative importance of the content in the map and on the page. "),(0,o.yg)("p",null,"What are the qualities of a good map? "),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"clear idea of what the map is trying to demonstrate "),(0,o.yg)("li",{parentName:"ul"},"easy to interpret legend or key "),(0,o.yg)("li",{parentName:"ul"},"good use of symbols to demonstrate a clear point"),(0,o.yg)("li",{parentName:"ul"},"good sources/metadata "),(0,o.yg)("li",{parentName:"ul"},"clear features not overcrowded")),(0,o.yg)("h4",{id:"styles"},"Styles"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"do not use underlined text! This is difficult for low-vision users to read and indicates a possible hyperlink "),(0,o.yg)("li",{parentName:"ul"},"italics should be used as little as possible, for water labels and short labels only "),(0,o.yg)("li",{parentName:"ul"},"bolding of fonts is a good way to call out features, but avoid it for continuous, readable text"),(0,o.yg)("li",{parentName:"ul"},"although ALL CAPS labels stand out, they are harder to read and should be used sparingly")),(0,o.yg)("h4",{id:"map-objects"},"Map Objects"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"avoid overlapping points or annotations, when possible. Try to place them offset from a line "),(0,o.yg)("li",{parentName:"ul"},"there should be visible whitespace between symbols; touching symbols blend together for users with low vision "),(0,o.yg)("li",{parentName:"ul"},"there should be a 2x size difference in levels of information ")),(0,o.yg)("h4",{id:"colors"},"Colors"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},(0,o.yg)("strong",{parentName:"li"},"use a limited color palette."),"\u202fLimited color palette works the best for all UIs, and map UI is not an exception. It\u2019s much easier to create visual harmony with a limited color palette. You should use between 10 to 12 colors for a full-body color palette, depending on the complexity of your map. Choose colors for individuals with visual impairments such as color-blindness (i.e. don\u2019t use red-green color schemes) "),(0,o.yg)("li",{parentName:"ul"},(0,o.yg)("strong",{parentName:"li"},"try to use the same hue for similar features."),"\u202fFor example, features related to transportation (bus stops, railway stations, etc.) should share the same hue. The same hue will help users to decode visual elements without reading text, and this will help you to create a more cohesive UI. "),(0,o.yg)("li",{parentName:"ul"},(0,o.yg)("strong",{parentName:"li"},"always consider accessibility."),"\u202fMany people have limited color vision, so you also need to take this into account when selecting colors to ensure that you have a proper\u202fcontrast ratio")),(0,o.yg)("h4",{id:"text"},"Text"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"choose fonts that have a variety of styles, such as bold, extra bold, italic, bold italic light, etc to differentiate between different kinds of features on your map "),(0,o.yg)("li",{parentName:"ul"},"use one version of fonts for the map body and one for the explainer text outside the map")),(0,o.yg)("h3",{id:"interactive-maps"},"Interactive Maps"),(0,o.yg)("p",null,"Interactive maps are high risk, high reward. Highly interactive maps can be too difficult for new users, yet they can also allow users to learn and explore at their own pace. It is always important to test designs on multiple people with varying degrees of technical expertise to see how they interact differently with the layout. Interactive map design should reflect what the cartographer is trying to convey (beauty vs. function) and never sacrifice visual hierarchy or great styling for interactivity. "),(0,o.yg)("p",null,"Tips for designing effective interactive maps: "),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"simplify the interface "),(0,o.yg)("li",{parentName:"ul"},"panels should be the minimum possible size so they don\u2019t clutter the space "),(0,o.yg)("li",{parentName:"ul"},"don\u2019t innovate to the point where users don\u2019t know what to do "),(0,o.yg)("li",{parentName:"ul"},"use panel opacity and margins to help them blend with your basemap and look cohesive "),(0,o.yg)("li",{parentName:"ul"},"leave space for the maps to be used on mobile devices. This means avoiding permanent panels ")),(0,o.yg)("h4",{id:"pop-ups-and-markers"},"Pop-ups and markers"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"keep pop-ups concise "),(0,o.yg)("li",{parentName:"ul"},"only one pop-up on the screen at a time (generally) "),(0,o.yg)("li",{parentName:"ul"},"cluster markers for better readability "),(0,o.yg)("li",{parentName:"ul"},"use a legend when you have multiple types of markers "),(0,o.yg)("li",{parentName:"ul"},"remove unnecessary padding and margins from popups "),(0,o.yg)("li",{parentName:"ul"},"use a slight shadow to \u201clift\u201d pop-ups off the map")))}i.isMDXComponent=!0;const u={title:"Maps",description:"",hide_table_of_contents:!0},p=void 0,c={unversionedId:"webdev/Components/Visuals/Maps",id:"webdev/Components/Visuals/Maps",title:"Maps",description:"",source:"@site/docs/webdev/5-Components/25-Visuals/2-Maps.mdx",sourceDirName:"webdev/5-Components/25-Visuals",slug:"/webdev/Components/Visuals/Maps",permalink:"/volto-eea-design-system/docs/webdev/Components/Visuals/Maps",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/maps_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"Maps",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Charts",permalink:"/volto-eea-design-system/docs/webdev/Components/Visuals/Charts"},next:{title:"Content",permalink:"/volto-eea-design-system/docs/webdev/Components/Content"}},d=[],m=(y="Showcase",function(e){return console.warn("Component "+y+" was not imported, exported, or provided by MDXProvider as global scope"),(0,o.yg)("div",e)});var y;const h={toc:d},g="wrapper";function f(e){let{components:t,...a}=e;return(0,o.yg)(g,(0,n.c)({},h,a,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(r.cp,{usage:(0,o.yg)(i,{mdxType:"Usage"}),showcase:(0,o.yg)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}f.isMDXComponent=!0},7144:(e,t,a)=>{a.d(t,{cp:()=>v});var n=a(5072),o=a(1504),r=a(5788),l=a(3664),s=a(7676);const i=function(){const e=(0,o.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=a(7572),p=a(4971);const c={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:a,defaultValue:n,values:r,groupId:l,className:s}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??d.map((e=>{let{props:{value:t,label:a}}=e;return{value:t,label:a}})),y=(0,u.wn)(m,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const h=null===n?n:n??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==h&&!m.some((e=>e.value===h)))throw new Error(`Docusaurus error: The has a defaultValue "${h}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:g,setTabGroupChoices:f}=i(),[v,b]=(0,o.useState)(h),w=[],{blockElementScrollPositionUntilNextRender:N}=(0,u.MV)();if(null!=l){const e=g[l];null!=e&&e!==v&&m.some((t=>t.value===e))&&b(e)}const x=e=>{const t=e.currentTarget,a=w.indexOf(t),n=m[a].value;n!==v&&(N(t),b(n),null!=l&&f(l,n))},T=e=>{let t=null;switch(e.key){case"ArrowRight":{const a=w.indexOf(e.currentTarget)+1;t=w[a]||w[0];break}case"ArrowLeft":{const a=w.indexOf(e.currentTarget)-1;t=w[a]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,p.c)("tabs",{"tabs--block":a},s)},m.map((e=>{let{value:t,label:a}=e;return o.createElement("li",{role:"tab",tabIndex:v===t?0:-1,"aria-selected":v===t,className:(0,p.c)("tabs__item",c.tabItem,{"tabs__item--active":v===t}),key:t,ref:e=>w.push(e),onKeyDown:T,onFocus:x,onClick:x},a??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===v))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==v})))))}function m(e){const t=(0,l.c)();return o.createElement(d,(0,n.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:a,className:n}=e;return o.createElement("div",{role:"tabpanel",hidden:a,className:n},t)};function h(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const g={toc:[],getValues:h},f="wrapper";function v(e){let{components:t,...a}=e;return(0,r.yg)(f,(0,n.c)({},g,a,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(m,{defaultValue:"usage",values:h(a),mdxType:"Tabs"},(0,r.yg)(y,{value:"usage",mdxType:"TabItem"},a.usage),(0,r.yg)(y,{value:"showcase",mdxType:"TabItem"},a.showcase),(0,r.yg)(y,{value:"api",mdxType:"TabItem"},a.api)))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/54e4468f.f96775e6.js b/docs/assets/js/54e4468f.f96775e6.js deleted file mode 100644 index 636b1f433c..0000000000 --- a/docs/assets/js/54e4468f.f96775e6.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5386],{3905:(e,t,a)=>{a.d(t,{Zo:()=>p,kt:()=>h});var n=a(7294);function o(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function r(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function l(e){for(var t=1;t=0||(o[a]=e[a]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var i=n.createContext({}),u=function(e){var t=n.useContext(i),a=t;return e&&(a="function"==typeof e?e(t):l(l({},t),e)),a},p=function(e){var t=u(e.components);return n.createElement(i.Provider,{value:t},e.children)},c="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},m=n.forwardRef((function(e,t){var a=e.components,o=e.mdxType,r=e.originalType,i=e.parentName,p=s(e,["components","mdxType","originalType","parentName"]),c=u(a),m=o,h=c["".concat(i,".").concat(m)]||c[m]||d[m]||r;return a?n.createElement(h,l(l({ref:t},p),{},{components:a})):n.createElement(h,l({ref:t},p))}));function h(e,t){var a=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var r=a.length,l=new Array(r);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[c]="string"==typeof e?e:o,l[1]=s;for(var u=2;u{a.r(t),a.d(t,{contentTitle:()=>p,default:()=>b,frontMatter:()=>u,metadata:()=>c,toc:()=>d});var n=a(7462),o=(a(7294),a(3905)),r=a(4037);const l={toc:[{value:"Static",id:"static",children:[{value:"Styles",id:"styles",children:[],level:4},{value:"Map Objects",id:"map-objects",children:[],level:4},{value:"Colors",id:"colors",children:[],level:4},{value:"Text",id:"text",children:[],level:4}],level:3},{value:"Interactive Maps",id:"interactive-maps",children:[{value:"Pop-ups and markers",id:"pop-ups-and-markers",children:[],level:4}],level:3}]},s="wrapper";function i(e){let{components:t,...a}=e;return(0,o.kt)(s,(0,n.Z)({},l,a,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h3",{id:"static"},"Static"),(0,o.kt)("p",null,"There are five main design principles in map design. "),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"legibility "),(0,o.kt)("li",{parentName:"ul"},"visual contrast "),(0,o.kt)("li",{parentName:"ul"},"figure-ground organization "),(0,o.kt)("li",{parentName:"ul"},"hierarchical organization, and "),(0,o.kt)("li",{parentName:"ul"},"balance ")),(0,o.kt)("p",null,"Together these principles form a system for seeing and understanding the relative importance of the content in the map and on the page. "),(0,o.kt)("p",null,"What are the qualities of a good map? "),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"clear idea of what the map is trying to demonstrate "),(0,o.kt)("li",{parentName:"ul"},"easy to interpret legend or key "),(0,o.kt)("li",{parentName:"ul"},"good use of symbols to demonstrate a clear point"),(0,o.kt)("li",{parentName:"ul"},"good sources/metadata "),(0,o.kt)("li",{parentName:"ul"},"clear features not overcrowded")),(0,o.kt)("h4",{id:"styles"},"Styles"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"do not use underlined text! This is difficult for low-vision users to read and indicates a possible hyperlink "),(0,o.kt)("li",{parentName:"ul"},"italics should be used as little as possible, for water labels and short labels only "),(0,o.kt)("li",{parentName:"ul"},"bolding of fonts is a good way to call out features, but avoid it for continuous, readable text"),(0,o.kt)("li",{parentName:"ul"},"although ALL CAPS labels stand out, they are harder to read and should be used sparingly")),(0,o.kt)("h4",{id:"map-objects"},"Map Objects"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"avoid overlapping points or annotations, when possible. Try to place them offset from a line "),(0,o.kt)("li",{parentName:"ul"},"there should be visible whitespace between symbols; touching symbols blend together for users with low vision "),(0,o.kt)("li",{parentName:"ul"},"there should be a 2x size difference in levels of information ")),(0,o.kt)("h4",{id:"colors"},"Colors"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},(0,o.kt)("strong",{parentName:"li"},"use a limited color palette."),"\u202fLimited color palette works the best for all UIs, and map UI is not an exception. It\u2019s much easier to create visual harmony with a limited color palette. You should use between 10 to 12 colors for a full-body color palette, depending on the complexity of your map. Choose colors for individuals with visual impairments such as color-blindness (i.e. don\u2019t use red-green color schemes) "),(0,o.kt)("li",{parentName:"ul"},(0,o.kt)("strong",{parentName:"li"},"try to use the same hue for similar features."),"\u202fFor example, features related to transportation (bus stops, railway stations, etc.) should share the same hue. The same hue will help users to decode visual elements without reading text, and this will help you to create a more cohesive UI. "),(0,o.kt)("li",{parentName:"ul"},(0,o.kt)("strong",{parentName:"li"},"always consider accessibility."),"\u202fMany people have limited color vision, so you also need to take this into account when selecting colors to ensure that you have a proper\u202fcontrast ratio")),(0,o.kt)("h4",{id:"text"},"Text"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"choose fonts that have a variety of styles, such as bold, extra bold, italic, bold italic light, etc to differentiate between different kinds of features on your map "),(0,o.kt)("li",{parentName:"ul"},"use one version of fonts for the map body and one for the explainer text outside the map")),(0,o.kt)("h3",{id:"interactive-maps"},"Interactive Maps"),(0,o.kt)("p",null,"Interactive maps are high risk, high reward. Highly interactive maps can be too difficult for new users, yet they can also allow users to learn and explore at their own pace. It is always important to test designs on multiple people with varying degrees of technical expertise to see how they interact differently with the layout. Interactive map design should reflect what the cartographer is trying to convey (beauty vs. function) and never sacrifice visual hierarchy or great styling for interactivity. "),(0,o.kt)("p",null,"Tips for designing effective interactive maps: "),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"simplify the interface "),(0,o.kt)("li",{parentName:"ul"},"panels should be the minimum possible size so they don\u2019t clutter the space "),(0,o.kt)("li",{parentName:"ul"},"don\u2019t innovate to the point where users don\u2019t know what to do "),(0,o.kt)("li",{parentName:"ul"},"use panel opacity and margins to help them blend with your basemap and look cohesive "),(0,o.kt)("li",{parentName:"ul"},"leave space for the maps to be used on mobile devices. This means avoiding permanent panels ")),(0,o.kt)("h4",{id:"pop-ups-and-markers"},"Pop-ups and markers"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"keep pop-ups concise "),(0,o.kt)("li",{parentName:"ul"},"only one pop-up on the screen at a time (generally) "),(0,o.kt)("li",{parentName:"ul"},"cluster markers for better readability "),(0,o.kt)("li",{parentName:"ul"},"use a legend when you have multiple types of markers "),(0,o.kt)("li",{parentName:"ul"},"remove unnecessary padding and margins from popups "),(0,o.kt)("li",{parentName:"ul"},"use a slight shadow to \u201clift\u201d pop-ups off the map")))}i.isMDXComponent=!0;const u={title:"Maps",description:"",hide_table_of_contents:!0},p=void 0,c={unversionedId:"webdev/Components/Visuals/Maps",id:"webdev/Components/Visuals/Maps",title:"Maps",description:"",source:"@site/docs/webdev/5-Components/25-Visuals/2-Maps.mdx",sourceDirName:"webdev/5-Components/25-Visuals",slug:"/webdev/Components/Visuals/Maps",permalink:"/volto-eea-design-system/docs/webdev/Components/Visuals/Maps",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/maps_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"Maps",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Charts",permalink:"/volto-eea-design-system/docs/webdev/Components/Visuals/Charts"},next:{title:"Content",permalink:"/volto-eea-design-system/docs/webdev/Components/Content"}},d=[],m=(h="Showcase",function(e){return console.warn("Component "+h+" was not imported, exported, or provided by MDXProvider as global scope"),(0,o.kt)("div",e)});var h;const f={toc:d},v="wrapper";function b(e){let{components:t,...a}=e;return(0,o.kt)(v,(0,n.Z)({},f,a,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(r.ZP,{usage:(0,o.kt)(i,{mdxType:"Usage"}),showcase:(0,o.kt)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}b.isMDXComponent=!0},4037:(e,t,a)=>{a.d(t,{ZP:()=>y});var n=a(7462),o=a(7294),r=a(3905),l=a(2389),s=a(9443);const i=function(){const e=(0,o.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=a(3810),p=a(6010);const c={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:a,defaultValue:n,values:r,groupId:l,className:s}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??d.map((e=>{let{props:{value:t,label:a}}=e;return{value:t,label:a}})),h=(0,u.lx)(m,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===n?n:n??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==f&&!m.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:b}=i(),[y,k]=(0,o.useState)(f),g=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.o5)();if(null!=l){const e=v[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&k(e)}const N=e=>{const t=e.currentTarget,a=g.indexOf(t),n=m[a].value;n!==y&&(w(t),k(n),null!=l&&b(l,n))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const a=g.indexOf(e.currentTarget)+1;t=g[a]||g[0];break}case"ArrowLeft":{const a=g.indexOf(e.currentTarget)-1;t=g[a]||g[g.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,p.Z)("tabs",{"tabs--block":a},s)},m.map((e=>{let{value:t,label:a}=e;return o.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,p.Z)("tabs__item",c.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>g.push(e),onKeyDown:x,onFocus:N,onClick:N},a??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return o.createElement(d,(0,n.Z)({key:String(t)},e))}const h=function(e){let{children:t,hidden:a,className:n}=e;return o.createElement("div",{role:"tabpanel",hidden:a,className:n},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:f},b="wrapper";function y(e){let{components:t,...a}=e;return(0,r.kt)(b,(0,n.Z)({},v,a,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(m,{defaultValue:"usage",values:f(a),mdxType:"Tabs"},(0,r.kt)(h,{value:"usage",mdxType:"TabItem"},a.usage),(0,r.kt)(h,{value:"showcase",mdxType:"TabItem"},a.showcase),(0,r.kt)(h,{value:"api",mdxType:"TabItem"},a.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/56bbe726.02ecf8a0.js b/docs/assets/js/56bbe726.02ecf8a0.js deleted file mode 100644 index f7efdcf486..0000000000 --- a/docs/assets/js/56bbe726.02ecf8a0.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[698],{3905:(e,t,o)=>{o.d(t,{Zo:()=>c,kt:()=>f});var n=o(7294);function r(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function a(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function s(e){for(var t=1;t=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}var i=n.createContext({}),u=function(e){var t=n.useContext(i),o=t;return e&&(o="function"==typeof e?e(t):s(s({},t),e)),o},c=function(e){var t=u(e.components);return n.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},m=n.forwardRef((function(e,t){var o=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),p=u(o),m=r,f=p["".concat(i,".").concat(m)]||p[m]||d[m]||a;return o?n.createElement(f,s(s({ref:t},c),{},{components:o})):n.createElement(f,s({ref:t},c))}));function f(e,t){var o=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=o.length,s=new Array(a);s[0]=m;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:r,s[1]=l;for(var u=2;u{o.r(t),o.d(t,{contentTitle:()=>v,default:()=>w,frontMatter:()=>f,metadata:()=>h,toc:()=>b});var n=o(7462),r=(o(7294),o(3905)),a=o(4037);const s={toc:[{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...o}=e;return(0,r.kt)(l,(0,n.Z)({},s,o,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"Progress indicators tell users that more time is needed to process the last user action (for instance, to load a file, or to install a new update), and how much time remains."),(0,r.kt)("h3",{id:"dos"},"Do\u2019s"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"use a progress indicator for any action that takes longer than about 1.0 second"),(0,r.kt)("li",{parentName:"ul"},"use Looped animation only for fast actions. The animated-spinner icon is an example of this common progress indicator. This indicator should be used for actions that take between 2-10 seconds"),(0,r.kt)("li",{parentName:"ul"},"percent-done animation: Use for actions that take 10 seconds or more.")),(0,r.kt)("h3",{id:"donts"},"Don\u2019ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"do not use static progress indicators")))}i.isMDXComponent=!0;var u=o(7521);const c={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Progress with Value",id:"progress-with-value",children:[],level:2},{value:"Custom Color",id:"custom-color",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...o}=e;return(0,r.kt)(p,(0,n.Z)({},c,o,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default"},"Default"),(0,r.kt)(u.ZP,{id:"components-progress--default",height:"120",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"progress-with-value"},"Progress with Value"),(0,r.kt)(u.ZP,{id:"components-progress--progress-with-value",height:"120",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"custom-color"},"Custom Color"),(0,r.kt)(u.ZP,{id:"components-progress--custom-color",height:"120",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="MenuJSDoc";var m;const f={title:"Progress",description:"",hide_table_of_contents:!0},v=void 0,h={unversionedId:"webdev/Components/Progress",id:"webdev/Components/Progress",title:"Progress",description:"",source:"@site/docs/webdev/5-Components/21-Progress.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Progress",permalink:"/volto-eea-design-system/docs/webdev/Components/Progress",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/progress_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:21,frontMatter:{title:"Progress",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Popup",permalink:"/volto-eea-design-system/docs/webdev/Components/Popup"},next:{title:"Quotes",permalink:"/volto-eea-design-system/docs/category/quotes"}},b=[],g={toc:b},y="wrapper";function w(e){let{components:t,...o}=e;return(0,r.kt)(y,(0,n.Z)({},g,o,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(i,{mdxType:"Usage"}),showcase:(0,r.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},7521:(e,t,o)=>{o.d(t,{ZP:()=>u});var n=o(7462),r=(o(7294),o(3905)),a=o(2263);function s(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function u(e){let{components:t,...o}=e;return(0,r.kt)(i,(0,n.Z)({},l,o,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(o.height?o.height:300)+"px"},src:s()+"/iframe.html?id="+o.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,o)=>{o.d(t,{ZP:()=>g});var n=o(7462),r=o(7294),a=o(3905),s=o(2389),l=o(9443);const i=function(){const e=(0,r.useContext)(l.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=o(3810),c=o(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:o,defaultValue:n,values:a,groupId:s,className:l}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:o}}=e;return{value:t,label:o}})),f=(0,u.lx)(m,((e,t)=>e.value===t.value));if(f.length>0)throw new Error(`Docusaurus error: Duplicate values "${f.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const v=null===n?n:n??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==v&&!m.some((e=>e.value===v)))throw new Error(`Docusaurus error: The has a defaultValue "${v}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:h,setTabGroupChoices:b}=i(),[g,y]=(0,r.useState)(v),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,u.o5)();if(null!=s){const e=h[s];null!=e&&e!==g&&m.some((t=>t.value===e))&&y(e)}const T=e=>{const t=e.currentTarget,o=w.indexOf(t),n=m[o].value;n!==g&&(k(t),y(n),null!=s&&b(s,n))},P=e=>{let t=null;switch(e.key){case"ArrowRight":{const o=w.indexOf(e.currentTarget)+1;t=w[o]||w[0];break}case"ArrowLeft":{const o=w.indexOf(e.currentTarget)-1;t=w[o]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":o},l)},m.map((e=>{let{value:t,label:o}=e;return r.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:P,onFocus:T,onClick:T},o??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function m(e){const t=(0,s.Z)();return r.createElement(d,(0,n.Z)({key:String(t)},e))}const f=function(e){let{children:t,hidden:o,className:n}=e;return r.createElement("div",{role:"tabpanel",hidden:o,className:n},t)};function v(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const h={toc:[],getValues:v},b="wrapper";function g(e){let{components:t,...o}=e;return(0,a.kt)(b,(0,n.Z)({},h,o,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:v(o),mdxType:"Tabs"},(0,a.kt)(f,{value:"usage",mdxType:"TabItem"},o.usage),(0,a.kt)(f,{value:"showcase",mdxType:"TabItem"},o.showcase),(0,a.kt)(f,{value:"api",mdxType:"TabItem"},o.api)))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/56bbe726.8ba5ad36.js b/docs/assets/js/56bbe726.8ba5ad36.js new file mode 100644 index 0000000000..567f341d24 --- /dev/null +++ b/docs/assets/js/56bbe726.8ba5ad36.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3320],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>g});var o=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function s(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),c=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),m=r,g=p["".concat(i,".").concat(m)]||p[m]||d[m]||a;return n?o.createElement(g,s(s({ref:t},u),{},{components:n})):o.createElement(g,s({ref:t},u))}));function g(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,s=new Array(a);s[0]=m;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:r,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>w,frontMatter:()=>g,metadata:()=>f,toc:()=>v});var o=n(5072),r=(n(1504),n(5788)),a=n(7144);const s={toc:[{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,r.yg)(l,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"Progress indicators tell users that more time is needed to process the last user action (for instance, to load a file, or to install a new update), and how much time remains."),(0,r.yg)("h3",{id:"dos"},"Do\u2019s"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"use a progress indicator for any action that takes longer than about 1.0 second"),(0,r.yg)("li",{parentName:"ul"},"use Looped animation only for fast actions. The animated-spinner icon is an example of this common progress indicator. This indicator should be used for actions that take between 2-10 seconds"),(0,r.yg)("li",{parentName:"ul"},"percent-done animation: Use for actions that take 10 seconds or more.")),(0,r.yg)("h3",{id:"donts"},"Don\u2019ts"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"do not use static progress indicators")))}i.isMDXComponent=!0;var c=n(4620);const u={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Progress with Value",id:"progress-with-value",children:[],level:2},{value:"Custom Color",id:"custom-color",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,r.yg)(p,(0,o.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("h2",{id:"default"},"Default"),(0,r.yg)(c.cp,{id:"components-progress--default",height:"120",mdxType:"Iframe"}," "),(0,r.yg)("h2",{id:"progress-with-value"},"Progress with Value"),(0,r.yg)(c.cp,{id:"components-progress--progress-with-value",height:"120",mdxType:"Iframe"}," "),(0,r.yg)("h2",{id:"custom-color"},"Custom Color"),(0,r.yg)(c.cp,{id:"components-progress--custom-color",height:"120",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="MenuJSDoc";var m;const g={title:"Progress",description:"",hide_table_of_contents:!0},y=void 0,f={unversionedId:"webdev/Components/Progress",id:"webdev/Components/Progress",title:"Progress",description:"",source:"@site/docs/webdev/5-Components/21-Progress.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Progress",permalink:"/volto-eea-design-system/docs/webdev/Components/Progress",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/progress_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:21,frontMatter:{title:"Progress",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Popup",permalink:"/volto-eea-design-system/docs/webdev/Components/Popup"},next:{title:"Quotes",permalink:"/volto-eea-design-system/docs/category/quotes"}},v=[],h={toc:v},b="wrapper";function w(e){let{components:t,...n}=e;return(0,r.yg)(b,(0,o.c)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(a.cp,{usage:(0,r.yg)(i,{mdxType:"Usage"}),showcase:(0,r.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var o=n(5072),r=(n(1504),n(5788)),a=n(8264);function s(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function c(e){let{components:t,...n}=e;return(0,r.yg)(i,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>h});var o=n(5072),r=n(1504),a=n(5788),s=n(3664),l=n(7676);const i=function(){const e=(0,r.useContext)(l.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:s,className:l}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),g=(0,c.wn)(m,((e,t)=>e.value===t.value));if(g.length>0)throw new Error(`Docusaurus error: Duplicate values "${g.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==y&&!m.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:v}=i(),[h,b]=(0,r.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.MV)();if(null!=s){const e=f[s];null!=e&&e!==h&&m.some((t=>t.value===e))&&b(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==h&&(T(t),b(o),null!=s&&v(s,o))},P=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:h===t?0:-1,"aria-selected":h===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":h===t}),key:t,ref:e=>w.push(e),onKeyDown:P,onFocus:x,onClick:x},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===h))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==h})))))}function m(e){const t=(0,s.c)();return r.createElement(d,(0,o.c)({key:String(t)},e))}const g=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:y},v="wrapper";function h(e){let{components:t,...n}=e;return(0,a.yg)(v,(0,o.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(m,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,a.yg)(g,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(g,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(g,{value:"api",mdxType:"TabItem"},n.api)))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/627750f7.6f79a50b.js b/docs/assets/js/627750f7.bba4525f.js similarity index 82% rename from docs/assets/js/627750f7.6f79a50b.js rename to docs/assets/js/627750f7.bba4525f.js index 7f6c41f32f..2621c09184 100644 --- a/docs/assets/js/627750f7.6f79a50b.js +++ b/docs/assets/js/627750f7.bba4525f.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[8518],{3905:(e,t,r)=>{r.d(t,{Zo:()=>u,kt:()=>m});var n=r(7294);function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e){for(var t=1;t=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var s=n.createContext({}),l=function(e){var t=n.useContext(s),r=t;return e&&(r="function"==typeof e?e(t):c(c({},t),e)),r},u=function(e){var t=l(e.components);return n.createElement(s.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},f=n.forwardRef((function(e,t){var r=e.components,i=e.mdxType,o=e.originalType,s=e.parentName,u=a(e,["components","mdxType","originalType","parentName"]),p=l(r),f=i,m=p["".concat(s,".").concat(f)]||p[f]||d[f]||o;return r?n.createElement(m,c(c({ref:t},u),{},{components:r})):n.createElement(m,c({ref:t},u))}));function m(e,t){var r=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=r.length,c=new Array(o);c[0]=f;var a={};for(var s in t)hasOwnProperty.call(t,s)&&(a[s]=t[s]);a.originalType=e,a[p]="string"==typeof e?e:i,c[1]=a;for(var l=2;l{r.r(t),r.d(t,{contentTitle:()=>c,default:()=>p,frontMatter:()=>o,metadata:()=>a,toc:()=>s});var n=r(7462),i=(r(7294),r(3905));const o={},c="Utilities",a={unversionedId:"webdev/Utilities/intro",id:"webdev/Utilities/intro",title:"Utilities",description:"",source:"@site/docs/webdev/7-Utilities/intro.md",sourceDirName:"webdev/7-Utilities",slug:"/webdev/Utilities/intro",permalink:"/volto-eea-design-system/docs/webdev/Utilities/intro",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/7-Utilities/intro.md",tags:[],version:"current",frontMatter:{},sidebar:"sidebar",previous:{title:"Utilities",permalink:"/volto-eea-design-system/docs/category/utilities"},next:{title:"Resources",permalink:"/volto-eea-design-system/docs/category/resources"}},s=[],l={toc:s},u="wrapper";function p(e){let{components:t,...r}=e;return(0,i.kt)(u,(0,n.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"utilities"},"Utilities"))}p.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6136],{5788:(e,t,r)=>{r.d(t,{Iu:()=>u,yg:()=>y});var n=r(1504);function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e){for(var t=1;t=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var s=n.createContext({}),l=function(e){var t=n.useContext(s),r=t;return e&&(r="function"==typeof e?e(t):c(c({},t),e)),r},u=function(e){var t=l(e.components);return n.createElement(s.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},f=n.forwardRef((function(e,t){var r=e.components,i=e.mdxType,o=e.originalType,s=e.parentName,u=a(e,["components","mdxType","originalType","parentName"]),p=l(r),f=i,y=p["".concat(s,".").concat(f)]||p[f]||d[f]||o;return r?n.createElement(y,c(c({ref:t},u),{},{components:r})):n.createElement(y,c({ref:t},u))}));function y(e,t){var r=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=r.length,c=new Array(o);c[0]=f;var a={};for(var s in t)hasOwnProperty.call(t,s)&&(a[s]=t[s]);a.originalType=e,a[p]="string"==typeof e?e:i,c[1]=a;for(var l=2;l{r.r(t),r.d(t,{contentTitle:()=>c,default:()=>p,frontMatter:()=>o,metadata:()=>a,toc:()=>s});var n=r(5072),i=(r(1504),r(5788));const o={},c="Utilities",a={unversionedId:"webdev/Utilities/intro",id:"webdev/Utilities/intro",title:"Utilities",description:"",source:"@site/docs/webdev/7-Utilities/intro.md",sourceDirName:"webdev/7-Utilities",slug:"/webdev/Utilities/intro",permalink:"/volto-eea-design-system/docs/webdev/Utilities/intro",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/7-Utilities/intro.md",tags:[],version:"current",frontMatter:{},sidebar:"sidebar",previous:{title:"Utilities",permalink:"/volto-eea-design-system/docs/category/utilities"},next:{title:"Resources",permalink:"/volto-eea-design-system/docs/category/resources"}},s=[],l={toc:s},u="wrapper";function p(e){let{components:t,...r}=e;return(0,i.yg)(u,(0,n.c)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,i.yg)("h1",{id:"utilities"},"Utilities"))}p.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/4608.46768f56.js b/docs/assets/js/6364.2a715366.js similarity index 61% rename from docs/assets/js/4608.46768f56.js rename to docs/assets/js/6364.2a715366.js index d2ce6479bf..16fecfa0a3 100644 --- a/docs/assets/js/4608.46768f56.js +++ b/docs/assets/js/6364.2a715366.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4608],{4608:(e,t,a)=>{a.r(t),a.d(t,{default:()=>i});var n=a(7294),o=a(4161),l=a(5999);const i=function(){return n.createElement(o.Z,{title:(0,l.I)({id:"theme.NotFound.title",message:"Page Not Found"})},n.createElement("main",{className:"container margin-vert--xl"},n.createElement("div",{className:"row"},n.createElement("div",{className:"col col--6 col--offset-3"},n.createElement("h1",{className:"hero__title"},n.createElement(l.Z,{id:"theme.NotFound.title",description:"The title of the 404 page"},"Page Not Found")),n.createElement("p",null,n.createElement(l.Z,{id:"theme.NotFound.p1",description:"The first paragraph of the 404 page"},"We could not find what you were looking for.")),n.createElement("p",null,n.createElement(l.Z,{id:"theme.NotFound.p2",description:"The 2nd paragraph of the 404 page"},"Please contact the owner of the site that linked you to the original URL and let them know their link is broken."))))))}}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6364],{6364:(e,t,a)=>{a.r(t),a.d(t,{default:()=>i});var n=a(1504),o=a(7276),l=a(4357);const i=function(){return n.createElement(o.c,{title:(0,l.G)({id:"theme.NotFound.title",message:"Page Not Found"})},n.createElement("main",{className:"container margin-vert--xl"},n.createElement("div",{className:"row"},n.createElement("div",{className:"col col--6 col--offset-3"},n.createElement("h1",{className:"hero__title"},n.createElement(l.c,{id:"theme.NotFound.title",description:"The title of the 404 page"},"Page Not Found")),n.createElement("p",null,n.createElement(l.c,{id:"theme.NotFound.p1",description:"The first paragraph of the 404 page"},"We could not find what you were looking for.")),n.createElement("p",null,n.createElement(l.c,{id:"theme.NotFound.p2",description:"The 2nd paragraph of the 404 page"},"Please contact the owner of the site that linked you to the original URL and let them know their link is broken."))))))}}}]); \ No newline at end of file diff --git a/docs/assets/js/63791757.b5f68b7e.js b/docs/assets/js/63791757.9aa318f5.js similarity index 71% rename from docs/assets/js/63791757.b5f68b7e.js rename to docs/assets/js/63791757.9aa318f5.js index 3a67310d2a..87eac6717c 100644 --- a/docs/assets/js/63791757.b5f68b7e.js +++ b/docs/assets/js/63791757.9aa318f5.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2582],{3905:(e,t,n)=>{n.d(t,{Zo:()=>d,kt:()=>m});var r=n(7294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var l=r.createContext({}),c=function(e){var t=r.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},d=function(e){var t=c(e.components);return r.createElement(l.Provider,{value:t},e.children)},u="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},f=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,o=e.originalType,l=e.parentName,d=a(e,["components","mdxType","originalType","parentName"]),u=c(n),f=i,m=u["".concat(l,".").concat(f)]||u[f]||p[f]||o;return n?r.createElement(m,s(s({ref:t},d),{},{components:n})):r.createElement(m,s({ref:t},d))}));function m(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=n.length,s=new Array(o);s[0]=f;var a={};for(var l in t)hasOwnProperty.call(t,l)&&(a[l]=t[l]);a.originalType=e,a[u]="string"==typeof e?e:i,s[1]=a;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>s,default:()=>u,frontMatter:()=>o,metadata:()=>a,toc:()=>l});var r=n(7462),i=(n(7294),n(3905));const o={title:"Intro",description:""},s=void 0,a={unversionedId:"webdev/Guidelines/intro",id:"webdev/Guidelines/intro",title:"Intro",description:"",source:"@site/docs/webdev/3-Guidelines/0-intro.md",sourceDirName:"webdev/3-Guidelines",slug:"/webdev/Guidelines/intro",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/intro",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/3-Guidelines/0-intro.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Intro",description:""},sidebar:"sidebar",previous:{title:"Guidelines",permalink:"/volto-eea-design-system/docs/category/guidelines"},next:{title:"Typography",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/typography"}},l=[{value:"Guidelines",id:"guidelines",children:[],level:2}],c={toc:l},d="wrapper";function u(e){let{components:t,...n}=e;return(0,i.kt)(d,(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h2",{id:"guidelines"},"Guidelines"),(0,i.kt)("p",null,"The DS v1 is the EEA's design system, created with a set of guiding principles that followed throughout the process.\nBy following a user-centered design approach and best UX practices, the DS v1 is the result of in-depth research into the users' needs and goals, offering solutions that are assessed, tested and revised continuously. All components included in the DS v1 follow the Web Content Accessibility Guidelines (WCAG)."),(0,i.kt)("p",null,"The main characteristics of our design system are:"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"Minimal use of drop shadows"),(0,i.kt)("li",{parentName:"ul"},"Sharp edges and corners"),(0,i.kt)("li",{parentName:"ul"},"Uncluttered, distraction-free design"),(0,i.kt)("li",{parentName:"ul"},"High readability with clear typography"),(0,i.kt)("li",{parentName:"ul"},"Easily adjusted for responsive design")),(0,i.kt)("p",null,"We emphasize more on functionality rather than appearance and in parallel we try to offer a consistent appearance irrespective of the screen resolution and types of devices. Trying not to use unnecessary designing elements, we focus on faster site designing and minimum loading time."))}u.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9832],{5788:(e,t,n)=>{n.d(t,{Iu:()=>d,yg:()=>f});var r=n(1504);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var l=r.createContext({}),c=function(e){var t=r.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},d=function(e){var t=c(e.components);return r.createElement(l.Provider,{value:t},e.children)},u="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},y=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,o=e.originalType,l=e.parentName,d=a(e,["components","mdxType","originalType","parentName"]),u=c(n),y=i,f=u["".concat(l,".").concat(y)]||u[y]||p[y]||o;return n?r.createElement(f,s(s({ref:t},d),{},{components:n})):r.createElement(f,s({ref:t},d))}));function f(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=n.length,s=new Array(o);s[0]=y;var a={};for(var l in t)hasOwnProperty.call(t,l)&&(a[l]=t[l]);a.originalType=e,a[u]="string"==typeof e?e:i,s[1]=a;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>s,default:()=>u,frontMatter:()=>o,metadata:()=>a,toc:()=>l});var r=n(5072),i=(n(1504),n(5788));const o={title:"Intro",description:""},s=void 0,a={unversionedId:"webdev/Guidelines/intro",id:"webdev/Guidelines/intro",title:"Intro",description:"",source:"@site/docs/webdev/3-Guidelines/0-intro.md",sourceDirName:"webdev/3-Guidelines",slug:"/webdev/Guidelines/intro",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/intro",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/3-Guidelines/0-intro.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Intro",description:""},sidebar:"sidebar",previous:{title:"Guidelines",permalink:"/volto-eea-design-system/docs/category/guidelines"},next:{title:"Typography",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/typography"}},l=[{value:"Guidelines",id:"guidelines",children:[],level:2}],c={toc:l},d="wrapper";function u(e){let{components:t,...n}=e;return(0,i.yg)(d,(0,r.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,i.yg)("h2",{id:"guidelines"},"Guidelines"),(0,i.yg)("p",null,"The DS v1 is the EEA's design system, created with a set of guiding principles that followed throughout the process.\nBy following a user-centered design approach and best UX practices, the DS v1 is the result of in-depth research into the users' needs and goals, offering solutions that are assessed, tested and revised continuously. All components included in the DS v1 follow the Web Content Accessibility Guidelines (WCAG)."),(0,i.yg)("p",null,"The main characteristics of our design system are:"),(0,i.yg)("ul",null,(0,i.yg)("li",{parentName:"ul"},"Minimal use of drop shadows"),(0,i.yg)("li",{parentName:"ul"},"Sharp edges and corners"),(0,i.yg)("li",{parentName:"ul"},"Uncluttered, distraction-free design"),(0,i.yg)("li",{parentName:"ul"},"High readability with clear typography"),(0,i.yg)("li",{parentName:"ul"},"Easily adjusted for responsive design")),(0,i.yg)("p",null,"We emphasize more on functionality rather than appearance and in parallel we try to offer a consistent appearance irrespective of the screen resolution and types of devices. Trying not to use unnecessary designing elements, we focus on faster site designing and minimum loading time."))}u.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/671d942a.361333e3.js b/docs/assets/js/671d942a.361333e3.js deleted file mode 100644 index 6bcf256a06..0000000000 --- a/docs/assets/js/671d942a.361333e3.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[7426],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>h});var o=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function s(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),d=u(n),m=a,h=d["".concat(i,".").concat(m)]||d[m]||p[m]||r;return n?o.createElement(h,s(s({ref:t},c),{},{components:n})):o.createElement(h,s({ref:t},c))}));function h(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,s=new Array(r);s[0]=m;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[d]="string"==typeof e?e:a,s[1]=l;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>f,default:()=>k,frontMatter:()=>h,metadata:()=>v,toc:()=>g});var o=n(7462),a=(n(7294),n(3905)),r=n(4037);const s={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,a.kt)(l,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"Messages component contains important information to alert users to take a certain actions."),(0,a.kt)("h3",{id:"dos"},"Do's"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"keep the message brief and clear"),(0,a.kt)("li",{parentName:"ul"},"use consistent messages for the same information/success/warning/error throughout your site")),(0,a.kt)("h3",{id:"donts"},"Don'ts"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"overuse messages - users may ignore them and they can get in the way of a user completing their task"),(0,a.kt)("li",{parentName:"ul"},"write messages that are neutral. For example, instead of ",(0,a.kt)("em",{parentName:"li"},"The postal code you entered is invalid,")," the message should say ",(0,a.kt)("em",{parentName:"li"},"Please enter a valid postal code"))),(0,a.kt)("h3",{id:"when-to-use"},"When to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"when the information is essential to convey to the users in order to go to the next step"),(0,a.kt)("li",{parentName:"ul"},"success message: the user has performed an action which was successfully completed"),(0,a.kt)("li",{parentName:"ul"},'warning message: the user needs to know about the potential dangers of completing their task (for example: "you are about replace/erase your data")'),(0,a.kt)("li",{parentName:"ul"},"error message: the user tried to perform an action that failed because of a problem (for example: a file could not be uploaded because it wasn't the correct type of file)")),(0,a.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"don't use to show non critical information")))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Success",id:"success",children:[],level:2},{value:"Warning",id:"warning",children:[],level:2},{value:"Error",id:"error",children:[],level:2},{value:"Info",id:"info",children:[],level:2}]},d="wrapper";function p(e){let{components:t,...n}=e;return(0,a.kt)(d,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"default"},"Default"),(0,a.kt)(u.ZP,{id:"components-message--default",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"success"},"Success"),(0,a.kt)(u.ZP,{id:"components-message--success",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"warning"},"Warning"),(0,a.kt)(u.ZP,{id:"components-message--warning",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"error"},"Error"),(0,a.kt)(u.ZP,{id:"components-message--error",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"info"},"Info"),(0,a.kt)(u.ZP,{id:"components-message--info",height:"120",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;m="MessageJSDoc";var m;const h={title:"Messages",description:"",hide_table_of_contents:!0},f=void 0,v={unversionedId:"webdev/Components/Messages",id:"webdev/Components/Messages",title:"Messages",description:"",source:"@site/docs/webdev/5-Components/17-Messages.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Messages",permalink:"/volto-eea-design-system/docs/webdev/Components/Messages",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/message_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:17,frontMatter:{title:"Messages",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Loader",permalink:"/volto-eea-design-system/docs/webdev/Components/Loader"},next:{title:"Modal",permalink:"/volto-eea-design-system/docs/webdev/Components/Modal"}},g=[],b={toc:g},y="wrapper";function k(e){let{components:t,...n}=e;return(0,a.kt)(y,(0,o.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(r.ZP,{usage:(0,a.kt)(i,{mdxType:"Usage"}),showcase:(0,a.kt)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}k.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var o=n(7462),a=(n(7294),n(3905)),r=n(2263);function s(){const{siteConfig:e}=(0,r.Z)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function u(e){let{components:t,...n}=e;return(0,a.kt)(i,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("div",{className:"frameWrapper"},(0,a.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>b});var o=n(7462),a=n(7294),r=n(3905),s=n(2389),l=n(9443);const i=function(){const e=(0,a.useContext)(l.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:s,className:l}=e,p=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),h=(0,u.lx)(m,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===o?o:o??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==f&&!m.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:g}=i(),[b,y]=(0,a.useState)(f),k=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.o5)();if(null!=s){const e=v[s];null!=e&&e!==b&&m.some((t=>t.value===e))&&y(e)}const T=e=>{const t=e.currentTarget,n=k.indexOf(t),o=m[n].value;o!==b&&(w(t),y(o),null!=s&&g(s,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=k.indexOf(e.currentTarget)+1;t=k[n]||k[0];break}case"ArrowLeft":{const n=k.indexOf(e.currentTarget)-1;t=k[n]||k[k.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:b===t?0:-1,"aria-selected":b===t,className:(0,c.Z)("tabs__item",d.tabItem,{"tabs__item--active":b===t}),key:t,ref:e=>k.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,a.cloneElement)(p.filter((e=>e.props.value===b))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==b})))))}function m(e){const t=(0,s.Z)();return a.createElement(p,(0,o.Z)({key:String(t)},e))}const h=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:f},g="wrapper";function b(e){let{components:t,...n}=e;return(0,r.kt)(g,(0,o.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(m,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,r.kt)(h,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.kt)(h,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.kt)(h,{value:"api",mdxType:"TabItem"},n.api)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/671d942a.afa0a1fe.js b/docs/assets/js/671d942a.afa0a1fe.js new file mode 100644 index 0000000000..afcbfef791 --- /dev/null +++ b/docs/assets/js/671d942a.afa0a1fe.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[7412],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>g});var o=n(1504);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function s(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),c=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),m=a,g=p["".concat(i,".").concat(m)]||p[m]||d[m]||r;return n?o.createElement(g,s(s({ref:t},u),{},{components:n})):o.createElement(g,s({ref:t},u))}));function g(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,s=new Array(r);s[0]=m;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:a,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>w,frontMatter:()=>g,metadata:()=>h,toc:()=>f});var o=n(5072),a=(n(1504),n(5788)),r=n(7144);const s={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,a.yg)(l,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("p",null,"Messages component contains important information to alert users to take a certain actions."),(0,a.yg)("h3",{id:"dos"},"Do's"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"keep the message brief and clear"),(0,a.yg)("li",{parentName:"ul"},"use consistent messages for the same information/success/warning/error throughout your site")),(0,a.yg)("h3",{id:"donts"},"Don'ts"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"overuse messages - users may ignore them and they can get in the way of a user completing their task"),(0,a.yg)("li",{parentName:"ul"},"write messages that are neutral. For example, instead of ",(0,a.yg)("em",{parentName:"li"},"The postal code you entered is invalid,")," the message should say ",(0,a.yg)("em",{parentName:"li"},"Please enter a valid postal code"))),(0,a.yg)("h3",{id:"when-to-use"},"When to use"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"when the information is essential to convey to the users in order to go to the next step"),(0,a.yg)("li",{parentName:"ul"},"success message: the user has performed an action which was successfully completed"),(0,a.yg)("li",{parentName:"ul"},'warning message: the user needs to know about the potential dangers of completing their task (for example: "you are about replace/erase your data")'),(0,a.yg)("li",{parentName:"ul"},"error message: the user tried to perform an action that failed because of a problem (for example: a file could not be uploaded because it wasn't the correct type of file)")),(0,a.yg)("h3",{id:"when-not-to-use"},"When not to use"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"don't use to show non critical information")))}i.isMDXComponent=!0;var c=n(4620);const u={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Success",id:"success",children:[],level:2},{value:"Warning",id:"warning",children:[],level:2},{value:"Error",id:"error",children:[],level:2},{value:"Info",id:"info",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,a.yg)(p,(0,o.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("h2",{id:"default"},"Default"),(0,a.yg)(c.cp,{id:"components-message--default",height:"120",mdxType:"Iframe"}," "),(0,a.yg)("h2",{id:"success"},"Success"),(0,a.yg)(c.cp,{id:"components-message--success",height:"120",mdxType:"Iframe"}," "),(0,a.yg)("h2",{id:"warning"},"Warning"),(0,a.yg)(c.cp,{id:"components-message--warning",height:"120",mdxType:"Iframe"}," "),(0,a.yg)("h2",{id:"error"},"Error"),(0,a.yg)(c.cp,{id:"components-message--error",height:"120",mdxType:"Iframe"}," "),(0,a.yg)("h2",{id:"info"},"Info"),(0,a.yg)(c.cp,{id:"components-message--info",height:"120",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="MessageJSDoc";var m;const g={title:"Messages",description:"",hide_table_of_contents:!0},y=void 0,h={unversionedId:"webdev/Components/Messages",id:"webdev/Components/Messages",title:"Messages",description:"",source:"@site/docs/webdev/5-Components/17-Messages.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Messages",permalink:"/volto-eea-design-system/docs/webdev/Components/Messages",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/message_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:17,frontMatter:{title:"Messages",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Loader",permalink:"/volto-eea-design-system/docs/webdev/Components/Loader"},next:{title:"Modal",permalink:"/volto-eea-design-system/docs/webdev/Components/Modal"}},f=[],v={toc:f},b="wrapper";function w(e){let{components:t,...n}=e;return(0,a.yg)(b,(0,o.c)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(r.cp,{usage:(0,a.yg)(i,{mdxType:"Usage"}),showcase:(0,a.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var o=n(5072),a=(n(1504),n(5788)),r=n(8264);function s(){const{siteConfig:e}=(0,r.c)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function c(e){let{components:t,...n}=e;return(0,a.yg)(i,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("div",{className:"frameWrapper"},(0,a.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>v});var o=n(5072),a=n(1504),r=n(5788),s=n(3664),l=n(7676);const i=function(){const e=(0,a.useContext)(l.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:s,className:l}=e,d=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),g=(0,c.wn)(m,((e,t)=>e.value===t.value));if(g.length>0)throw new Error(`Docusaurus error: Duplicate values "${g.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==y&&!m.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:h,setTabGroupChoices:f}=i(),[v,b]=(0,a.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.MV)();if(null!=s){const e=h[s];null!=e&&e!==v&&m.some((t=>t.value===e))&&b(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==v&&(T(t),b(o),null!=s&&f(s,o))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:v===t?0:-1,"aria-selected":v===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":v===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,a.cloneElement)(d.filter((e=>e.props.value===v))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==v})))))}function m(e){const t=(0,s.c)();return a.createElement(d,(0,o.c)({key:String(t)},e))}const g=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const h={toc:[],getValues:y},f="wrapper";function v(e){let{components:t,...n}=e;return(0,r.yg)(f,(0,o.c)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(m,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,r.yg)(g,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.yg)(g,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.yg)(g,{value:"api",mdxType:"TabItem"},n.api)))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/686ae6d4.600335dc.js b/docs/assets/js/686ae6d4.600335dc.js deleted file mode 100644 index 4f108250fd..0000000000 --- a/docs/assets/js/686ae6d4.600335dc.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2305],{3905:(e,t,n)=>{n.d(t,{Zo:()=>u,kt:()=>f});var o=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function s(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),c=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},d=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),d=r,f=p["".concat(i,".").concat(d)]||p[d]||m[d]||a;return n?o.createElement(f,s(s({ref:t},u),{},{components:n})):o.createElement(f,s({ref:t},u))}));function f(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,s=new Array(a);s[0]=d;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:r,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>b,default:()=>w,frontMatter:()=>f,metadata:()=>v,toc:()=>y});var o=n(7462),r=(n(7294),n(3905)),a=n(4037);const s={toc:[]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,r.kt)(l,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"No specific UX guidelines."))}i.isMDXComponent=!0;var c=n(7521);const u={toc:[]},p="wrapper";function m(e){let{components:t,...n}=e;return(0,r.kt)(p,(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(c.ZP,{id:"components-segment--default",mdxType:"Iframe"}," "))}m.isMDXComponent=!0;d="MenuJSDoc";var d;const f={title:"Segment",description:"",hide_table_of_contents:!0},b=void 0,v={unversionedId:"webdev/Components/Segment",id:"webdev/Components/Segment",title:"Segment",description:"",source:"@site/docs/webdev/5-Components/22-Segment.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Segment",permalink:"/volto-eea-design-system/docs/webdev/Components/Segment",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/segment_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:22,frontMatter:{title:"Segment",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Testimonial",permalink:"/volto-eea-design-system/docs/webdev/Components/Quote/Testimonial"},next:{title:"Statistic",permalink:"/volto-eea-design-system/docs/webdev/Components/Statistic"}},y=[],g={toc:y},h="wrapper";function w(e){let{components:t,...n}=e;return(0,r.kt)(h,(0,o.Z)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(i,{mdxType:"Usage"}),showcase:(0,r.kt)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>c});var o=n(7462),r=(n(7294),n(3905)),a=n(2263);function s(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function c(e){let{components:t,...n}=e;return(0,r.kt)(i,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>g});var o=n(7462),r=n(7294),a=n(3905),s=n(2389),l=n(9443);const i=function(){const e=(0,r.useContext)(l.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(3810),u=n(6010);const p={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:s,className:l}=e,m=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=a??m.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),f=(0,c.lx)(d,((e,t)=>e.value===t.value));if(f.length>0)throw new Error(`Docusaurus error: Duplicate values "${f.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const b=null===o?o:o??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==b&&!d.some((e=>e.value===b)))throw new Error(`Docusaurus error: The has a defaultValue "${b}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:y}=i(),[g,h]=(0,r.useState)(b),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.o5)();if(null!=s){const e=v[s];null!=e&&e!==g&&d.some((t=>t.value===e))&&h(e)}const k=e=>{const t=e.currentTarget,n=w.indexOf(t),o=d[n].value;o!==g&&(T(t),h(o),null!=s&&y(s,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.Z)("tabs",{"tabs--block":n},l)},d.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,u.Z)("tabs__item",p.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:k,onClick:k},n??t)}))),t?(0,r.cloneElement)(m.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function d(e){const t=(0,s.Z)();return r.createElement(m,(0,o.Z)({key:String(t)},e))}const f=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function b(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:b},y="wrapper";function g(e){let{components:t,...n}=e;return(0,a.kt)(y,(0,o.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(d,{defaultValue:"usage",values:b(n),mdxType:"Tabs"},(0,a.kt)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(f,{value:"api",mdxType:"TabItem"},n.api)))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/686ae6d4.b6fa5ec7.js b/docs/assets/js/686ae6d4.b6fa5ec7.js new file mode 100644 index 0000000000..683cd84eda --- /dev/null +++ b/docs/assets/js/686ae6d4.b6fa5ec7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[960],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>y});var r=n(1504);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var c=r.createContext({}),i=function(e){var t=r.useContext(c),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=i(e.components);return r.createElement(c.Provider,{value:t},e.children)},p="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},d=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,c=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=i(n),d=o,y=p["".concat(c,".").concat(d)]||p[d]||m[d]||a;return n?r.createElement(y,s(s({ref:t},u),{},{components:n})):r.createElement(y,s({ref:t},u))}));function y(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,s=new Array(a);s[0]=d;var l={};for(var c in t)hasOwnProperty.call(t,c)&&(l[c]=t[c]);l.originalType=e,l[p]="string"==typeof e?e:o,s[1]=l;for(var i=2;i{n.r(t),n.d(t,{contentTitle:()=>f,default:()=>w,frontMatter:()=>y,metadata:()=>b,toc:()=>v});var r=n(5072),o=(n(1504),n(5788)),a=n(7144);const s={toc:[]},l="wrapper";function c(e){let{components:t,...n}=e;return(0,o.yg)(l,(0,r.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("p",null,"No specific UX guidelines."))}c.isMDXComponent=!0;var i=n(4620);const u={toc:[]},p="wrapper";function m(e){let{components:t,...n}=e;return(0,o.yg)(p,(0,r.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(i.cp,{id:"components-segment--default",mdxType:"Iframe"}," "))}m.isMDXComponent=!0;d="MenuJSDoc";var d;const y={title:"Segment",description:"",hide_table_of_contents:!0},f=void 0,b={unversionedId:"webdev/Components/Segment",id:"webdev/Components/Segment",title:"Segment",description:"",source:"@site/docs/webdev/5-Components/22-Segment.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Segment",permalink:"/volto-eea-design-system/docs/webdev/Components/Segment",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/segment_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:22,frontMatter:{title:"Segment",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Testimonial",permalink:"/volto-eea-design-system/docs/webdev/Components/Quote/Testimonial"},next:{title:"Statistic",permalink:"/volto-eea-design-system/docs/webdev/Components/Statistic"}},v=[],g={toc:v},h="wrapper";function w(e){let{components:t,...n}=e;return(0,o.yg)(h,(0,r.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(a.cp,{usage:(0,o.yg)(c,{mdxType:"Usage"}),showcase:(0,o.yg)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>i});var r=n(5072),o=(n(1504),n(5788)),a=n(8264);function s(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},c="wrapper";function i(e){let{components:t,...n}=e;return(0,o.yg)(c,(0,r.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("div",{className:"frameWrapper"},(0,o.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}i.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>g});var r=n(5072),o=n(1504),a=n(5788),s=n(3664),l=n(7676);const c=function(){const e=(0,o.useContext)(l.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var i=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:n,defaultValue:r,values:a,groupId:s,className:l}=e,m=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=a??m.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),y=(0,i.wn)(d,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===r?r:r??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==f&&!d.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:v}=c(),[g,h]=(0,o.useState)(f),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,i.MV)();if(null!=s){const e=b[s];null!=e&&e!==g&&d.some((t=>t.value===e))&&h(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),r=d[n].value;r!==g&&(T(t),h(r),null!=s&&v(s,r))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},l)},d.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,o.cloneElement)(m.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function d(e){const t=(0,s.c)();return o.createElement(m,(0,r.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:n,className:r}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:f},v="wrapper";function g(e){let{components:t,...n}=e;return(0,a.yg)(v,(0,r.c)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(d,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,a.yg)(y,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(y,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(y,{value:"api",mdxType:"TabItem"},n.api)))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/6c6ad4cd.6511d866.js b/docs/assets/js/6c6ad4cd.6511d866.js deleted file mode 100644 index 9ecf29afe3..0000000000 --- a/docs/assets/js/6c6ad4cd.6511d866.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1704],{3905:(e,t,n)=>{n.d(t,{Zo:()=>u,kt:()=>h});var o=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function i(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s=o.createContext({}),c=function(e){var t=o.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},u=function(e){var t=c(e.components);return o.createElement(s.Provider,{value:t},e.children)},p="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},d=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,s=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),d=a,h=p["".concat(s,".").concat(d)]||p[d]||m[d]||r;return n?o.createElement(h,i(i({ref:t},u),{},{components:n})):o.createElement(h,i({ref:t},u))}));function h(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,i=new Array(r);i[0]=d;var l={};for(var s in t)hasOwnProperty.call(t,s)&&(l[s]=t[s]);l.originalType=e,l[p]="string"==typeof e?e:a,i[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>g,default:()=>k,frontMatter:()=>h,metadata:()=>b,toc:()=>f});var o=n(7462),a=(n(7294),n(3905)),r=n(4037);const i={toc:[{value:"Do's",id:"dos",children:[],level:3}]},l="wrapper";function s(e){let{components:t,...n}=e;return(0,a.kt)(l,(0,o.Z)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"A Back to Top button, which is a shortcut that allows users to quickly navigate to the top of the page."),(0,a.kt)("p",null,"When users get at the bottom of a really long page, they often will need to get back to the top to:"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"see the navigation menu and choose a new destination"),(0,a.kt)("li",{parentName:"ul"},"access filtering and sorting features"),(0,a.kt)("li",{parentName:"ul"},"enter or edit a query in the search box")),(0,a.kt)("p",null,"When the page is really long (for example, because of infinite scrolling), it becomes too tedious to scroll back up through screens and screens of content. Hence the role of the Back to Top button."),(0,a.kt)("h3",{id:"dos"},"Do's"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"use a 'Back to Top button' for pages that are longer than 4 screens. For relatively short page lengths, 'Back to Top links' are overkill "),(0,a.kt)("li",{parentName:"ul"},"place a persistent 'Back to Top button' in the lower right side of the page. This is where people expect to see it. This position is out of the way, but noticeable. When the button is placed in a different place on the screen, it is often ignored"),(0,a.kt)("li",{parentName:"ul"},"label the button 'Back to Top'. This phrase is most descriptive. An icon only (.e.g., an arrow pointing up) can be ambiguous and, depending on the graphical realization, may not convey the right meaning"),(0,a.kt)("li",{parentName:"ul"},"keep the button small so it doesn\u2019t cover important page elements. But, if you are on a touch screen, make it big enough so people can tap it"),(0,a.kt)("li",{parentName:"ul"},"make the button stand out visually on the page rather than blend in. When Back to Top blends too much with the background content, users are less likely to notice and use it"),(0,a.kt)("li",{parentName:"ul"},"consider delaying the appearance of a 'Back to Top' option until after users scroll a few pages and indicate that they want to scroll up (e.g., move the scroll bar up, flick up on the page). Thus, the button appears only when it is most likely needed, without covering up important parts of the screen the rest of the time"),(0,a.kt)("li",{parentName:"ul"},"make the button stationary. Once it appears, don\u2019t allow it to move. Moving elements cause major distractions, since the eye is automatically attracted to any movement on the screen")))}s.isMDXComponent=!0;var c=n(7521);const u={toc:[]},p="wrapper";function m(e){let{components:t,...n}=e;return(0,a.kt)(p,(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(c.ZP,{id:"components-inpage-navigation--default",mdxType:"Iframe"}," "))}m.isMDXComponent=!0;d="InpageNavigationJSDoc";var d;const h={title:"Inpage Navigation",description:"",hide_table_of_contents:!0},g=void 0,b={unversionedId:"webdev/Components/Inpage-Navigation",id:"webdev/Components/Inpage-Navigation",title:"Inpage Navigation",description:"",source:"@site/docs/webdev/5-Components/9-Inpage-Navigation.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Inpage-Navigation",permalink:"/volto-eea-design-system/docs/webdev/Components/Inpage-Navigation",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/inpage_navigation_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:9,frontMatter:{title:"Inpage Navigation",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Headings",permalink:"/volto-eea-design-system/docs/webdev/Components/Headings"},next:{title:"Item",permalink:"/volto-eea-design-system/docs/webdev/Components/Item"}},f=[],v={toc:f},y="wrapper";function k(e){let{components:t,...n}=e;return(0,a.kt)(y,(0,o.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(r.ZP,{usage:(0,a.kt)(s,{mdxType:"Usage"}),showcase:(0,a.kt)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}k.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>c});var o=n(7462),a=(n(7294),n(3905)),r=n(2263);function i(){const{siteConfig:e}=(0,r.Z)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:i},s="wrapper";function c(e){let{components:t,...n}=e;return(0,a.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("div",{className:"frameWrapper"},(0,a.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:i()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>v});var o=n(7462),a=n(7294),r=n(3905),i=n(2389),l=n(9443);const s=function(){const e=(0,a.useContext)(l.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(3810),u=n(6010);const p={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:i,className:l}=e,m=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=r??m.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),h=(0,c.lx)(d,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const g=null===o?o:o??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==g&&!d.some((e=>e.value===g)))throw new Error(`Docusaurus error: The has a defaultValue "${g}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:f}=s(),[v,y]=(0,a.useState)(g),k=[],{blockElementScrollPositionUntilNextRender:w}=(0,c.o5)();if(null!=i){const e=b[i];null!=e&&e!==v&&d.some((t=>t.value===e))&&y(e)}const T=e=>{const t=e.currentTarget,n=k.indexOf(t),o=d[n].value;o!==v&&(w(t),y(o),null!=i&&f(i,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=k.indexOf(e.currentTarget)+1;t=k[n]||k[0];break}case"ArrowLeft":{const n=k.indexOf(e.currentTarget)-1;t=k[n]||k[k.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.Z)("tabs",{"tabs--block":n},l)},d.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:v===t?0:-1,"aria-selected":v===t,className:(0,u.Z)("tabs__item",p.tabItem,{"tabs__item--active":v===t}),key:t,ref:e=>k.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,a.cloneElement)(m.filter((e=>e.props.value===v))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==v})))))}function d(e){const t=(0,i.Z)();return a.createElement(m,(0,o.Z)({key:String(t)},e))}const h=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function g(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:g},f="wrapper";function v(e){let{components:t,...n}=e;return(0,r.kt)(f,(0,o.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(d,{defaultValue:"usage",values:g(n),mdxType:"Tabs"},(0,r.kt)(h,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.kt)(h,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.kt)(h,{value:"api",mdxType:"TabItem"},n.api)))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/6c6ad4cd.7a9352cc.js b/docs/assets/js/6c6ad4cd.7a9352cc.js new file mode 100644 index 0000000000..bcf8a1ae23 --- /dev/null +++ b/docs/assets/js/6c6ad4cd.7a9352cc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[8508],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>g});var o=n(1504);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function i(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var l=o.createContext({}),c=function(e){var t=o.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},u=function(e){var t=c(e.components);return o.createElement(l.Provider,{value:t},e.children)},p="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},d=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,l=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),p=c(n),d=a,g=p["".concat(l,".").concat(d)]||p[d]||m[d]||r;return n?o.createElement(g,i(i({ref:t},u),{},{components:n})):o.createElement(g,i({ref:t},u))}));function g(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,i=new Array(r);i[0]=d;var s={};for(var l in t)hasOwnProperty.call(t,l)&&(s[l]=t[l]);s.originalType=e,s[p]="string"==typeof e?e:a,i[1]=s;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>h,default:()=>w,frontMatter:()=>g,metadata:()=>y,toc:()=>b});var o=n(5072),a=(n(1504),n(5788)),r=n(7144);const i={toc:[{value:"Do's",id:"dos",children:[],level:3}]},s="wrapper";function l(e){let{components:t,...n}=e;return(0,a.yg)(s,(0,o.c)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("p",null,"A Back to Top button, which is a shortcut that allows users to quickly navigate to the top of the page."),(0,a.yg)("p",null,"When users get at the bottom of a really long page, they often will need to get back to the top to:"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"see the navigation menu and choose a new destination"),(0,a.yg)("li",{parentName:"ul"},"access filtering and sorting features"),(0,a.yg)("li",{parentName:"ul"},"enter or edit a query in the search box")),(0,a.yg)("p",null,"When the page is really long (for example, because of infinite scrolling), it becomes too tedious to scroll back up through screens and screens of content. Hence the role of the Back to Top button."),(0,a.yg)("h3",{id:"dos"},"Do's"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"use a 'Back to Top button' for pages that are longer than 4 screens. For relatively short page lengths, 'Back to Top links' are overkill "),(0,a.yg)("li",{parentName:"ul"},"place a persistent 'Back to Top button' in the lower right side of the page. This is where people expect to see it. This position is out of the way, but noticeable. When the button is placed in a different place on the screen, it is often ignored"),(0,a.yg)("li",{parentName:"ul"},"label the button 'Back to Top'. This phrase is most descriptive. An icon only (.e.g., an arrow pointing up) can be ambiguous and, depending on the graphical realization, may not convey the right meaning"),(0,a.yg)("li",{parentName:"ul"},"keep the button small so it doesn\u2019t cover important page elements. But, if you are on a touch screen, make it big enough so people can tap it"),(0,a.yg)("li",{parentName:"ul"},"make the button stand out visually on the page rather than blend in. When Back to Top blends too much with the background content, users are less likely to notice and use it"),(0,a.yg)("li",{parentName:"ul"},"consider delaying the appearance of a 'Back to Top' option until after users scroll a few pages and indicate that they want to scroll up (e.g., move the scroll bar up, flick up on the page). Thus, the button appears only when it is most likely needed, without covering up important parts of the screen the rest of the time"),(0,a.yg)("li",{parentName:"ul"},"make the button stationary. Once it appears, don\u2019t allow it to move. Moving elements cause major distractions, since the eye is automatically attracted to any movement on the screen")))}l.isMDXComponent=!0;var c=n(4620);const u={toc:[]},p="wrapper";function m(e){let{components:t,...n}=e;return(0,a.yg)(p,(0,o.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(c.cp,{id:"components-inpage-navigation--default",mdxType:"Iframe"}," "))}m.isMDXComponent=!0;d="InpageNavigationJSDoc";var d;const g={title:"Inpage Navigation",description:"",hide_table_of_contents:!0},h=void 0,y={unversionedId:"webdev/Components/Inpage-Navigation",id:"webdev/Components/Inpage-Navigation",title:"Inpage Navigation",description:"",source:"@site/docs/webdev/5-Components/9-Inpage-Navigation.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Inpage-Navigation",permalink:"/volto-eea-design-system/docs/webdev/Components/Inpage-Navigation",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/inpage_navigation_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:9,frontMatter:{title:"Inpage Navigation",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Headings",permalink:"/volto-eea-design-system/docs/webdev/Components/Headings"},next:{title:"Item",permalink:"/volto-eea-design-system/docs/webdev/Components/Item"}},b=[],f={toc:b},v="wrapper";function w(e){let{components:t,...n}=e;return(0,a.yg)(v,(0,o.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(r.cp,{usage:(0,a.yg)(l,{mdxType:"Usage"}),showcase:(0,a.yg)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var o=n(5072),a=(n(1504),n(5788)),r=n(8264);function i(){const{siteConfig:e}=(0,r.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:i},l="wrapper";function c(e){let{components:t,...n}=e;return(0,a.yg)(l,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("div",{className:"frameWrapper"},(0,a.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:i()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>f});var o=n(5072),a=n(1504),r=n(5788),i=n(3664),s=n(7676);const l=function(){const e=(0,a.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:i,className:s}=e,m=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=r??m.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),g=(0,c.wn)(d,((e,t)=>e.value===t.value));if(g.length>0)throw new Error(`Docusaurus error: Duplicate values "${g.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const h=null===o?o:o??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==h&&!d.some((e=>e.value===h)))throw new Error(`Docusaurus error: The has a defaultValue "${h}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:y,setTabGroupChoices:b}=l(),[f,v]=(0,a.useState)(h),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.MV)();if(null!=i){const e=y[i];null!=e&&e!==f&&d.some((t=>t.value===e))&&v(e)}const k=e=>{const t=e.currentTarget,n=w.indexOf(t),o=d[n].value;o!==f&&(T(t),v(o),null!=i&&b(i,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},s)},d.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:f===t?0:-1,"aria-selected":f===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":f===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:k,onClick:k},n??t)}))),t?(0,a.cloneElement)(m.filter((e=>e.props.value===f))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==f})))))}function d(e){const t=(0,i.c)();return a.createElement(m,(0,o.c)({key:String(t)},e))}const g=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function h(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const y={toc:[],getValues:h},b="wrapper";function f(e){let{components:t,...n}=e;return(0,r.yg)(b,(0,o.c)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(d,{defaultValue:"usage",values:h(n),mdxType:"Tabs"},(0,r.yg)(g,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.yg)(g,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.yg)(g,{value:"api",mdxType:"TabItem"},n.api)))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/6d890e16.3ab4f8fe.js b/docs/assets/js/6d890e16.d04d155d.js similarity index 52% rename from docs/assets/js/6d890e16.3ab4f8fe.js rename to docs/assets/js/6d890e16.d04d155d.js index deaf76da04..88aaed1379 100644 --- a/docs/assets/js/6d890e16.3ab4f8fe.js +++ b/docs/assets/js/6d890e16.d04d155d.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9173],{1211:e=>{e.exports={blogPosts:[]}}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3080],{1684:e=>{e.exports={blogPosts:[]}}}]); \ No newline at end of file diff --git a/docs/assets/js/6dda7ddb.40aa7a51.js b/docs/assets/js/6dda7ddb.50e2287e.js similarity index 85% rename from docs/assets/js/6dda7ddb.40aa7a51.js rename to docs/assets/js/6dda7ddb.50e2287e.js index e166b1295a..9471d16117 100644 --- a/docs/assets/js/6dda7ddb.40aa7a51.js +++ b/docs/assets/js/6dda7ddb.50e2287e.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9213],{2856:e=>{e.exports=JSON.parse('{"title":"Utilities","slug":"/category/utilities","permalink":"/volto-eea-design-system/docs/category/utilities","navigation":{"previous":{"title":"Video","permalink":"/volto-eea-design-system/docs/webdev/Components/Video"},"next":{"title":"Utilities","permalink":"/volto-eea-design-system/docs/webdev/Utilities/intro"}}}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4576],{2872:e=>{e.exports=JSON.parse('{"title":"Utilities","slug":"/category/utilities","permalink":"/volto-eea-design-system/docs/category/utilities","navigation":{"previous":{"title":"Video","permalink":"/volto-eea-design-system/docs/webdev/Components/Video"},"next":{"title":"Utilities","permalink":"/volto-eea-design-system/docs/webdev/Utilities/intro"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/75066279.90332cf0.js b/docs/assets/js/75066279.c84605c8.js similarity index 85% rename from docs/assets/js/75066279.90332cf0.js rename to docs/assets/js/75066279.c84605c8.js index 3e9e50d49f..d7a377ead1 100644 --- a/docs/assets/js/75066279.90332cf0.js +++ b/docs/assets/js/75066279.c84605c8.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9053],{2070:e=>{e.exports=JSON.parse('{"title":"Visuals","slug":"/category/visuals","permalink":"/volto-eea-design-system/docs/category/visuals","navigation":{"previous":{"title":"Table","permalink":"/volto-eea-design-system/docs/webdev/Components/Table"},"next":{"title":"Dashboard","permalink":"/volto-eea-design-system/docs/webdev/Components/Visuals/Dashboard"}}}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2312],{5064:e=>{e.exports=JSON.parse('{"title":"Visuals","slug":"/category/visuals","permalink":"/volto-eea-design-system/docs/category/visuals","navigation":{"previous":{"title":"Table","permalink":"/volto-eea-design-system/docs/webdev/Components/Table"},"next":{"title":"Dashboard","permalink":"/volto-eea-design-system/docs/webdev/Components/Visuals/Dashboard"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/76fe1567.86227180.js b/docs/assets/js/76fe1567.95d11c0c.js similarity index 58% rename from docs/assets/js/76fe1567.86227180.js rename to docs/assets/js/76fe1567.95d11c0c.js index 1c7bc29093..f148e331ce 100644 --- a/docs/assets/js/76fe1567.86227180.js +++ b/docs/assets/js/76fe1567.95d11c0c.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5294],{3905:(e,t,a)=>{a.d(t,{Zo:()=>c,kt:()=>b});var n=a(7294);function r(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function o(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function l(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var i=n.createContext({}),u=function(e){var t=n.useContext(i),a=t;return e&&(a="function"==typeof e?e(t):l(l({},t),e)),a},c=function(e){var t=u(e.components);return n.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},m=n.forwardRef((function(e,t){var a=e.components,r=e.mdxType,o=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),d=u(a),m=r,b=d["".concat(i,".").concat(m)]||d[m]||p[m]||o;return a?n.createElement(b,l(l({ref:t},c),{},{components:a})):n.createElement(b,l({ref:t},c))}));function b(e,t){var a=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=a.length,l=new Array(o);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[d]="string"==typeof e?e:r,l[1]=s;for(var u=2;u{a.r(t),a.d(t,{contentTitle:()=>c,default:()=>h,frontMatter:()=>u,metadata:()=>d,toc:()=>p});var n=a(7462),r=(a(7294),a(3905)),o=a(4037);const l={toc:[{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...a}=e;return(0,r.kt)(s,(0,n.Z)({},l,a,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"A good dashboard design means: "),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"information available at the fingertip "),(0,r.kt)("li",{parentName:"ul"},"metrics are clear "),(0,r.kt)("li",{parentName:"ul"},"intuitive design "),(0,r.kt)("li",{parentName:"ul"},"customizable "),(0,r.kt)("li",{parentName:"ul"},"summarized data ")),(0,r.kt)("h3",{id:"dos"},"Do\u2019s"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"reside on a single screen"),(0,r.kt)("li",{parentName:"ul"},"support the aims and objectives of the intended user"),(0,r.kt)("li",{parentName:"ul"},"show what the underlying data means:\u202f This can be done through adequate labelling, logical grouping of related visualisations and the use of clear statistical and verbal descriptions"),(0,r.kt)("li",{parentName:"ul"},"summarise data and provide a means to dig deeper into the data\u202f "),(0,r.kt)("li",{parentName:"ul"},"make optimal use of the available space:\u202fDouble your margins ")),(0,r.kt)("h3",{id:"donts"},"Don\u2019ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"don\u2019t hide information or rely on interactions too much "),(0,r.kt)("li",{parentName:"ul"},"don\u2019t flood the user with data")))}i.isMDXComponent=!0;const u={title:"Dashboard",description:"",hide_table_of_contents:!0},c=void 0,d={unversionedId:"webdev/Components/Visuals/Dashboard",id:"webdev/Components/Visuals/Dashboard",title:"Dashboard",description:"",source:"@site/docs/webdev/5-Components/25-Visuals/0-Dashboard.mdx",sourceDirName:"webdev/5-Components/25-Visuals",slug:"/webdev/Components/Visuals/Dashboard",permalink:"/volto-eea-design-system/docs/webdev/Components/Visuals/Dashboard",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/dashboard_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Dashboard",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Visuals",permalink:"/volto-eea-design-system/docs/category/visuals"},next:{title:"Charts",permalink:"/volto-eea-design-system/docs/webdev/Components/Visuals/Charts"}},p=[],m=(b="Showcase",function(e){return console.warn("Component "+b+" was not imported, exported, or provided by MDXProvider as global scope"),(0,r.kt)("div",e)});var b;const v={toc:p},f="wrapper";function h(e){let{components:t,...a}=e;return(0,r.kt)(f,(0,n.Z)({},v,a,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(o.ZP,{usage:(0,r.kt)(i,{mdxType:"Usage"}),showcase:(0,r.kt)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}h.isMDXComponent=!0},4037:(e,t,a)=>{a.d(t,{ZP:()=>y});var n=a(7462),r=a(7294),o=a(3905),l=a(2389),s=a(9443);const i=function(){const e=(0,r.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=a(3810),c=a(6010);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:a,defaultValue:n,values:o,groupId:l,className:s}=e,p=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=o??p.map((e=>{let{props:{value:t,label:a}}=e;return{value:t,label:a}})),b=(0,u.lx)(m,((e,t)=>e.value===t.value));if(b.length>0)throw new Error(`Docusaurus error: Duplicate values "${b.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const v=null===n?n:n??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==v&&!m.some((e=>e.value===v)))throw new Error(`Docusaurus error: The has a defaultValue "${v}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:h}=i(),[y,g]=(0,r.useState)(v),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,u.o5)();if(null!=l){const e=f[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&g(e)}const T=e=>{const t=e.currentTarget,a=w.indexOf(t),n=m[a].value;n!==y&&(k(t),g(n),null!=l&&h(l,n))},D=e=>{let t=null;switch(e.key){case"ArrowRight":{const a=w.indexOf(e.currentTarget)+1;t=w[a]||w[0];break}case"ArrowLeft":{const a=w.indexOf(e.currentTarget)-1;t=w[a]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":a},s)},m.map((e=>{let{value:t,label:a}=e;return r.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",d.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>w.push(e),onKeyDown:D,onFocus:T,onClick:T},a??t)}))),t?(0,r.cloneElement)(p.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return r.createElement(p,(0,n.Z)({key:String(t)},e))}const b=function(e){let{children:t,hidden:a,className:n}=e;return r.createElement("div",{role:"tabpanel",hidden:a,className:n},t)};function v(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:v},h="wrapper";function y(e){let{components:t,...a}=e;return(0,o.kt)(h,(0,n.Z)({},f,a,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(m,{defaultValue:"usage",values:v(a),mdxType:"Tabs"},(0,o.kt)(b,{value:"usage",mdxType:"TabItem"},a.usage),(0,o.kt)(b,{value:"showcase",mdxType:"TabItem"},a.showcase),(0,o.kt)(b,{value:"api",mdxType:"TabItem"},a.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4036],{5788:(e,t,a)=>{a.d(t,{Iu:()=>c,yg:()=>b});var n=a(1504);function r(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function o(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function l(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var i=n.createContext({}),u=function(e){var t=n.useContext(i),a=t;return e&&(a="function"==typeof e?e(t):l(l({},t),e)),a},c=function(e){var t=u(e.components);return n.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},m=n.forwardRef((function(e,t){var a=e.components,r=e.mdxType,o=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),d=u(a),m=r,b=d["".concat(i,".").concat(m)]||d[m]||p[m]||o;return a?n.createElement(b,l(l({ref:t},c),{},{components:a})):n.createElement(b,l({ref:t},c))}));function b(e,t){var a=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=a.length,l=new Array(o);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[d]="string"==typeof e?e:r,l[1]=s;for(var u=2;u{a.r(t),a.d(t,{contentTitle:()=>c,default:()=>g,frontMatter:()=>u,metadata:()=>d,toc:()=>p});var n=a(5072),r=(a(1504),a(5788)),o=a(7144);const l={toc:[{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...a}=e;return(0,r.yg)(s,(0,n.c)({},l,a,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"A good dashboard design means: "),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"information available at the fingertip "),(0,r.yg)("li",{parentName:"ul"},"metrics are clear "),(0,r.yg)("li",{parentName:"ul"},"intuitive design "),(0,r.yg)("li",{parentName:"ul"},"customizable "),(0,r.yg)("li",{parentName:"ul"},"summarized data ")),(0,r.yg)("h3",{id:"dos"},"Do\u2019s"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"reside on a single screen"),(0,r.yg)("li",{parentName:"ul"},"support the aims and objectives of the intended user"),(0,r.yg)("li",{parentName:"ul"},"show what the underlying data means:\u202f This can be done through adequate labelling, logical grouping of related visualisations and the use of clear statistical and verbal descriptions"),(0,r.yg)("li",{parentName:"ul"},"summarise data and provide a means to dig deeper into the data\u202f "),(0,r.yg)("li",{parentName:"ul"},"make optimal use of the available space:\u202fDouble your margins ")),(0,r.yg)("h3",{id:"donts"},"Don\u2019ts"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"don\u2019t hide information or rely on interactions too much "),(0,r.yg)("li",{parentName:"ul"},"don\u2019t flood the user with data")))}i.isMDXComponent=!0;const u={title:"Dashboard",description:"",hide_table_of_contents:!0},c=void 0,d={unversionedId:"webdev/Components/Visuals/Dashboard",id:"webdev/Components/Visuals/Dashboard",title:"Dashboard",description:"",source:"@site/docs/webdev/5-Components/25-Visuals/0-Dashboard.mdx",sourceDirName:"webdev/5-Components/25-Visuals",slug:"/webdev/Components/Visuals/Dashboard",permalink:"/volto-eea-design-system/docs/webdev/Components/Visuals/Dashboard",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/dashboard_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Dashboard",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Visuals",permalink:"/volto-eea-design-system/docs/category/visuals"},next:{title:"Charts",permalink:"/volto-eea-design-system/docs/webdev/Components/Visuals/Charts"}},p=[],m=(b="Showcase",function(e){return console.warn("Component "+b+" was not imported, exported, or provided by MDXProvider as global scope"),(0,r.yg)("div",e)});var b;const y={toc:p},v="wrapper";function g(e){let{components:t,...a}=e;return(0,r.yg)(v,(0,n.c)({},y,a,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(o.cp,{usage:(0,r.yg)(i,{mdxType:"Usage"}),showcase:(0,r.yg)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}g.isMDXComponent=!0},7144:(e,t,a)=>{a.d(t,{cp:()=>f});var n=a(5072),r=a(1504),o=a(5788),l=a(3664),s=a(7676);const i=function(){const e=(0,r.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=a(7572),c=a(4971);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:a,defaultValue:n,values:o,groupId:l,className:s}=e,p=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=o??p.map((e=>{let{props:{value:t,label:a}}=e;return{value:t,label:a}})),b=(0,u.wn)(m,((e,t)=>e.value===t.value));if(b.length>0)throw new Error(`Docusaurus error: Duplicate values "${b.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===n?n:n??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==y&&!m.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:g}=i(),[f,h]=(0,r.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,u.MV)();if(null!=l){const e=v[l];null!=e&&e!==f&&m.some((t=>t.value===e))&&h(e)}const D=e=>{const t=e.currentTarget,a=w.indexOf(t),n=m[a].value;n!==f&&(T(t),h(n),null!=l&&g(l,n))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const a=w.indexOf(e.currentTarget)+1;t=w[a]||w[0];break}case"ArrowLeft":{const a=w.indexOf(e.currentTarget)-1;t=w[a]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":a},s)},m.map((e=>{let{value:t,label:a}=e;return r.createElement("li",{role:"tab",tabIndex:f===t?0:-1,"aria-selected":f===t,className:(0,c.c)("tabs__item",d.tabItem,{"tabs__item--active":f===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:D,onClick:D},a??t)}))),t?(0,r.cloneElement)(p.filter((e=>e.props.value===f))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==f})))))}function m(e){const t=(0,l.c)();return r.createElement(p,(0,n.c)({key:String(t)},e))}const b=function(e){let{children:t,hidden:a,className:n}=e;return r.createElement("div",{role:"tabpanel",hidden:a,className:n},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:y},g="wrapper";function f(e){let{components:t,...a}=e;return(0,o.yg)(g,(0,n.c)({},v,a,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(m,{defaultValue:"usage",values:y(a),mdxType:"Tabs"},(0,o.yg)(b,{value:"usage",mdxType:"TabItem"},a.usage),(0,o.yg)(b,{value:"showcase",mdxType:"TabItem"},a.showcase),(0,o.yg)(b,{value:"api",mdxType:"TabItem"},a.api)))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/77dd8181.13bb10bc.js b/docs/assets/js/77dd8181.13bb10bc.js new file mode 100644 index 0000000000..b956d9562c --- /dev/null +++ b/docs/assets/js/77dd8181.13bb10bc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5488],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>y});var o=n(1504);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=u(n),m=a,y=p["".concat(i,".").concat(m)]||p[m]||d[m]||r;return n?o.createElement(y,l(l({ref:t},c),{},{components:n})):o.createElement(y,l({ref:t},c))}));function y(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,l=new Array(r);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:a,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>b,frontMatter:()=>m,metadata:()=>g,toc:()=>h});var o=n(5072),a=(n(1504),n(5788)),r=n(7144);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,a.yg)(s,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("p",null,"Cards component is used as an entry point to more detailed information. The component can include various sets of elements to serve users' specific needs."),(0,a.yg)("h3",{id:"dos"},"Do's"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"use cards to emphasize on contents"),(0,a.yg)("li",{parentName:"ul"},"only display the most relevant information on each card\nillustration: card with a thumbnail, title, description"),(0,a.yg)("li",{parentName:"ul"},"keep the amount of links on the cards as low as possible")),(0,a.yg)("h3",{id:"donts"},"Don'ts"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"overuse cards"),(0,a.yg)("li",{parentName:"ul"},"limit the amount of cards to small groups of items"),(0,a.yg)("li",{parentName:"ul"},"limit to 3-4 cards within a row"),(0,a.yg)("li",{parentName:"ul"},"display too many links on a cards, the main and ideally only action on card should remain to navigate to the content it represent")),(0,a.yg)("h3",{id:"when-to-use"},"When to use"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("p",{parentName:"li"},"browsing for information (as opposed to searching)")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("p",{parentName:"li"},"grouping heterogeneous types of content")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("p",{parentName:"li"},"allowing users to scan through content in small portions"),(0,a.yg)("ul",{parentName:"li"},(0,a.yg)("li",{parentName:"ul"},"to display structured content"),(0,a.yg)("li",{parentName:"ul"},"to make information discoverable"))),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("p",{parentName:"li"},"the user goals that the card-based web design best responds to:"),(0,a.yg)("ul",{parentName:"li"},(0,a.yg)("li",{parentName:"ul"},"scrolling through"),(0,a.yg)("li",{parentName:"ul"},"scanning through"),(0,a.yg)("li",{parentName:"ul"},"browsing through")))),(0,a.yg)("h3",{id:"when-not-to-use"},"When not to use"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"searching for information (as opposed to browsing)"),(0,a.yg)("li",{parentName:"ul"},"on small screen display avoid using too many cards as they force users to scroll down and rely on their short-term memory. This creates a cognitive overload, a negative user experience")))}i.isMDXComponent=!0;var u=n(4620);const c={toc:[]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,a.yg)(p,(0,o.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(u.cp,{height:"400",id:"components-card-default--default",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const m={title:"Card",description:"",hide_table_of_contents:!0},y=void 0,g={unversionedId:"webdev/Components/Cards",id:"webdev/Components/Cards",title:"Card",description:"",source:"@site/docs/webdev/5-Components/4-Cards.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Cards",permalink:"/volto-eea-design-system/docs/webdev/Components/Cards",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/card_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:4,frontMatter:{title:"Card",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Callout",permalink:"/volto-eea-design-system/docs/webdev/Components/Callout"},next:{title:"Comment",permalink:"/volto-eea-design-system/docs/webdev/Components/Comment"}},h=[],f={toc:h},v="wrapper";function b(e){let{components:t,...n}=e;return(0,a.yg)(v,(0,o.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(r.cp,{usage:(0,a.yg)(i,{mdxType:"Usage"}),showcase:(0,a.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}b.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>u});var o=n(5072),a=(n(1504),n(5788)),r=n(8264);function l(){const{siteConfig:e}=(0,r.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,a.yg)(i,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("div",{className:"frameWrapper"},(0,a.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>v});var o=n(5072),a=n(1504),r=n(5788),l=n(3664),s=n(7676);const i=function(){const e=(0,a.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(7572),c=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:l,className:s}=e,d=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),y=(0,u.wn)(m,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const g=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==g&&!m.some((e=>e.value===g)))throw new Error(`Docusaurus error: The has a defaultValue "${g}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:h,setTabGroupChoices:f}=i(),[v,b]=(0,a.useState)(g),w=[],{blockElementScrollPositionUntilNextRender:C}=(0,u.MV)();if(null!=l){const e=h[l];null!=e&&e!==v&&m.some((t=>t.value===e))&&b(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==v&&(C(t),b(o),null!=l&&f(l,o))},N=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:v===t?0:-1,"aria-selected":v===t,className:(0,c.c)("tabs__item",p.tabItem,{"tabs__item--active":v===t}),key:t,ref:e=>w.push(e),onKeyDown:N,onFocus:T,onClick:T},n??t)}))),t?(0,a.cloneElement)(d.filter((e=>e.props.value===v))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==v})))))}function m(e){const t=(0,l.c)();return a.createElement(d,(0,o.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function g(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const h={toc:[],getValues:g},f="wrapper";function v(e){let{components:t,...n}=e;return(0,r.yg)(f,(0,o.c)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(m,{defaultValue:"usage",values:g(n),mdxType:"Tabs"},(0,r.yg)(y,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.yg)(y,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.yg)(y,{value:"api",mdxType:"TabItem"},n.api)))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/77dd8181.dbb98ec9.js b/docs/assets/js/77dd8181.dbb98ec9.js deleted file mode 100644 index e094a20f94..0000000000 --- a/docs/assets/js/77dd8181.dbb98ec9.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3822],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>h});var o=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=u(n),m=a,h=p["".concat(i,".").concat(m)]||p[m]||d[m]||r;return n?o.createElement(h,l(l({ref:t},c),{},{components:n})):o.createElement(h,l({ref:t},c))}));function h(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,l=new Array(r);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:a,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>h,default:()=>g,frontMatter:()=>m,metadata:()=>f,toc:()=>v});var o=n(7462),a=(n(7294),n(3905)),r=n(4037);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,a.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"Cards component is used as an entry point to more detailed information. The component can include various sets of elements to serve users' specific needs."),(0,a.kt)("h3",{id:"dos"},"Do's"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"use cards to emphasize on contents"),(0,a.kt)("li",{parentName:"ul"},"only display the most relevant information on each card\nillustration: card with a thumbnail, title, description"),(0,a.kt)("li",{parentName:"ul"},"keep the amount of links on the cards as low as possible")),(0,a.kt)("h3",{id:"donts"},"Don'ts"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"overuse cards"),(0,a.kt)("li",{parentName:"ul"},"limit the amount of cards to small groups of items"),(0,a.kt)("li",{parentName:"ul"},"limit to 3-4 cards within a row"),(0,a.kt)("li",{parentName:"ul"},"display too many links on a cards, the main and ideally only action on card should remain to navigate to the content it represent")),(0,a.kt)("h3",{id:"when-to-use"},"When to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},"browsing for information (as opposed to searching)")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},"grouping heterogeneous types of content")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},"allowing users to scan through content in small portions"),(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"to display structured content"),(0,a.kt)("li",{parentName:"ul"},"to make information discoverable"))),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},"the user goals that the card-based web design best responds to:"),(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"scrolling through"),(0,a.kt)("li",{parentName:"ul"},"scanning through"),(0,a.kt)("li",{parentName:"ul"},"browsing through")))),(0,a.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"searching for information (as opposed to browsing)"),(0,a.kt)("li",{parentName:"ul"},"on small screen display avoid using too many cards as they force users to scroll down and rely on their short-term memory. This creates a cognitive overload, a negative user experience")))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,a.kt)(p,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(u.ZP,{height:"400",id:"components-card-default--default",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const m={title:"Card",description:"",hide_table_of_contents:!0},h=void 0,f={unversionedId:"webdev/Components/Cards",id:"webdev/Components/Cards",title:"Card",description:"",source:"@site/docs/webdev/5-Components/4-Cards.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Cards",permalink:"/volto-eea-design-system/docs/webdev/Components/Cards",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/card_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:4,frontMatter:{title:"Card",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Callout",permalink:"/volto-eea-design-system/docs/webdev/Components/Callout"},next:{title:"Comment",permalink:"/volto-eea-design-system/docs/webdev/Components/Comment"}},v=[],b={toc:v},y="wrapper";function g(e){let{components:t,...n}=e;return(0,a.kt)(y,(0,o.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(r.ZP,{usage:(0,a.kt)(i,{mdxType:"Usage"}),showcase:(0,a.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}g.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var o=n(7462),a=(n(7294),n(3905)),r=n(2263);function l(){const{siteConfig:e}=(0,r.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,a.kt)(i,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("div",{className:"frameWrapper"},(0,a.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var o=n(7462),a=n(7294),r=n(3905),l=n(2389),s=n(9443);const i=function(){const e=(0,a.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:l,className:s}=e,d=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),h=(0,u.lx)(m,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==f&&!m.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:b}=i(),[y,g]=(0,a.useState)(f),k=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.o5)();if(null!=l){const e=v[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&g(e)}const C=e=>{const t=e.currentTarget,n=k.indexOf(t),o=m[n].value;o!==y&&(w(t),g(o),null!=l&&b(l,o))},T=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=k.indexOf(e.currentTarget)+1;t=k[n]||k[0];break}case"ArrowLeft":{const n=k.indexOf(e.currentTarget)-1;t=k[n]||k[k.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>k.push(e),onKeyDown:T,onFocus:C,onClick:C},n??t)}))),t?(0,a.cloneElement)(d.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return a.createElement(d,(0,o.Z)({key:String(t)},e))}const h=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:f},b="wrapper";function y(e){let{components:t,...n}=e;return(0,r.kt)(b,(0,o.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(m,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,r.kt)(h,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.kt)(h,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.kt)(h,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/7810a5ba.cbdafccc.js b/docs/assets/js/7810a5ba.747fe8e1.js similarity index 51% rename from docs/assets/js/7810a5ba.cbdafccc.js rename to docs/assets/js/7810a5ba.747fe8e1.js index e76644a45d..f48c0a6ccc 100644 --- a/docs/assets/js/7810a5ba.cbdafccc.js +++ b/docs/assets/js/7810a5ba.747fe8e1.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9110],{3905:(e,t,a)=>{a.d(t,{Zo:()=>p,kt:()=>h});var n=a(7294);function r(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function o(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function s(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var i=n.createContext({}),u=function(e){var t=n.useContext(i),a=t;return e&&(a="function"==typeof e?e(t):s(s({},t),e)),a},p=function(e){var t=u(e.components);return n.createElement(i.Provider,{value:t},e.children)},c="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},d=n.forwardRef((function(e,t){var a=e.components,r=e.mdxType,o=e.originalType,i=e.parentName,p=l(e,["components","mdxType","originalType","parentName"]),c=u(a),d=r,h=c["".concat(i,".").concat(d)]||c[d]||m[d]||o;return a?n.createElement(h,s(s({ref:t},p),{},{components:a})):n.createElement(h,s({ref:t},p))}));function h(e,t){var a=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=a.length,s=new Array(o);s[0]=d;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[c]="string"==typeof e?e:r,s[1]=l;for(var u=2;u{a.r(t),a.d(t,{contentTitle:()=>p,default:()=>v,frontMatter:()=>u,metadata:()=>c,toc:()=>m});var n=a(7462),r=(a(7294),a(3905)),o=a(4037);const s={toc:[{value:"Don\u2019ts",id:"donts",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...a}=e;return(0,r.kt)(l,(0,n.Z)({},s,a,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"The filter options must cover the most important aspects of whatever users will be filtering, based on relevance to users\u2019 needs. "),(0,r.kt)("p",null,"To design a filter that serves our users, we need to answer the following questions: "),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"which\u202fcharacteristics are most influential to\u202fusers in making their choice? ")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"what\u202fwords do users use\u202fto describe these characteristics? ")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"do users\u202funderstand our labels, or do they look like jargon to them? ")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"which\u202ffilter values are the most popular\u202for most used? "),(0,r.kt)("h2",{parentName:"li",id:"how-to-use-search-filters"},"How to use Search filters")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("strong",{parentName:"p"},"make sure users can find the search filters:")),(0,r.kt)("ul",{parentName:"li"},(0,r.kt)("li",{parentName:"ul"},"on desktop, users tend to find and use them easily when they are placed to the top and top left area of the page "),(0,r.kt)("li",{parentName:"ul"},"on mobile where usually they are behind a button or drawer Keep them at the top and don\u2019t rely on just an icon. Remove any ambiguity by adding a label to the icon or removing the icon altogether and just have text"))),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("strong",{parentName:"p"},"ensure the options are relevant to users.")," When it comes to filters, matching the user\u2019s mental model of how they would choose something in the physical world, is important in helping them choose something on a website")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("strong",{parentName:"p"},"clearly display the selections to users.")," Feedback is an important heuristic for the usability of a website. So, once users have found the filters, understood the options they have, and made their selections \u2013 it\u2019s important to let them know their choices have been applied to the list of products")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("strong",{parentName:"p"},"allow a combination of filters.")," A big part of filters\u2019 effectiveness will come down to using a number of them at the same time, letting the filters interact to produce the best results ")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("strong",{parentName:"p"},"live filtering updates.")," Live update for filtering UIs is great because the user gets to immediately see the changed results they are getting")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("strong",{parentName:"p"},"include a \u2018Clear all\u2019 interaction.")," Let the users clear all applied filters with one click to action")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("strong",{parentName:"p"},"show the number of results.")," Another key element in communicating feedback is to display the number of results. This provides users with feedback as to how effective their input was to reduce the result list and save time")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("strong",{parentName:"p"},"make Important filters easily found.")," Users often do not reach useful filters because they are hidden at the bottom of a long menu. Filters at the top of the menu are the most used ones"))),(0,r.kt)("h3",{id:"donts"},"Don\u2019ts"),(0,r.kt)("p",null,"Do not use live filtering updates "),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("strong",{parentName:"p"},"on mobile devices.")," Their screens are simply too small to pack the results, filters, and the live update feedback, without a visual overload")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("strong",{parentName:"p"},"when handling\u202fa lot\u202fof data.")," For users doing a lot of research, having to wait for the results to update after each individual filter would be simply unbearable"))),(0,r.kt)("p",null,"In this case let the user batch their filters and click on an apply button before any actual updating takes place."))}i.isMDXComponent=!0;const u={title:"Filters",description:"",hide_table_of_contents:!0},p=void 0,c={unversionedId:"webdev/Components/Search/Filters",id:"webdev/Components/Search/Filters",title:"Filters",description:"",source:"@site/docs/webdev/5-Components/24-Search/0-Filters.mdx",sourceDirName:"webdev/5-Components/24-Search",slug:"/webdev/Components/Search/Filters",permalink:"/volto-eea-design-system/docs/webdev/Components/Search/Filters",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/filters_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Filters",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Search",permalink:"/volto-eea-design-system/docs/category/search"},next:{title:"Suggestions",permalink:"/volto-eea-design-system/docs/webdev/Components/Search/Suggestions"}},m=[],d=(h="Showcase",function(e){return console.warn("Component "+h+" was not imported, exported, or provided by MDXProvider as global scope"),(0,r.kt)("div",e)});var h;const f={toc:m},b="wrapper";function v(e){let{components:t,...a}=e;return(0,r.kt)(b,(0,n.Z)({},f,a,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(o.ZP,{usage:(0,r.kt)(i,{mdxType:"Usage"}),showcase:(0,r.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}v.isMDXComponent=!0},4037:(e,t,a)=>{a.d(t,{ZP:()=>g});var n=a(7462),r=a(7294),o=a(3905),s=a(2389),l=a(9443);const i=function(){const e=(0,r.useContext)(l.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=a(3810),p=a(6010);const c={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:a,defaultValue:n,values:o,groupId:s,className:l}=e,m=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=o??m.map((e=>{let{props:{value:t,label:a}}=e;return{value:t,label:a}})),h=(0,u.lx)(d,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===n?n:n??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==f&&!d.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:v}=i(),[g,k]=(0,r.useState)(f),y=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.o5)();if(null!=s){const e=b[s];null!=e&&e!==g&&d.some((t=>t.value===e))&&k(e)}const N=e=>{const t=e.currentTarget,a=y.indexOf(t),n=d[a].value;n!==g&&(w(t),k(n),null!=s&&v(s,n))},T=e=>{let t=null;switch(e.key){case"ArrowRight":{const a=y.indexOf(e.currentTarget)+1;t=y[a]||y[0];break}case"ArrowLeft":{const a=y.indexOf(e.currentTarget)-1;t=y[a]||y[y.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,p.Z)("tabs",{"tabs--block":a},l)},d.map((e=>{let{value:t,label:a}=e;return r.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,p.Z)("tabs__item",c.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>y.push(e),onKeyDown:T,onFocus:N,onClick:N},a??t)}))),t?(0,r.cloneElement)(m.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function d(e){const t=(0,s.Z)();return r.createElement(m,(0,n.Z)({key:String(t)},e))}const h=function(e){let{children:t,hidden:a,className:n}=e;return r.createElement("div",{role:"tabpanel",hidden:a,className:n},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:f},v="wrapper";function g(e){let{components:t,...a}=e;return(0,o.kt)(v,(0,n.Z)({},b,a,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(d,{defaultValue:"usage",values:f(a),mdxType:"Tabs"},(0,o.kt)(h,{value:"usage",mdxType:"TabItem"},a.usage),(0,o.kt)(h,{value:"showcase",mdxType:"TabItem"},a.showcase),(0,o.kt)(h,{value:"api",mdxType:"TabItem"},a.api)))}g.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2188],{5788:(e,t,a)=>{a.d(t,{Iu:()=>c,yg:()=>h});var n=a(1504);function r(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function o(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function s(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var i=n.createContext({}),u=function(e){var t=n.useContext(i),a=t;return e&&(a="function"==typeof e?e(t):s(s({},t),e)),a},c=function(e){var t=u(e.components);return n.createElement(i.Provider,{value:t},e.children)},p="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},d=n.forwardRef((function(e,t){var a=e.components,r=e.mdxType,o=e.originalType,i=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),p=u(a),d=r,h=p["".concat(i,".").concat(d)]||p[d]||m[d]||o;return a?n.createElement(h,s(s({ref:t},c),{},{components:a})):n.createElement(h,s({ref:t},c))}));function h(e,t){var a=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=a.length,s=new Array(o);s[0]=d;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:r,s[1]=l;for(var u=2;u{a.r(t),a.d(t,{contentTitle:()=>c,default:()=>f,frontMatter:()=>u,metadata:()=>p,toc:()=>m});var n=a(5072),r=(a(1504),a(5788)),o=a(7144);const s={toc:[{value:"Don\u2019ts",id:"donts",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...a}=e;return(0,r.yg)(l,(0,n.c)({},s,a,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"The filter options must cover the most important aspects of whatever users will be filtering, based on relevance to users\u2019 needs. "),(0,r.yg)("p",null,"To design a filter that serves our users, we need to answer the following questions: "),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},"which\u202fcharacteristics are most influential to\u202fusers in making their choice? ")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},"what\u202fwords do users use\u202fto describe these characteristics? ")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},"do users\u202funderstand our labels, or do they look like jargon to them? ")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},"which\u202ffilter values are the most popular\u202for most used? "),(0,r.yg)("h2",{parentName:"li",id:"how-to-use-search-filters"},"How to use Search filters")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},(0,r.yg)("strong",{parentName:"p"},"make sure users can find the search filters:")),(0,r.yg)("ul",{parentName:"li"},(0,r.yg)("li",{parentName:"ul"},"on desktop, users tend to find and use them easily when they are placed to the top and top left area of the page "),(0,r.yg)("li",{parentName:"ul"},"on mobile where usually they are behind a button or drawer Keep them at the top and don\u2019t rely on just an icon. Remove any ambiguity by adding a label to the icon or removing the icon altogether and just have text"))),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},(0,r.yg)("strong",{parentName:"p"},"ensure the options are relevant to users.")," When it comes to filters, matching the user\u2019s mental model of how they would choose something in the physical world, is important in helping them choose something on a website")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},(0,r.yg)("strong",{parentName:"p"},"clearly display the selections to users.")," Feedback is an important heuristic for the usability of a website. So, once users have found the filters, understood the options they have, and made their selections \u2013 it\u2019s important to let them know their choices have been applied to the list of products")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},(0,r.yg)("strong",{parentName:"p"},"allow a combination of filters.")," A big part of filters\u2019 effectiveness will come down to using a number of them at the same time, letting the filters interact to produce the best results ")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},(0,r.yg)("strong",{parentName:"p"},"live filtering updates.")," Live update for filtering UIs is great because the user gets to immediately see the changed results they are getting")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},(0,r.yg)("strong",{parentName:"p"},"include a \u2018Clear all\u2019 interaction.")," Let the users clear all applied filters with one click to action")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},(0,r.yg)("strong",{parentName:"p"},"show the number of results.")," Another key element in communicating feedback is to display the number of results. This provides users with feedback as to how effective their input was to reduce the result list and save time")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},(0,r.yg)("strong",{parentName:"p"},"make Important filters easily found.")," Users often do not reach useful filters because they are hidden at the bottom of a long menu. Filters at the top of the menu are the most used ones"))),(0,r.yg)("h3",{id:"donts"},"Don\u2019ts"),(0,r.yg)("p",null,"Do not use live filtering updates "),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},(0,r.yg)("strong",{parentName:"p"},"on mobile devices.")," Their screens are simply too small to pack the results, filters, and the live update feedback, without a visual overload")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},(0,r.yg)("strong",{parentName:"p"},"when handling\u202fa lot\u202fof data.")," For users doing a lot of research, having to wait for the results to update after each individual filter would be simply unbearable"))),(0,r.yg)("p",null,"In this case let the user batch their filters and click on an apply button before any actual updating takes place."))}i.isMDXComponent=!0;const u={title:"Filters",description:"",hide_table_of_contents:!0},c=void 0,p={unversionedId:"webdev/Components/Search/Filters",id:"webdev/Components/Search/Filters",title:"Filters",description:"",source:"@site/docs/webdev/5-Components/24-Search/0-Filters.mdx",sourceDirName:"webdev/5-Components/24-Search",slug:"/webdev/Components/Search/Filters",permalink:"/volto-eea-design-system/docs/webdev/Components/Search/Filters",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/filters_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Filters",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Search",permalink:"/volto-eea-design-system/docs/category/search"},next:{title:"Suggestions",permalink:"/volto-eea-design-system/docs/webdev/Components/Search/Suggestions"}},m=[],d=(h="Showcase",function(e){return console.warn("Component "+h+" was not imported, exported, or provided by MDXProvider as global scope"),(0,r.yg)("div",e)});var h;const g={toc:m},y="wrapper";function f(e){let{components:t,...a}=e;return(0,r.yg)(y,(0,n.c)({},g,a,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(o.cp,{usage:(0,r.yg)(i,{mdxType:"Usage"}),showcase:(0,r.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}f.isMDXComponent=!0},7144:(e,t,a)=>{a.d(t,{cp:()=>b});var n=a(5072),r=a(1504),o=a(5788),s=a(3664),l=a(7676);const i=function(){const e=(0,r.useContext)(l.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=a(7572),c=a(4971);const p={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:a,defaultValue:n,values:o,groupId:s,className:l}=e,m=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=o??m.map((e=>{let{props:{value:t,label:a}}=e;return{value:t,label:a}})),h=(0,u.wn)(d,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const g=null===n?n:n??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==g&&!d.some((e=>e.value===g)))throw new Error(`Docusaurus error: The has a defaultValue "${g}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:y,setTabGroupChoices:f}=i(),[b,v]=(0,r.useState)(g),w=[],{blockElementScrollPositionUntilNextRender:N}=(0,u.MV)();if(null!=s){const e=y[s];null!=e&&e!==b&&d.some((t=>t.value===e))&&v(e)}const T=e=>{const t=e.currentTarget,a=w.indexOf(t),n=d[a].value;n!==b&&(N(t),v(n),null!=s&&f(s,n))},k=e=>{let t=null;switch(e.key){case"ArrowRight":{const a=w.indexOf(e.currentTarget)+1;t=w[a]||w[0];break}case"ArrowLeft":{const a=w.indexOf(e.currentTarget)-1;t=w[a]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":a},l)},d.map((e=>{let{value:t,label:a}=e;return r.createElement("li",{role:"tab",tabIndex:b===t?0:-1,"aria-selected":b===t,className:(0,c.c)("tabs__item",p.tabItem,{"tabs__item--active":b===t}),key:t,ref:e=>w.push(e),onKeyDown:k,onFocus:T,onClick:T},a??t)}))),t?(0,r.cloneElement)(m.filter((e=>e.props.value===b))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==b})))))}function d(e){const t=(0,s.c)();return r.createElement(m,(0,n.c)({key:String(t)},e))}const h=function(e){let{children:t,hidden:a,className:n}=e;return r.createElement("div",{role:"tabpanel",hidden:a,className:n},t)};function g(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const y={toc:[],getValues:g},f="wrapper";function b(e){let{components:t,...a}=e;return(0,o.yg)(f,(0,n.c)({},y,a,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(d,{defaultValue:"usage",values:g(a),mdxType:"Tabs"},(0,o.yg)(h,{value:"usage",mdxType:"TabItem"},a.usage),(0,o.yg)(h,{value:"showcase",mdxType:"TabItem"},a.showcase),(0,o.yg)(h,{value:"api",mdxType:"TabItem"},a.api)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/792760cc.08f0edc4.js b/docs/assets/js/792760cc.08f0edc4.js deleted file mode 100644 index f31f5f70de..0000000000 --- a/docs/assets/js/792760cc.08f0edc4.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3412],{3905:(t,e,a)=>{a.d(e,{Zo:()=>s,kt:()=>c});var n=a(7294);function r(t,e,a){return e in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}function l(t,e){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.push.apply(a,n)}return a}function p(t){for(var e=1;e=0||(r[a]=t[a]);return r}(t,e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(t);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(t,a)&&(r[a]=t[a])}return r}var i=n.createContext({}),d=function(t){var e=n.useContext(i),a=e;return t&&(a="function"==typeof t?t(e):p(p({},e),t)),a},s=function(t){var e=d(t.components);return n.createElement(i.Provider,{value:e},t.children)},o="mdxType",u={inlineCode:"code",wrapper:function(t){var e=t.children;return n.createElement(n.Fragment,{},e)}},k=n.forwardRef((function(t,e){var a=t.components,r=t.mdxType,l=t.originalType,i=t.parentName,s=m(t,["components","mdxType","originalType","parentName"]),o=d(a),k=r,c=o["".concat(i,".").concat(k)]||o[k]||u[k]||l;return a?n.createElement(c,p(p({ref:e},s),{},{components:a})):n.createElement(c,p({ref:e},s))}));function c(t,e){var a=arguments,r=e&&e.mdxType;if("string"==typeof t||r){var l=a.length,p=new Array(l);p[0]=k;var m={};for(var i in e)hasOwnProperty.call(e,i)&&(m[i]=e[i]);m.originalType=t,m[o]="string"==typeof t?t:r,p[1]=m;for(var d=2;d{a.r(e),a.d(e,{contentTitle:()=>p,default:()=>o,frontMatter:()=>l,metadata:()=>m,toc:()=>i});var n=a(7462),r=(a(7294),a(3905));const l={title:"Spacing",description:"",order:6},p=void 0,m={unversionedId:"webdev/Guidelines/spacing",id:"webdev/Guidelines/spacing",title:"Spacing",description:"",source:"@site/docs/webdev/3-Guidelines/5-spacing.md",sourceDirName:"webdev/3-Guidelines",slug:"/webdev/Guidelines/spacing",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/spacing",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/3-Guidelines/5-spacing.md",tags:[],version:"current",sidebarPosition:5,frontMatter:{title:"Spacing",description:"",order:6},sidebar:"sidebar",previous:{title:"Iconography",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/iconography"},next:{title:"Templates",permalink:"/volto-eea-design-system/docs/category/templates"}},i=[{value:"Principles",id:"principles",children:[],level:2},{value:"Two types of spacing scale",id:"two-types-of-spacing-scale",children:[],level:2},{value:"Spacing Gaps in pixels",id:"spacing-gaps-in-pixels",children:[],level:2},{value:"Spacing Gaps in rem",id:"spacing-gaps-in-rem",children:[],level:2},{value:"Spacing Gaps in em",id:"spacing-gaps-in-em",children:[],level:2}],d={toc:i},s="wrapper";function o(t){let{components:e,...l}=t;return(0,r.kt)(s,(0,n.Z)({},d,l,{components:e,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"To ensure that layouts are visually balanced, most measurements align to 8px, which corresponds to both spacing and the overall layout.\nConsistent spacing creates visual balance that makes the user interface (UI) easier for merchants to scan. Apply consistent spacing to improve the quality of the UI. Components are sized in 8px increments, ensuring a consistent visual rhythm across each screen.\nSmaller elements, such as icons, can align to a 4px grid, while typography can fall on a 4px baseline grid, meaning that each line\u2019s typographic baseline is spaced in increments of 4px from its neighbor."),(0,r.kt)("h2",{id:"principles"},"Principles"),(0,r.kt)("b",null," Create visual rhythm ")," ",(0,r.kt)("br",null),"We use incrementally measured spacing to create harmonious arrangements of components and text. This gives the elements a predictable rhythm, which makes the experience as a whole feel intentional and well designed.",(0,r.kt)("br",null)," ",(0,r.kt)("br",null),(0,r.kt)("b",null," Precise but flexible ")," ",(0,r.kt)("br",null),"Beyond mathematical precision, spacing also reacts to the objects it surrounds, giving more space to larger objects, less to small. Optical adjustments can also be made if an element looks off and the spacing needs a nudge to make things feel right.",(0,r.kt)("h2",{id:"two-types-of-spacing-scale"},"Two types of spacing scale"),(0,r.kt)("b",null," Component Spacing ")," ",(0,r.kt)("br",null),"Controls the spacing inside the components. ",(0,r.kt)("br",null),"For components use smaller increments. ( 4px, 8px, 12px, 16px, 20px, 24px, 32px, 36px, 40px, 48px)",(0,r.kt)("p",null," ",(0,r.kt)("img",{src:a(2489).Z})),(0,r.kt)("b",null," Layout Spacing ")," ",(0,r.kt)("br",null),"Controls space between the components. ",(0,r.kt)("br",null),"For layout scale use larger increments (16px, 24px, 32px, 48px, 64px, 96px )",(0,r.kt)("p",null," ",(0,r.kt)("img",{src:a(1476).Z})),(0,r.kt)("h2",{id:"spacing-gaps-in-pixels"},"Spacing Gaps in pixels"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:null},"Token name"),(0,r.kt)("th",{parentName:"tr",align:null},"Pixels"),(0,r.kt)("th",{parentName:"tr",align:null},"Typically used"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-025"),(0,r.kt)("td",{parentName:"tr",align:null},"1px"),(0,r.kt)("td",{parentName:"tr",align:null},"not typically used")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-05"),(0,r.kt)("td",{parentName:"tr",align:null},"2px"),(0,r.kt)("td",{parentName:"tr",align:null},"not typically used")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-1"),(0,r.kt)("td",{parentName:"tr",align:null},"4px"),(0,r.kt)("td",{parentName:"tr",align:null},"separate related elements and for small padding")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-2"),(0,r.kt)("td",{parentName:"tr",align:null},"8px"),(0,r.kt)("td",{parentName:"tr",align:null},"only for right and left padding of buttons, form elements and horizontal tabs")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-3"),(0,r.kt)("td",{parentName:"tr",align:null},"12px"),(0,r.kt)("td",{parentName:"tr",align:null},"to separate unrelated elements or groups and for normal padding")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-4"),(0,r.kt)("td",{parentName:"tr",align:null},"16px"),(0,r.kt)("td",{parentName:"tr",align:null},"to separate sub-sections of content")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-5"),(0,r.kt)("td",{parentName:"tr",align:null},"20px"),(0,r.kt)("td",{parentName:"tr",align:null},"to separate sub-sections of content")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-6"),(0,r.kt)("td",{parentName:"tr",align:null},"24px"),(0,r.kt)("td",{parentName:"tr",align:null},"to separate sub-sections of content")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-7"),(0,r.kt)("td",{parentName:"tr",align:null},"28px"),(0,r.kt)("td",{parentName:"tr",align:null},"to separate sections of content")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-8"),(0,r.kt)("td",{parentName:"tr",align:null},"32px"),(0,r.kt)("td",{parentName:"tr",align:null},"to separate sections of content")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-9"),(0,r.kt)("td",{parentName:"tr",align:null},"36px"),(0,r.kt)("td",{parentName:"tr",align:null},"to separate sections of content")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-10"),(0,r.kt)("td",{parentName:"tr",align:null},"40px"),(0,r.kt)("td",{parentName:"tr",align:null})),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-11"),(0,r.kt)("td",{parentName:"tr",align:null},"44px"),(0,r.kt)("td",{parentName:"tr",align:null})),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-12"),(0,r.kt)("td",{parentName:"tr",align:null},"48px"),(0,r.kt)("td",{parentName:"tr",align:null})),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-13"),(0,r.kt)("td",{parentName:"tr",align:null},"52px"),(0,r.kt)("td",{parentName:"tr",align:null})),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-14"),(0,r.kt)("td",{parentName:"tr",align:null},"56px"),(0,r.kt)("td",{parentName:"tr",align:null})),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-15"),(0,r.kt)("td",{parentName:"tr",align:null},"60px"),(0,r.kt)("td",{parentName:"tr",align:null})),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-16"),(0,r.kt)("td",{parentName:"tr",align:null},"64px"),(0,r.kt)("td",{parentName:"tr",align:null})),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-17"),(0,r.kt)("td",{parentName:"tr",align:null},"68px"),(0,r.kt)("td",{parentName:"tr",align:null})),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-18"),(0,r.kt)("td",{parentName:"tr",align:null},"72px"),(0,r.kt)("td",{parentName:"tr",align:null})),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-19"),(0,r.kt)("td",{parentName:"tr",align:null},"76px"),(0,r.kt)("td",{parentName:"tr",align:null})),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-20"),(0,r.kt)("td",{parentName:"tr",align:null},"80px"),(0,r.kt)("td",{parentName:"tr",align:null})),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"space-24"),(0,r.kt)("td",{parentName:"tr",align:null},"96px"),(0,r.kt)("td",{parentName:"tr",align:null})))),(0,r.kt)("h2",{id:"spacing-gaps-in-rem"},"Spacing Gaps in rem"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:null},"Token name"),(0,r.kt)("th",{parentName:"tr",align:null},"Rem"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-025"),(0,r.kt)("td",{parentName:"tr",align:null},"0.063rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-05"),(0,r.kt)("td",{parentName:"tr",align:null},"0.125rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-1"),(0,r.kt)("td",{parentName:"tr",align:null},"0.25rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-2"),(0,r.kt)("td",{parentName:"tr",align:null},"0.5rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-3"),(0,r.kt)("td",{parentName:"tr",align:null},"0.75rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-4"),(0,r.kt)("td",{parentName:"tr",align:null},"1rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-5"),(0,r.kt)("td",{parentName:"tr",align:null},"1.25rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-6"),(0,r.kt)("td",{parentName:"tr",align:null},"1.5rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-7"),(0,r.kt)("td",{parentName:"tr",align:null},"1.75rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-8"),(0,r.kt)("td",{parentName:"tr",align:null},"2rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-9"),(0,r.kt)("td",{parentName:"tr",align:null},"2.25rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-10"),(0,r.kt)("td",{parentName:"tr",align:null},"2.5rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-11"),(0,r.kt)("td",{parentName:"tr",align:null},"2.75rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-12"),(0,r.kt)("td",{parentName:"tr",align:null},"3rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-13"),(0,r.kt)("td",{parentName:"tr",align:null},"3.25rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-14"),(0,r.kt)("td",{parentName:"tr",align:null},"3.5rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-15"),(0,r.kt)("td",{parentName:"tr",align:null},"3.75rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-16"),(0,r.kt)("td",{parentName:"tr",align:null},"4rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-17"),(0,r.kt)("td",{parentName:"tr",align:null},"4.25rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-18"),(0,r.kt)("td",{parentName:"tr",align:null},"4.5rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-19"),(0,r.kt)("td",{parentName:"tr",align:null},"4.75rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-20"),(0,r.kt)("td",{parentName:"tr",align:null},"5rem")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"rem-space-24"),(0,r.kt)("td",{parentName:"tr",align:null},"6rem")))),(0,r.kt)("h2",{id:"spacing-gaps-in-em"},"Spacing Gaps in em"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:null},"Token name"),(0,r.kt)("th",{parentName:"tr",align:null},"Rem"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-025"),(0,r.kt)("td",{parentName:"tr",align:null},"0.063em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-05"),(0,r.kt)("td",{parentName:"tr",align:null},"0.125em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-1"),(0,r.kt)("td",{parentName:"tr",align:null},"0.25em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-2"),(0,r.kt)("td",{parentName:"tr",align:null},"0.5em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-3"),(0,r.kt)("td",{parentName:"tr",align:null},"0.75em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-4"),(0,r.kt)("td",{parentName:"tr",align:null},"1em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-5"),(0,r.kt)("td",{parentName:"tr",align:null},"1.25em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-6"),(0,r.kt)("td",{parentName:"tr",align:null},"1.5em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-7"),(0,r.kt)("td",{parentName:"tr",align:null},"1.75em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-8"),(0,r.kt)("td",{parentName:"tr",align:null},"2em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-9"),(0,r.kt)("td",{parentName:"tr",align:null},"2.25em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-10"),(0,r.kt)("td",{parentName:"tr",align:null},"2.5em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-11"),(0,r.kt)("td",{parentName:"tr",align:null},"2.75em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-12"),(0,r.kt)("td",{parentName:"tr",align:null},"3em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-13"),(0,r.kt)("td",{parentName:"tr",align:null},"3.25em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-14"),(0,r.kt)("td",{parentName:"tr",align:null},"3.5em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-15"),(0,r.kt)("td",{parentName:"tr",align:null},"3.75em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-16"),(0,r.kt)("td",{parentName:"tr",align:null},"4em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-17"),(0,r.kt)("td",{parentName:"tr",align:null},"4.25em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-18"),(0,r.kt)("td",{parentName:"tr",align:null},"4.5em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-19"),(0,r.kt)("td",{parentName:"tr",align:null},"4.75em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-20"),(0,r.kt)("td",{parentName:"tr",align:null},"5em")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},"em-space-24"),(0,r.kt)("td",{parentName:"tr",align:null},"6em")))))}o.isMDXComponent=!0},2489:(t,e,a)=>{a.d(e,{Z:()=>n});const n=a.p+"assets/images/componenet-px-8b055abed0c2e5b3446dc157d8558d15.png"},1476:(t,e,a)=>{a.d(e,{Z:()=>n});const n=a.p+"assets/images/layout-px-537ff4c70b25f776f1c3dac17139823a.png"}}]); \ No newline at end of file diff --git a/docs/assets/js/792760cc.3ca75f5e.js b/docs/assets/js/792760cc.3ca75f5e.js new file mode 100644 index 0000000000..ff5236b26b --- /dev/null +++ b/docs/assets/js/792760cc.3ca75f5e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1256],{5788:(e,t,a)=>{a.d(t,{Iu:()=>y,yg:()=>u});var n=a(1504);function r(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function l(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function g(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var m=n.createContext({}),i=function(e){var t=n.useContext(m),a=t;return e&&(a="function"==typeof e?e(t):g(g({},t),e)),a},y=function(e){var t=i(e.components);return n.createElement(m.Provider,{value:t},e.children)},d="mdxType",s={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},o=n.forwardRef((function(e,t){var a=e.components,r=e.mdxType,l=e.originalType,m=e.parentName,y=p(e,["components","mdxType","originalType","parentName"]),d=i(a),o=r,u=d["".concat(m,".").concat(o)]||d[o]||s[o]||l;return a?n.createElement(u,g(g({ref:t},y),{},{components:a})):n.createElement(u,g({ref:t},y))}));function u(e,t){var a=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var l=a.length,g=new Array(l);g[0]=o;var p={};for(var m in t)hasOwnProperty.call(t,m)&&(p[m]=t[m]);p.originalType=e,p[d]="string"==typeof e?e:r,g[1]=p;for(var i=2;i{a.r(t),a.d(t,{contentTitle:()=>g,default:()=>d,frontMatter:()=>l,metadata:()=>p,toc:()=>m});var n=a(5072),r=(a(1504),a(5788));const l={title:"Spacing",description:"",order:6},g=void 0,p={unversionedId:"webdev/Guidelines/spacing",id:"webdev/Guidelines/spacing",title:"Spacing",description:"",source:"@site/docs/webdev/3-Guidelines/5-spacing.md",sourceDirName:"webdev/3-Guidelines",slug:"/webdev/Guidelines/spacing",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/spacing",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/3-Guidelines/5-spacing.md",tags:[],version:"current",sidebarPosition:5,frontMatter:{title:"Spacing",description:"",order:6},sidebar:"sidebar",previous:{title:"Iconography",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/iconography"},next:{title:"Templates",permalink:"/volto-eea-design-system/docs/category/templates"}},m=[{value:"Principles",id:"principles",children:[],level:2},{value:"Two types of spacing scale",id:"two-types-of-spacing-scale",children:[],level:2},{value:"Spacing Gaps in pixels",id:"spacing-gaps-in-pixels",children:[],level:2},{value:"Spacing Gaps in rem",id:"spacing-gaps-in-rem",children:[],level:2},{value:"Spacing Gaps in em",id:"spacing-gaps-in-em",children:[],level:2}],i={toc:m},y="wrapper";function d(e){let{components:t,...l}=e;return(0,r.yg)(y,(0,n.c)({},i,l,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"To ensure that layouts are visually balanced, most measurements align to 8px, which corresponds to both spacing and the overall layout.\nConsistent spacing creates visual balance that makes the user interface (UI) easier for merchants to scan. Apply consistent spacing to improve the quality of the UI. Components are sized in 8px increments, ensuring a consistent visual rhythm across each screen.\nSmaller elements, such as icons, can align to a 4px grid, while typography can fall on a 4px baseline grid, meaning that each line\u2019s typographic baseline is spaced in increments of 4px from its neighbor."),(0,r.yg)("h2",{id:"principles"},"Principles"),(0,r.yg)("b",null," Create visual rhythm ")," ",(0,r.yg)("br",null),"We use incrementally measured spacing to create harmonious arrangements of components and text. This gives the elements a predictable rhythm, which makes the experience as a whole feel intentional and well designed.",(0,r.yg)("br",null)," ",(0,r.yg)("br",null),(0,r.yg)("b",null," Precise but flexible ")," ",(0,r.yg)("br",null),"Beyond mathematical precision, spacing also reacts to the objects it surrounds, giving more space to larger objects, less to small. Optical adjustments can also be made if an element looks off and the spacing needs a nudge to make things feel right.",(0,r.yg)("h2",{id:"two-types-of-spacing-scale"},"Two types of spacing scale"),(0,r.yg)("b",null," Component Spacing ")," ",(0,r.yg)("br",null),"Controls the spacing inside the components. ",(0,r.yg)("br",null),"For components use smaller increments. ( 4px, 8px, 12px, 16px, 20px, 24px, 32px, 36px, 40px, 48px)",(0,r.yg)("p",null," ",(0,r.yg)("img",{src:a(6108).c})),(0,r.yg)("b",null," Layout Spacing ")," ",(0,r.yg)("br",null),"Controls space between the components. ",(0,r.yg)("br",null),"For layout scale use larger increments (16px, 24px, 32px, 48px, 64px, 96px )",(0,r.yg)("p",null," ",(0,r.yg)("img",{src:a(7060).c})),(0,r.yg)("h2",{id:"spacing-gaps-in-pixels"},"Spacing Gaps in pixels"),(0,r.yg)("table",null,(0,r.yg)("thead",{parentName:"table"},(0,r.yg)("tr",{parentName:"thead"},(0,r.yg)("th",{parentName:"tr",align:null},"Token name"),(0,r.yg)("th",{parentName:"tr",align:null},"Pixels"),(0,r.yg)("th",{parentName:"tr",align:null},"Typically used"))),(0,r.yg)("tbody",{parentName:"table"},(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-025"),(0,r.yg)("td",{parentName:"tr",align:null},"1px"),(0,r.yg)("td",{parentName:"tr",align:null},"not typically used")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-05"),(0,r.yg)("td",{parentName:"tr",align:null},"2px"),(0,r.yg)("td",{parentName:"tr",align:null},"not typically used")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-1"),(0,r.yg)("td",{parentName:"tr",align:null},"4px"),(0,r.yg)("td",{parentName:"tr",align:null},"separate related elements and for small padding")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-2"),(0,r.yg)("td",{parentName:"tr",align:null},"8px"),(0,r.yg)("td",{parentName:"tr",align:null},"only for right and left padding of buttons, form elements and horizontal tabs")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-3"),(0,r.yg)("td",{parentName:"tr",align:null},"12px"),(0,r.yg)("td",{parentName:"tr",align:null},"to separate unrelated elements or groups and for normal padding")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-4"),(0,r.yg)("td",{parentName:"tr",align:null},"16px"),(0,r.yg)("td",{parentName:"tr",align:null},"to separate sub-sections of content")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-5"),(0,r.yg)("td",{parentName:"tr",align:null},"20px"),(0,r.yg)("td",{parentName:"tr",align:null},"to separate sub-sections of content")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-6"),(0,r.yg)("td",{parentName:"tr",align:null},"24px"),(0,r.yg)("td",{parentName:"tr",align:null},"to separate sub-sections of content")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-7"),(0,r.yg)("td",{parentName:"tr",align:null},"28px"),(0,r.yg)("td",{parentName:"tr",align:null},"to separate sections of content")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-8"),(0,r.yg)("td",{parentName:"tr",align:null},"32px"),(0,r.yg)("td",{parentName:"tr",align:null},"to separate sections of content")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-9"),(0,r.yg)("td",{parentName:"tr",align:null},"36px"),(0,r.yg)("td",{parentName:"tr",align:null},"to separate sections of content")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-10"),(0,r.yg)("td",{parentName:"tr",align:null},"40px"),(0,r.yg)("td",{parentName:"tr",align:null})),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-11"),(0,r.yg)("td",{parentName:"tr",align:null},"44px"),(0,r.yg)("td",{parentName:"tr",align:null})),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-12"),(0,r.yg)("td",{parentName:"tr",align:null},"48px"),(0,r.yg)("td",{parentName:"tr",align:null})),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-13"),(0,r.yg)("td",{parentName:"tr",align:null},"52px"),(0,r.yg)("td",{parentName:"tr",align:null})),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-14"),(0,r.yg)("td",{parentName:"tr",align:null},"56px"),(0,r.yg)("td",{parentName:"tr",align:null})),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-15"),(0,r.yg)("td",{parentName:"tr",align:null},"60px"),(0,r.yg)("td",{parentName:"tr",align:null})),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-16"),(0,r.yg)("td",{parentName:"tr",align:null},"64px"),(0,r.yg)("td",{parentName:"tr",align:null})),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-17"),(0,r.yg)("td",{parentName:"tr",align:null},"68px"),(0,r.yg)("td",{parentName:"tr",align:null})),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-18"),(0,r.yg)("td",{parentName:"tr",align:null},"72px"),(0,r.yg)("td",{parentName:"tr",align:null})),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-19"),(0,r.yg)("td",{parentName:"tr",align:null},"76px"),(0,r.yg)("td",{parentName:"tr",align:null})),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-20"),(0,r.yg)("td",{parentName:"tr",align:null},"80px"),(0,r.yg)("td",{parentName:"tr",align:null})),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"space-24"),(0,r.yg)("td",{parentName:"tr",align:null},"96px"),(0,r.yg)("td",{parentName:"tr",align:null})))),(0,r.yg)("h2",{id:"spacing-gaps-in-rem"},"Spacing Gaps in rem"),(0,r.yg)("table",null,(0,r.yg)("thead",{parentName:"table"},(0,r.yg)("tr",{parentName:"thead"},(0,r.yg)("th",{parentName:"tr",align:null},"Token name"),(0,r.yg)("th",{parentName:"tr",align:null},"Rem"))),(0,r.yg)("tbody",{parentName:"table"},(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-025"),(0,r.yg)("td",{parentName:"tr",align:null},"0.063rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-05"),(0,r.yg)("td",{parentName:"tr",align:null},"0.125rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-1"),(0,r.yg)("td",{parentName:"tr",align:null},"0.25rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-2"),(0,r.yg)("td",{parentName:"tr",align:null},"0.5rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-3"),(0,r.yg)("td",{parentName:"tr",align:null},"0.75rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-4"),(0,r.yg)("td",{parentName:"tr",align:null},"1rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-5"),(0,r.yg)("td",{parentName:"tr",align:null},"1.25rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-6"),(0,r.yg)("td",{parentName:"tr",align:null},"1.5rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-7"),(0,r.yg)("td",{parentName:"tr",align:null},"1.75rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-8"),(0,r.yg)("td",{parentName:"tr",align:null},"2rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-9"),(0,r.yg)("td",{parentName:"tr",align:null},"2.25rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-10"),(0,r.yg)("td",{parentName:"tr",align:null},"2.5rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-11"),(0,r.yg)("td",{parentName:"tr",align:null},"2.75rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-12"),(0,r.yg)("td",{parentName:"tr",align:null},"3rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-13"),(0,r.yg)("td",{parentName:"tr",align:null},"3.25rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-14"),(0,r.yg)("td",{parentName:"tr",align:null},"3.5rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-15"),(0,r.yg)("td",{parentName:"tr",align:null},"3.75rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-16"),(0,r.yg)("td",{parentName:"tr",align:null},"4rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-17"),(0,r.yg)("td",{parentName:"tr",align:null},"4.25rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-18"),(0,r.yg)("td",{parentName:"tr",align:null},"4.5rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-19"),(0,r.yg)("td",{parentName:"tr",align:null},"4.75rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-20"),(0,r.yg)("td",{parentName:"tr",align:null},"5rem")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"rem-space-24"),(0,r.yg)("td",{parentName:"tr",align:null},"6rem")))),(0,r.yg)("h2",{id:"spacing-gaps-in-em"},"Spacing Gaps in em"),(0,r.yg)("table",null,(0,r.yg)("thead",{parentName:"table"},(0,r.yg)("tr",{parentName:"thead"},(0,r.yg)("th",{parentName:"tr",align:null},"Token name"),(0,r.yg)("th",{parentName:"tr",align:null},"Rem"))),(0,r.yg)("tbody",{parentName:"table"},(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-025"),(0,r.yg)("td",{parentName:"tr",align:null},"0.063em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-05"),(0,r.yg)("td",{parentName:"tr",align:null},"0.125em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-1"),(0,r.yg)("td",{parentName:"tr",align:null},"0.25em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-2"),(0,r.yg)("td",{parentName:"tr",align:null},"0.5em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-3"),(0,r.yg)("td",{parentName:"tr",align:null},"0.75em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-4"),(0,r.yg)("td",{parentName:"tr",align:null},"1em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-5"),(0,r.yg)("td",{parentName:"tr",align:null},"1.25em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-6"),(0,r.yg)("td",{parentName:"tr",align:null},"1.5em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-7"),(0,r.yg)("td",{parentName:"tr",align:null},"1.75em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-8"),(0,r.yg)("td",{parentName:"tr",align:null},"2em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-9"),(0,r.yg)("td",{parentName:"tr",align:null},"2.25em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-10"),(0,r.yg)("td",{parentName:"tr",align:null},"2.5em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-11"),(0,r.yg)("td",{parentName:"tr",align:null},"2.75em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-12"),(0,r.yg)("td",{parentName:"tr",align:null},"3em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-13"),(0,r.yg)("td",{parentName:"tr",align:null},"3.25em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-14"),(0,r.yg)("td",{parentName:"tr",align:null},"3.5em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-15"),(0,r.yg)("td",{parentName:"tr",align:null},"3.75em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-16"),(0,r.yg)("td",{parentName:"tr",align:null},"4em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-17"),(0,r.yg)("td",{parentName:"tr",align:null},"4.25em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-18"),(0,r.yg)("td",{parentName:"tr",align:null},"4.5em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-19"),(0,r.yg)("td",{parentName:"tr",align:null},"4.75em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-20"),(0,r.yg)("td",{parentName:"tr",align:null},"5em")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},"em-space-24"),(0,r.yg)("td",{parentName:"tr",align:null},"6em")))))}d.isMDXComponent=!0},6108:(e,t,a)=>{a.d(t,{c:()=>n});const n=a.p+"assets/images/componenet-px-8b055abed0c2e5b3446dc157d8558d15.png"},7060:(e,t,a)=>{a.d(t,{c:()=>n});const n=a.p+"assets/images/layout-px-537ff4c70b25f776f1c3dac17139823a.png"}}]); \ No newline at end of file diff --git a/docs/assets/js/797402ac.261f0d22.js b/docs/assets/js/797402ac.261f0d22.js deleted file mode 100644 index 652d4d7e79..0000000000 --- a/docs/assets/js/797402ac.261f0d22.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9221],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>b});var a=n(7294);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=a.createContext({}),u=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return a.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},m=a.forwardRef((function(e,t){var n=e.components,o=e.mdxType,r=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=u(n),m=o,b=p["".concat(i,".").concat(m)]||p[m]||d[m]||r;return n?a.createElement(b,l(l({ref:t},c),{},{components:n})):a.createElement(b,l({ref:t},c))}));function b(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var r=n.length,l=new Array(r);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:o,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>f,default:()=>w,frontMatter:()=>b,metadata:()=>h,toc:()=>v});var a=n(7462),o=(n(7294),n(3905)),r=n(4037);const l={toc:[{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3},{value:"Tab labels",id:"tab-labels",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,o.kt)(s,(0,a.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"The tabs component lets users navigate between related sections of content, displaying one section at a time."),(0,o.kt)("h3",{id:"dos"},"Do\u2019s"),(0,o.kt)("p",null,"Tabs can be useful for users to quickly switch between related information if:"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"your content can be usefully separated into sections"),(0,o.kt)("li",{parentName:"ul"},"the first section is more relevant than the others for most users"),(0,o.kt)("li",{parentName:"ul"},"users will not need to view all the sections at once")),(0,o.kt)("h3",{id:"donts"},"Don\u2019ts"),(0,o.kt)("p",null,"Tabs hide content from users and not everyone will notice them or understand how they work.\nDo not use tabs if your users might need to:"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"read all the content in order, for example, to understand a step-by-step process"),(0,o.kt)("li",{parentName:"ul"},"compare information in different tabs")),(0,o.kt)("p",null,"Having to memorize information and switch between tabs can be frustrating. Test your content without tabs first. "),(0,o.kt)("p",null,"Consider if it is better to:"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"simplify and reduce the amount of content"),(0,o.kt)("li",{parentName:"ul"},"split the content across multiple pages"),(0,o.kt)("li",{parentName:"ul"},"keep the content on a single page, separated by headings"),(0,o.kt)("li",{parentName:"ul"},"use a table of contents to let users navigate quickly to specific sections of content")),(0,o.kt)("h3",{id:"tab-labels"},"Tab labels"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"use short tab labels to appear in a single row. In exceptions, they can use a second line if needed, with a tab max width of 250px. Alternatively, you can use scrollable tabs to allow room for longer titles"),(0,o.kt)("li",{parentName:"ul"},"don\u2019t truncate labels unless required, as truncated text can impede comprehension"),(0,o.kt)("li",{parentName:"ul"},"tab labels should consist of 1 \u2013 2 words: Labels on tabs should clearly describe their function or destination within 2 words at most. Constraining yourself to 1 \u2013 2 words will also help you in thinking more about selecting the best words for your tab labels.")))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Vertical",id:"vertical",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,o.kt)(p,(0,a.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h2",{id:"default"},"Default"),(0,o.kt)(u.ZP,{id:"components-tab--default",mdxType:"Iframe"}," "),(0,o.kt)("h2",{id:"vertical"},"Vertical"),(0,o.kt)(u.ZP,{id:"components-tab--vertical",height:"400",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="TabsJSDoc";var m;const b={title:"Tab",description:"",hide_table_of_contents:!0},f=void 0,h={unversionedId:"webdev/Components/Tab",id:"webdev/Components/Tab",title:"Tab",description:"",source:"@site/docs/webdev/5-Components/24-Tab.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Tab",permalink:"/volto-eea-design-system/docs/webdev/Components/Tab",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/tab_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:24,frontMatter:{title:"Tab",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Statistic",permalink:"/volto-eea-design-system/docs/webdev/Components/Statistic"},next:{title:"Search",permalink:"/volto-eea-design-system/docs/category/search"}},v=[],y={toc:v},g="wrapper";function w(e){let{components:t,...n}=e;return(0,o.kt)(g,(0,a.Z)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(r.ZP,{usage:(0,o.kt)(i,{mdxType:"Usage"}),showcase:(0,o.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var a=n(7462),o=(n(7294),n(3905)),r=n(2263);function l(){const{siteConfig:e}=(0,r.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,o.kt)(i,(0,a.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("div",{className:"frameWrapper"},(0,o.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var a=n(7462),o=n(7294),r=n(3905),l=n(2389),s=n(9443);const i=function(){const e=(0,o.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:a,values:r,groupId:l,className:s}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),b=(0,u.lx)(m,((e,t)=>e.value===t.value));if(b.length>0)throw new Error(`Docusaurus error: Duplicate values "${b.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===a?a:a??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==f&&!m.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:h,setTabGroupChoices:v}=i(),[y,g]=(0,o.useState)(f),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,u.o5)();if(null!=l){const e=h[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&g(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),a=m[n].value;a!==y&&(k(t),g(a),null!=l&&v(l,a))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return o.createElement(d,(0,a.Z)({key:String(t)},e))}const b=function(e){let{children:t,hidden:n,className:a}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:a},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const h={toc:[],getValues:f},v="wrapper";function y(e){let{components:t,...n}=e;return(0,r.kt)(v,(0,a.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(m,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,r.kt)(b,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.kt)(b,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.kt)(b,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/797402ac.93a7dafd.js b/docs/assets/js/797402ac.93a7dafd.js new file mode 100644 index 0000000000..703c4f54ca --- /dev/null +++ b/docs/assets/js/797402ac.93a7dafd.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5794],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>b});var a=n(1504);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=a.createContext({}),c=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},u=function(e){var t=c(e.components);return a.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},m=a.forwardRef((function(e,t){var n=e.components,o=e.mdxType,r=e.originalType,i=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),p=c(n),m=o,b=p["".concat(i,".").concat(m)]||p[m]||d[m]||r;return n?a.createElement(b,l(l({ref:t},u),{},{components:n})):a.createElement(b,l({ref:t},u))}));function b(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var r=n.length,l=new Array(r);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:o,l[1]=s;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>w,frontMatter:()=>b,metadata:()=>f,toc:()=>g});var a=n(5072),o=(n(1504),n(5788)),r=n(7144);const l={toc:[{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3},{value:"Tab labels",id:"tab-labels",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,o.yg)(s,(0,a.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("p",null,"The tabs component lets users navigate between related sections of content, displaying one section at a time."),(0,o.yg)("h3",{id:"dos"},"Do\u2019s"),(0,o.yg)("p",null,"Tabs can be useful for users to quickly switch between related information if:"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"your content can be usefully separated into sections"),(0,o.yg)("li",{parentName:"ul"},"the first section is more relevant than the others for most users"),(0,o.yg)("li",{parentName:"ul"},"users will not need to view all the sections at once")),(0,o.yg)("h3",{id:"donts"},"Don\u2019ts"),(0,o.yg)("p",null,"Tabs hide content from users and not everyone will notice them or understand how they work.\nDo not use tabs if your users might need to:"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"read all the content in order, for example, to understand a step-by-step process"),(0,o.yg)("li",{parentName:"ul"},"compare information in different tabs")),(0,o.yg)("p",null,"Having to memorize information and switch between tabs can be frustrating. Test your content without tabs first. "),(0,o.yg)("p",null,"Consider if it is better to:"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"simplify and reduce the amount of content"),(0,o.yg)("li",{parentName:"ul"},"split the content across multiple pages"),(0,o.yg)("li",{parentName:"ul"},"keep the content on a single page, separated by headings"),(0,o.yg)("li",{parentName:"ul"},"use a table of contents to let users navigate quickly to specific sections of content")),(0,o.yg)("h3",{id:"tab-labels"},"Tab labels"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"use short tab labels to appear in a single row. In exceptions, they can use a second line if needed, with a tab max width of 250px. Alternatively, you can use scrollable tabs to allow room for longer titles"),(0,o.yg)("li",{parentName:"ul"},"don\u2019t truncate labels unless required, as truncated text can impede comprehension"),(0,o.yg)("li",{parentName:"ul"},"tab labels should consist of 1 \u2013 2 words: Labels on tabs should clearly describe their function or destination within 2 words at most. Constraining yourself to 1 \u2013 2 words will also help you in thinking more about selecting the best words for your tab labels.")))}i.isMDXComponent=!0;var c=n(4620);const u={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Vertical",id:"vertical",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,o.yg)(p,(0,a.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("h2",{id:"default"},"Default"),(0,o.yg)(c.cp,{id:"components-tab--default",mdxType:"Iframe"}," "),(0,o.yg)("h2",{id:"vertical"},"Vertical"),(0,o.yg)(c.cp,{id:"components-tab--vertical",height:"400",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="TabsJSDoc";var m;const b={title:"Tab",description:"",hide_table_of_contents:!0},y=void 0,f={unversionedId:"webdev/Components/Tab",id:"webdev/Components/Tab",title:"Tab",description:"",source:"@site/docs/webdev/5-Components/24-Tab.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Tab",permalink:"/volto-eea-design-system/docs/webdev/Components/Tab",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/tab_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:24,frontMatter:{title:"Tab",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Statistic",permalink:"/volto-eea-design-system/docs/webdev/Components/Statistic"},next:{title:"Search",permalink:"/volto-eea-design-system/docs/category/search"}},g=[],h={toc:g},v="wrapper";function w(e){let{components:t,...n}=e;return(0,o.yg)(v,(0,a.c)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(r.cp,{usage:(0,o.yg)(i,{mdxType:"Usage"}),showcase:(0,o.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var a=n(5072),o=(n(1504),n(5788)),r=n(8264);function l(){const{siteConfig:e}=(0,r.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function c(e){let{components:t,...n}=e;return(0,o.yg)(i,(0,a.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("div",{className:"frameWrapper"},(0,o.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>h});var a=n(5072),o=n(1504),r=n(5788),l=n(3664),s=n(7676);const i=function(){const e=(0,o.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:a,values:r,groupId:l,className:s}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),b=(0,c.wn)(m,((e,t)=>e.value===t.value));if(b.length>0)throw new Error(`Docusaurus error: Duplicate values "${b.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===a?a:a??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==y&&!m.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:g}=i(),[h,v]=(0,o.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.MV)();if(null!=l){const e=f[l];null!=e&&e!==h&&m.some((t=>t.value===e))&&v(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),a=m[n].value;a!==h&&(T(t),v(a),null!=l&&g(l,a))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:h===t?0:-1,"aria-selected":h===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":h===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===h))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==h})))))}function m(e){const t=(0,l.c)();return o.createElement(d,(0,a.c)({key:String(t)},e))}const b=function(e){let{children:t,hidden:n,className:a}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:a},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:y},g="wrapper";function h(e){let{components:t,...n}=e;return(0,r.yg)(g,(0,a.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(m,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,r.yg)(b,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.yg)(b,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.yg)(b,{value:"api",mdxType:"TabItem"},n.api)))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/7ca1ae16.02804555.js b/docs/assets/js/7ca1ae16.96c58329.js similarity index 58% rename from docs/assets/js/7ca1ae16.02804555.js rename to docs/assets/js/7ca1ae16.96c58329.js index fa89ce57da..56fd973320 100644 --- a/docs/assets/js/7ca1ae16.02804555.js +++ b/docs/assets/js/7ca1ae16.96c58329.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1356],{3905:(e,t,n)=>{n.d(t,{Zo:()=>u,kt:()=>f});var o=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function s(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),c=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},d=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),d=r,f=p["".concat(i,".").concat(d)]||p[d]||m[d]||a;return n?o.createElement(f,s(s({ref:t},u),{},{components:n})):o.createElement(f,s({ref:t},u))}));function f(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,s=new Array(a);s[0]=d;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:r,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>v,default:()=>w,frontMatter:()=>f,metadata:()=>b,toc:()=>y});var o=n(7462),r=(n(7294),n(3905)),a=n(4037);const s={toc:[{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,r.kt)(l,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"A confirmation dialog asks users whether they are sure that they want to proceed with an action."),(0,r.kt)("h3",{id:"dos"},"Do\u2019s"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"use a confirmation dialog before actions that cannot be undone"),(0,r.kt)("li",{parentName:"ul"},"be specific and inform users about the consequence of their actions.")),(0,r.kt)("h3",{id:"donts"},"Don\u2019ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"do not use confirmation dialogs for routine actions"),(0,r.kt)("li",{parentName:"ul"},"avoid giving confirmation dialogs a default Yes answer")))}i.isMDXComponent=!0;var c=n(7521);const u={toc:[]},p="wrapper";function m(e){let{components:t,...n}=e;return(0,r.kt)(p,(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(c.ZP,{id:"components-confirm--default",mdxType:"Iframe"}," "))}m.isMDXComponent=!0;d="AccordionJSDoc";var d;const f={title:"Confirm",description:"",hide_table_of_contents:!0},v=void 0,b={unversionedId:"webdev/Components/Confirm",id:"webdev/Components/Confirm",title:"Confirm",description:"",source:"@site/docs/webdev/5-Components/6-Confirm.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Confirm",permalink:"/volto-eea-design-system/docs/webdev/Components/Confirm",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/confirm_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:6,frontMatter:{title:"Confirm",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Comment",permalink:"/volto-eea-design-system/docs/webdev/Components/Comment"},next:{title:"Divider",permalink:"/volto-eea-design-system/docs/webdev/Components/Divider"}},y=[],h={toc:y},g="wrapper";function w(e){let{components:t,...n}=e;return(0,r.kt)(g,(0,o.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(i,{mdxType:"Usage"}),showcase:(0,r.kt)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>c});var o=n(7462),r=(n(7294),n(3905)),a=n(2263);function s(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function c(e){let{components:t,...n}=e;return(0,r.kt)(i,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>h});var o=n(7462),r=n(7294),a=n(3905),s=n(2389),l=n(9443);const i=function(){const e=(0,r.useContext)(l.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(3810),u=n(6010);const p={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:s,className:l}=e,m=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=a??m.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),f=(0,c.lx)(d,((e,t)=>e.value===t.value));if(f.length>0)throw new Error(`Docusaurus error: Duplicate values "${f.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const v=null===o?o:o??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==v&&!d.some((e=>e.value===v)))throw new Error(`Docusaurus error: The has a defaultValue "${v}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:y}=i(),[h,g]=(0,r.useState)(v),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,c.o5)();if(null!=s){const e=b[s];null!=e&&e!==h&&d.some((t=>t.value===e))&&g(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),o=d[n].value;o!==h&&(k(t),g(o),null!=s&&y(s,o))},C=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.Z)("tabs",{"tabs--block":n},l)},d.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:h===t?0:-1,"aria-selected":h===t,className:(0,u.Z)("tabs__item",p.tabItem,{"tabs__item--active":h===t}),key:t,ref:e=>w.push(e),onKeyDown:C,onFocus:T,onClick:T},n??t)}))),t?(0,r.cloneElement)(m.filter((e=>e.props.value===h))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==h})))))}function d(e){const t=(0,s.Z)();return r.createElement(m,(0,o.Z)({key:String(t)},e))}const f=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function v(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:v},y="wrapper";function h(e){let{components:t,...n}=e;return(0,a.kt)(y,(0,o.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(d,{defaultValue:"usage",values:v(n),mdxType:"Tabs"},(0,a.kt)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(f,{value:"api",mdxType:"TabItem"},n.api)))}h.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9936],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>f});var o=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function s(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),c=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},d=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),d=r,f=p["".concat(i,".").concat(d)]||p[d]||m[d]||a;return n?o.createElement(f,s(s({ref:t},u),{},{components:n})):o.createElement(f,s({ref:t},u))}));function f(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,s=new Array(a);s[0]=d;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:r,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>w,frontMatter:()=>f,metadata:()=>v,toc:()=>b});var o=n(5072),r=(n(1504),n(5788)),a=n(7144);const s={toc:[{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,r.yg)(l,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"A confirmation dialog asks users whether they are sure that they want to proceed with an action."),(0,r.yg)("h3",{id:"dos"},"Do\u2019s"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"use a confirmation dialog before actions that cannot be undone"),(0,r.yg)("li",{parentName:"ul"},"be specific and inform users about the consequence of their actions.")),(0,r.yg)("h3",{id:"donts"},"Don\u2019ts"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"do not use confirmation dialogs for routine actions"),(0,r.yg)("li",{parentName:"ul"},"avoid giving confirmation dialogs a default Yes answer")))}i.isMDXComponent=!0;var c=n(4620);const u={toc:[]},p="wrapper";function m(e){let{components:t,...n}=e;return(0,r.yg)(p,(0,o.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(c.cp,{id:"components-confirm--default",mdxType:"Iframe"}," "))}m.isMDXComponent=!0;d="AccordionJSDoc";var d;const f={title:"Confirm",description:"",hide_table_of_contents:!0},y=void 0,v={unversionedId:"webdev/Components/Confirm",id:"webdev/Components/Confirm",title:"Confirm",description:"",source:"@site/docs/webdev/5-Components/6-Confirm.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Confirm",permalink:"/volto-eea-design-system/docs/webdev/Components/Confirm",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/confirm_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:6,frontMatter:{title:"Confirm",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Comment",permalink:"/volto-eea-design-system/docs/webdev/Components/Comment"},next:{title:"Divider",permalink:"/volto-eea-design-system/docs/webdev/Components/Divider"}},b=[],g={toc:b},h="wrapper";function w(e){let{components:t,...n}=e;return(0,r.yg)(h,(0,o.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(a.cp,{usage:(0,r.yg)(i,{mdxType:"Usage"}),showcase:(0,r.yg)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var o=n(5072),r=(n(1504),n(5788)),a=n(8264);function s(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function c(e){let{components:t,...n}=e;return(0,r.yg)(i,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>g});var o=n(5072),r=n(1504),a=n(5788),s=n(3664),l=n(7676);const i=function(){const e=(0,r.useContext)(l.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:s,className:l}=e,m=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=a??m.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),f=(0,c.wn)(d,((e,t)=>e.value===t.value));if(f.length>0)throw new Error(`Docusaurus error: Duplicate values "${f.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===o?o:o??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==y&&!d.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:b}=i(),[g,h]=(0,r.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.MV)();if(null!=s){const e=v[s];null!=e&&e!==g&&d.some((t=>t.value===e))&&h(e)}const C=e=>{const t=e.currentTarget,n=w.indexOf(t),o=d[n].value;o!==g&&(T(t),h(o),null!=s&&b(s,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},l)},d.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:C,onClick:C},n??t)}))),t?(0,r.cloneElement)(m.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function d(e){const t=(0,s.c)();return r.createElement(m,(0,o.c)({key:String(t)},e))}const f=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:y},b="wrapper";function g(e){let{components:t,...n}=e;return(0,a.yg)(b,(0,o.c)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(d,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,a.yg)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(f,{value:"api",mdxType:"TabItem"},n.api)))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/7e4403b7.03e48ef6.js b/docs/assets/js/7e4403b7.03e48ef6.js new file mode 100644 index 0000000000..2b5ab75f6d --- /dev/null +++ b/docs/assets/js/7e4403b7.03e48ef6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[8564],{8139:e=>{e.exports=JSON.parse('{"title":"Publications","slug":"/category/publications","permalink":"/volto-eea-design-system/docs/category/publications","navigation":{"previous":{"title":"EEA corporate site templates","permalink":"/volto-eea-design-system/docs/webcontent/corporate-site-templates"},"next":{"title":"Writing guidelines","permalink":"/volto-eea-design-system/docs/pubguide/writing"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/7e4403b7.8347e4ce.js b/docs/assets/js/7e4403b7.8347e4ce.js deleted file mode 100644 index a799e23df7..0000000000 --- a/docs/assets/js/7e4403b7.8347e4ce.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5886],{264:e=>{e.exports=JSON.parse('{"title":"Publications","slug":"/category/publications","permalink":"/volto-eea-design-system/docs/category/publications","navigation":{"previous":{"title":"EEA corporate site templates","permalink":"/volto-eea-design-system/docs/webcontent/corporate-site-templates"},"next":{"title":"Writing guidelines","permalink":"/volto-eea-design-system/docs/pubguide/writing"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/8050142d.1e9f60f9.js b/docs/assets/js/8050142d.1e9f60f9.js deleted file mode 100644 index 411179a5f3..0000000000 --- a/docs/assets/js/8050142d.1e9f60f9.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4009],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>f});var o=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=u(n),m=a,f=p["".concat(i,".").concat(m)]||p[m]||d[m]||r;return n?o.createElement(f,l(l({ref:t},c),{},{components:n})):o.createElement(f,l({ref:t},c))}));function f(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,l=new Array(r);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:a,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>f,default:()=>y,frontMatter:()=>m,metadata:()=>v,toc:()=>b});var o=n(7462),a=(n(7294),n(3905)),r=n(4037);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,a.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"Labels, Tags, or Badges are all types of classification component that help to categorize, organize, and label elements. Tags are used to call attention to new or updated content."),(0,a.kt)("h3",{id:"dos"},"Do's"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"use them to draw attention to new, important content. Tags can focus attention on important content on that might otherwise be missed"),(0,a.kt)("li",{parentName:"ul"},"when needed to filter results with one or more tags"),(0,a.kt)("li",{parentName:"ul"},"to indicate the number of new or unread items within a container. For example, to indicate the number of unread emails within a person\u2019s inbox")),(0,a.kt)("h3",{id:"donts"},"Don'ts"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"if your tags aren\u2019t interactive, disable hover, focus, and active styles"),(0,a.kt)("li",{parentName:"ul"},"don\u2019t mix interactive and static tags"),(0,a.kt)("li",{parentName:"ul"},"don\u2019t overdo it. If everything on a page is called out as important, nothing commands unique attention.")))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Default",id:"default",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,a.kt)(p,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"default"},"Default"),(0,a.kt)(u.ZP,{id:"components-tag--default",height:"200",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const m={title:"Tags",description:"",hide_table_of_contents:!0},f=void 0,v={unversionedId:"webdev/Components/Tags",id:"webdev/Components/Tags",title:"Tags",description:"",source:"@site/docs/webdev/5-Components/27-Tags.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Tags",permalink:"/volto-eea-design-system/docs/webdev/Components/Tags",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/tags_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:27,frontMatter:{title:"Tags",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Content",permalink:"/volto-eea-design-system/docs/webdev/Components/Content"},next:{title:"Timeline",permalink:"/volto-eea-design-system/docs/webdev/Components/Timeline"}},b=[],h={toc:b},g="wrapper";function y(e){let{components:t,...n}=e;return(0,a.kt)(g,(0,o.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(r.ZP,{usage:(0,a.kt)(i,{mdxType:"Usage"}),showcase:(0,a.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}y.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var o=n(7462),a=(n(7294),n(3905)),r=n(2263);function l(){const{siteConfig:e}=(0,r.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,a.kt)(i,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("div",{className:"frameWrapper"},(0,a.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>g});var o=n(7462),a=n(7294),r=n(3905),l=n(2389),s=n(9443);const i=function(){const e=(0,a.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:l,className:s}=e,d=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),f=(0,u.lx)(m,((e,t)=>e.value===t.value));if(f.length>0)throw new Error(`Docusaurus error: Duplicate values "${f.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const v=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==v&&!m.some((e=>e.value===v)))throw new Error(`Docusaurus error: The has a defaultValue "${v}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:h}=i(),[g,y]=(0,a.useState)(v),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,u.o5)();if(null!=l){const e=b[l];null!=e&&e!==g&&m.some((t=>t.value===e))&&y(e)}const k=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==g&&(T(t),y(o),null!=l&&h(l,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:k,onClick:k},n??t)}))),t?(0,a.cloneElement)(d.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function m(e){const t=(0,l.Z)();return a.createElement(d,(0,o.Z)({key:String(t)},e))}const f=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function v(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:v},h="wrapper";function g(e){let{components:t,...n}=e;return(0,r.kt)(h,(0,o.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(m,{defaultValue:"usage",values:v(n),mdxType:"Tabs"},(0,r.kt)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.kt)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.kt)(f,{value:"api",mdxType:"TabItem"},n.api)))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/8050142d.ebc76ac6.js b/docs/assets/js/8050142d.ebc76ac6.js new file mode 100644 index 0000000000..fe08dcc42b --- /dev/null +++ b/docs/assets/js/8050142d.ebc76ac6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1930],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>g});var o=n(1504);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function s(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),c=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),m=a,g=p["".concat(i,".").concat(m)]||p[m]||d[m]||r;return n?o.createElement(g,s(s({ref:t},u),{},{components:n})):o.createElement(g,s({ref:t},u))}));function g(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,s=new Array(r);s[0]=m;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:a,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>g,default:()=>h,frontMatter:()=>m,metadata:()=>y,toc:()=>f});var o=n(5072),a=(n(1504),n(5788)),r=n(7144);const s={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,a.yg)(l,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("p",null,"Labels, Tags, or Badges are all types of classification component that help to categorize, organize, and label elements. Tags are used to call attention to new or updated content."),(0,a.yg)("h3",{id:"dos"},"Do's"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"use them to draw attention to new, important content. Tags can focus attention on important content on that might otherwise be missed"),(0,a.yg)("li",{parentName:"ul"},"when needed to filter results with one or more tags"),(0,a.yg)("li",{parentName:"ul"},"to indicate the number of new or unread items within a container. For example, to indicate the number of unread emails within a person\u2019s inbox")),(0,a.yg)("h3",{id:"donts"},"Don'ts"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"if your tags aren\u2019t interactive, disable hover, focus, and active styles"),(0,a.yg)("li",{parentName:"ul"},"don\u2019t mix interactive and static tags"),(0,a.yg)("li",{parentName:"ul"},"don\u2019t overdo it. If everything on a page is called out as important, nothing commands unique attention.")))}i.isMDXComponent=!0;var c=n(4620);const u={toc:[{value:"Default",id:"default",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,a.yg)(p,(0,o.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("h2",{id:"default"},"Default"),(0,a.yg)(c.cp,{id:"components-tag--default",height:"200",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const m={title:"Tags",description:"",hide_table_of_contents:!0},g=void 0,y={unversionedId:"webdev/Components/Tags",id:"webdev/Components/Tags",title:"Tags",description:"",source:"@site/docs/webdev/5-Components/27-Tags.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Tags",permalink:"/volto-eea-design-system/docs/webdev/Components/Tags",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/tags_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:27,frontMatter:{title:"Tags",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Content",permalink:"/volto-eea-design-system/docs/webdev/Components/Content"},next:{title:"Timeline",permalink:"/volto-eea-design-system/docs/webdev/Components/Timeline"}},f=[],v={toc:f},b="wrapper";function h(e){let{components:t,...n}=e;return(0,a.yg)(b,(0,o.c)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(r.cp,{usage:(0,a.yg)(i,{mdxType:"Usage"}),showcase:(0,a.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}h.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var o=n(5072),a=(n(1504),n(5788)),r=n(8264);function s(){const{siteConfig:e}=(0,r.c)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function c(e){let{components:t,...n}=e;return(0,a.yg)(i,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("div",{className:"frameWrapper"},(0,a.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>b});var o=n(5072),a=n(1504),r=n(5788),s=n(3664),l=n(7676);const i=function(){const e=(0,a.useContext)(l.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:s,className:l}=e,d=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),g=(0,c.wn)(m,((e,t)=>e.value===t.value));if(g.length>0)throw new Error(`Docusaurus error: Duplicate values "${g.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==y&&!m.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:v}=i(),[b,h]=(0,a.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.MV)();if(null!=s){const e=f[s];null!=e&&e!==b&&m.some((t=>t.value===e))&&h(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==b&&(T(t),h(o),null!=s&&v(s,o))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:b===t?0:-1,"aria-selected":b===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":b===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,a.cloneElement)(d.filter((e=>e.props.value===b))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==b})))))}function m(e){const t=(0,s.c)();return a.createElement(d,(0,o.c)({key:String(t)},e))}const g=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:y},v="wrapper";function b(e){let{components:t,...n}=e;return(0,r.yg)(v,(0,o.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(m,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,r.yg)(g,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.yg)(g,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.yg)(g,{value:"api",mdxType:"TabItem"},n.api)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/85201c01.2c28e1a3.js b/docs/assets/js/85201c01.2c28e1a3.js new file mode 100644 index 0000000000..b940861062 --- /dev/null +++ b/docs/assets/js/85201c01.2c28e1a3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[296],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>g});var r=n(1504);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=r.createContext({}),c=function(e){var t=r.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return r.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),m=o,g=p["".concat(i,".").concat(m)]||p[m]||d[m]||a;return n?r.createElement(g,s(s({ref:t},u),{},{components:n})):r.createElement(g,s({ref:t},u))}));function g(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,s=new Array(a);s[0]=m;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:o,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>g,default:()=>v,frontMatter:()=>m,metadata:()=>f,toc:()=>y});var r=n(5072),o=(n(1504),n(5788)),a=n(7144);const s={toc:[{value:"Dont \u2018s",id:"dont-s",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,o.yg)(l,(0,r.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("p",null,"Loaders can be used to indicate progress on long actions/waits which meet some or preferably all of these characteristics: "),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},(0,o.yg)("p",{parentName:"li"},"the action/wait is\u202fblocking user flow. That is, it's difficult or impossible for the user to proceed with the flow she is on without waiting. "),(0,o.yg)("ul",{parentName:"li"},(0,o.yg)("li",{parentName:"ul"},(0,o.yg)("p",{parentName:"li"},"e.g. The user asked a question and the answer is being retrieved from a server ")),(0,o.yg)("li",{parentName:"ul"},(0,o.yg)("p",{parentName:"li"},"e.g. The user scrolled to the bottom of page feed and new content is being loaded")))),(0,o.yg)("li",{parentName:"ul"},(0,o.yg)("p",{parentName:"li"},"the action is\u202flong enough\u202fthat a user may feel anxious if there is no indication of progress. For short actions or waits having a short-lived throbber is not a great idea because it can confuse users ")),(0,o.yg)("li",{parentName:"ul"},(0,o.yg)("p",{parentName:"li"},"it's\u202fdifficult or impossible to indicate exact progress. If it's possible to indicate progress (eg percentage complete) then progress bars or widgets are more appropriately communicative and less likely to frustrate users"))),(0,o.yg)("h3",{id:"dont-s"},"Dont \u2018s"),(0,o.yg)("p",null,"Do not use it for actions that take less than 1 sec."))}i.isMDXComponent=!0;var c=n(4620);const u={toc:[{value:"Default Loader",id:"default-loader",children:[],level:2},{value:"Full Page Loader",id:"full-page-loader",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,o.yg)(p,(0,r.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("h2",{id:"default-loader"},"Default Loader"),(0,o.yg)(c.cp,{id:"components-loader--default",height:"180",mdxType:"Iframe"}," "),(0,o.yg)("h2",{id:"full-page-loader"},"Full Page Loader"),(0,o.yg)(c.cp,{id:"components-loader--full-page-loader",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const m={title:"Loader",description:"",hide_table_of_contents:!0},g=void 0,f={unversionedId:"webdev/Components/Loader",id:"webdev/Components/Loader",title:"Loader",description:"",source:"@site/docs/webdev/5-Components/16-Loader.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Loader",permalink:"/volto-eea-design-system/docs/webdev/Components/Loader",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/loader_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:16,frontMatter:{title:"Loader",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Image",permalink:"/volto-eea-design-system/docs/webdev/Components/Image"},next:{title:"Messages",permalink:"/volto-eea-design-system/docs/webdev/Components/Messages"}},y=[],b={toc:y},h="wrapper";function v(e){let{components:t,...n}=e;return(0,o.yg)(h,(0,r.c)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(a.cp,{usage:(0,o.yg)(i,{mdxType:"Usage"}),showcase:(0,o.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}v.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var r=n(5072),o=(n(1504),n(5788)),a=n(8264);function s(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function c(e){let{components:t,...n}=e;return(0,o.yg)(i,(0,r.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("div",{className:"frameWrapper"},(0,o.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>h});var r=n(5072),o=n(1504),a=n(5788),s=n(3664),l=n(7676);const i=function(){const e=(0,o.useContext)(l.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:r,values:a,groupId:s,className:l}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),g=(0,c.wn)(m,((e,t)=>e.value===t.value));if(g.length>0)throw new Error(`Docusaurus error: Duplicate values "${g.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===r?r:r??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==f&&!m.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:y,setTabGroupChoices:b}=i(),[h,v]=(0,o.useState)(f),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.MV)();if(null!=s){const e=y[s];null!=e&&e!==h&&m.some((t=>t.value===e))&&v(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),r=m[n].value;r!==h&&(T(t),v(r),null!=s&&b(s,r))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:h===t?0:-1,"aria-selected":h===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":h===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===h))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==h})))))}function m(e){const t=(0,s.c)();return o.createElement(d,(0,r.c)({key:String(t)},e))}const g=function(e){let{children:t,hidden:n,className:r}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const y={toc:[],getValues:f},b="wrapper";function h(e){let{components:t,...n}=e;return(0,a.yg)(b,(0,r.c)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(m,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,a.yg)(g,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(g,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(g,{value:"api",mdxType:"TabItem"},n.api)))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/85201c01.e3153012.js b/docs/assets/js/85201c01.e3153012.js deleted file mode 100644 index c6229fba54..0000000000 --- a/docs/assets/js/85201c01.e3153012.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[8150],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>f});var r=n(7294);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=r.createContext({}),u=function(e){var t=r.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},c=function(e){var t=u(e.components);return r.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,i=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),p=u(n),m=o,f=p["".concat(i,".").concat(m)]||p[m]||d[m]||a;return n?r.createElement(f,s(s({ref:t},c),{},{components:n})):r.createElement(f,s({ref:t},c))}));function f(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,s=new Array(a);s[0]=m;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:o,s[1]=l;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>f,default:()=>y,frontMatter:()=>m,metadata:()=>b,toc:()=>h});var r=n(7462),o=(n(7294),n(3905)),a=n(4037);const s={toc:[{value:"Dont \u2018s",id:"dont-s",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,o.kt)(l,(0,r.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"Loaders can be used to indicate progress on long actions/waits which meet some or preferably all of these characteristics: "),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},(0,o.kt)("p",{parentName:"li"},"the action/wait is\u202fblocking user flow. That is, it's difficult or impossible for the user to proceed with the flow she is on without waiting. "),(0,o.kt)("ul",{parentName:"li"},(0,o.kt)("li",{parentName:"ul"},(0,o.kt)("p",{parentName:"li"},"e.g. The user asked a question and the answer is being retrieved from a server ")),(0,o.kt)("li",{parentName:"ul"},(0,o.kt)("p",{parentName:"li"},"e.g. The user scrolled to the bottom of page feed and new content is being loaded")))),(0,o.kt)("li",{parentName:"ul"},(0,o.kt)("p",{parentName:"li"},"the action is\u202flong enough\u202fthat a user may feel anxious if there is no indication of progress. For short actions or waits having a short-lived throbber is not a great idea because it can confuse users ")),(0,o.kt)("li",{parentName:"ul"},(0,o.kt)("p",{parentName:"li"},"it's\u202fdifficult or impossible to indicate exact progress. If it's possible to indicate progress (eg percentage complete) then progress bars or widgets are more appropriately communicative and less likely to frustrate users"))),(0,o.kt)("h3",{id:"dont-s"},"Dont \u2018s"),(0,o.kt)("p",null,"Do not use it for actions that take less than 1 sec."))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Default Loader",id:"default-loader",children:[],level:2},{value:"Full Page Loader",id:"full-page-loader",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,o.kt)(p,(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h2",{id:"default-loader"},"Default Loader"),(0,o.kt)(u.ZP,{id:"components-loader--default",height:"180",mdxType:"Iframe"}," "),(0,o.kt)("h2",{id:"full-page-loader"},"Full Page Loader"),(0,o.kt)(u.ZP,{id:"components-loader--full-page-loader",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const m={title:"Loader",description:"",hide_table_of_contents:!0},f=void 0,b={unversionedId:"webdev/Components/Loader",id:"webdev/Components/Loader",title:"Loader",description:"",source:"@site/docs/webdev/5-Components/16-Loader.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Loader",permalink:"/volto-eea-design-system/docs/webdev/Components/Loader",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/loader_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:16,frontMatter:{title:"Loader",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Image",permalink:"/volto-eea-design-system/docs/webdev/Components/Image"},next:{title:"Messages",permalink:"/volto-eea-design-system/docs/webdev/Components/Messages"}},h=[],v={toc:h},g="wrapper";function y(e){let{components:t,...n}=e;return(0,o.kt)(g,(0,r.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(a.ZP,{usage:(0,o.kt)(i,{mdxType:"Usage"}),showcase:(0,o.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}y.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var r=n(7462),o=(n(7294),n(3905)),a=n(2263);function s(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function u(e){let{components:t,...n}=e;return(0,o.kt)(i,(0,r.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("div",{className:"frameWrapper"},(0,o.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>g});var r=n(7462),o=n(7294),a=n(3905),s=n(2389),l=n(9443);const i=function(){const e=(0,o.useContext)(l.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:r,values:a,groupId:s,className:l}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),f=(0,u.lx)(m,((e,t)=>e.value===t.value));if(f.length>0)throw new Error(`Docusaurus error: Duplicate values "${f.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const b=null===r?r:r??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==b&&!m.some((e=>e.value===b)))throw new Error(`Docusaurus error: The has a defaultValue "${b}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:h,setTabGroupChoices:v}=i(),[g,y]=(0,o.useState)(b),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,u.o5)();if(null!=s){const e=h[s];null!=e&&e!==g&&m.some((t=>t.value===e))&&y(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),r=m[n].value;r!==g&&(k(t),y(r),null!=s&&v(s,r))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function m(e){const t=(0,s.Z)();return o.createElement(d,(0,r.Z)({key:String(t)},e))}const f=function(e){let{children:t,hidden:n,className:r}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function b(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const h={toc:[],getValues:b},v="wrapper";function g(e){let{components:t,...n}=e;return(0,a.kt)(v,(0,r.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:b(n),mdxType:"Tabs"},(0,a.kt)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(f,{value:"api",mdxType:"TabItem"},n.api)))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/860b2a9d.cba9bde3.js b/docs/assets/js/860b2a9d.f6f675c5.js similarity index 90% rename from docs/assets/js/860b2a9d.cba9bde3.js rename to docs/assets/js/860b2a9d.f6f675c5.js index 06ff54bdda..36eb3c8daf 100644 --- a/docs/assets/js/860b2a9d.cba9bde3.js +++ b/docs/assets/js/860b2a9d.f6f675c5.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3436],{3905:(h,c,e)=>{e.d(c,{Zo:()=>i,kt:()=>d});var l=e(7294);function v(h,c,e){return c in h?Object.defineProperty(h,c,{value:e,enumerable:!0,configurable:!0,writable:!0}):h[c]=e,h}function a(h,c){var e=Object.keys(h);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(h);c&&(l=l.filter((function(c){return Object.getOwnPropertyDescriptor(h,c).enumerable}))),e.push.apply(e,l)}return e}function t(h){for(var c=1;c=0||(v[e]=h[e]);return v}(h,c);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(h);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(h,e)&&(v[e]=h[e])}return v}var r=l.createContext({}),o=function(h){var c=l.useContext(r),e=c;return h&&(e="function"==typeof h?h(c):t(t({},c),h)),e},i=function(h){var c=o(h.components);return l.createElement(r.Provider,{value:c},h.children)},Z="mdxType",s={inlineCode:"code",wrapper:function(h){var c=h.children;return l.createElement(l.Fragment,{},c)}},m=l.forwardRef((function(h,c){var e=h.components,v=h.mdxType,a=h.originalType,r=h.parentName,i=n(h,["components","mdxType","originalType","parentName"]),Z=o(e),m=v,d=Z["".concat(r,".").concat(m)]||Z[m]||s[m]||a;return e?l.createElement(d,t(t({ref:c},i),{},{components:e})):l.createElement(d,t({ref:c},i))}));function d(h,c){var e=arguments,v=c&&c.mdxType;if("string"==typeof h||v){var a=e.length,t=new Array(a);t[0]=m;var n={};for(var r in c)hasOwnProperty.call(c,r)&&(n[r]=c[r]);n.originalType=h,n[Z]="string"==typeof h?h:v,t[1]=n;for(var o=2;o{e.r(c),e.d(c,{contentTitle:()=>Nh,default:()=>Ah,frontMatter:()=>jh,metadata:()=>Ch,toc:()=>Rh});var l,v,a,t,n,r,o,i,Z,s,m,d,M,p=e(7462),u=e(7294),f=e(3905),g=e(4037);function b(){return b=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...p}=h;return u.createElement("svg",b({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 350 129",width:350,height:129,"aria-labelledby":e},p),c?u.createElement("title",{id:e},c):null,l||(l=u.createElement("style",null,".a{fill:#004b7f}.b{fill:#007b6c}")),v||(v=u.createElement("path",{className:"a",d:"M62.4 95.3c-4.1 0-7.9-.9-11.5-2.5l4.1-7.5c2.3 1 4.8 1.5 7.4 1.5 11.1 0 20-9.5 20-21.2 0-6.7-3.3-12.4-7.9-16.3l4.4-7.8c1.2.9 2.3 1.9 3.4 3 5.3 5.6 8.2 13.1 8.2 21.1 0 16.4-12.6 29.7-28.1 29.7z"})),a||(a=u.createElement("path",{className:"b",d:"m69.9 46.5-.2.2-.3-.1c-.5-.3-1-.5-1.6-.7q-.7-.2-1.5-.4l-.2-.1-.1-.3c-2.5-9.5 1.8-24.7 10.1-36 1.6-2.2 3.3-4.1 5-5.8l.6-.5.1.8q.7 3.6.8 7.7c.1 14.2-5.2 29-12.7 35.2zM58.6 7.5c6.1 12.6 7.5 28.4 3.3 37.5l-.1.2h-.3c-.5.1-1.1.1-1.7.2q-.7.1-1.5.4H58l-.1-.2c-6.3-7.4-8.8-23-6.1-37 .6-2.7 1.3-5.3 2.1-7.6l.3-.8.5.7c1.4 1.9 2.7 4.2 3.9 6.6zM53.3 47.4v.3l-.2.1q-.8.5-1.5 1-.7.4-1.2 1l-.2.2-.3-.1C41.2 46.1 32.4 33.3 29 19.5q-1-4.1-1.3-7.8l-.1-.8.7.3c2.1 1.1 4.2 2.5 6.3 4.1 10.7 8.5 18.6 22 18.7 32.1zM8.7 33.5l-.4-.7h.8c2.2 0 4.7.3 7.3.8 13.2 2.5 25.9 11 30.1 20l.1.2-.1.2c-.4.5-.7 1.1-.9 1.6q-.4.7-.7 1.5l-.1.2-.3.1c-9.4.7-22.6-6.7-31.5-17.5-1.7-2.1-3.2-4.2-4.3-6.4zM7.2 65.6c-2.4-1-4.6-2.3-6.6-3.6l-.6-.5.7-.3c2-1.1 4.4-2 6.8-2.8 13-3.8 27.9-2.2 35.5 3.9l.2.2v.3c-.1.6-.2 1.2-.2 1.8v1.6l.1.3-.3.1c-8.1 5-23 4.6-35.6-1zM12.7 91.6q-3.9.3-7.4-.1l-.8-.1.5-.7c1.4-2 3.1-3.9 5-5.7 10-9.4 24-15 33.4-13.1l.2.1.1.3q.3.8.6 1.7c.2.5.4.9.7 1.4l.1.3-.1.2c-5.2 8.3-18.7 14.9-32.3 15.7zM50.8 82.6l.2.2v.3c-1.2 9.8-10.6 22.1-22.4 29.2-2.3 1.3-4.6 2.5-6.8 3.3l-.7.3.1-.9c.5-2.4 1.2-4.9 2.2-7.4 4.9-13.2 15.2-24.7 24.4-27.4h.3l.2.2q.6.7 1.2 1.3c.4.3.8.6 1.3.9z"})),t||(t=u.createElement("path",{className:"a",d:"M102.5 75.8c-.7 3.2-.2 1.5-1.2 4.5 3.2 2.1 7.7 5.3 10.5 8.3 1.5 1.6 2.9 3.3 4 4.9q-1.8 4-4.2 7.6c-1.9-.1-4.1-.6-6.2-1.1-3.9-1-8.8-3.5-12.1-5.3-2 2.4-.9 1.2-3.1 3.4 1.9 3.4 4.4 8.5 5.6 12.5.6 2.1 1.1 4.2 1.4 6.1-2.3 1.7-4.7 3.3-7.2 4.7-1.6-1-3.4-2.4-4.9-3.9-3-2.8-6.2-7.5-8.4-10.8-2.9 1.2-1.3.8-4.2 1.6.1 3.9.1 9.7-.7 13.8-.3 2-.8 4.3-1.4 6-2.7.4-8.5.6-8.7.6-.8-1.6-1.6-3.8-2.3-5.8-1.4-4-2.2-9.7-2.6-13.7-3.1-.4-1.5 0-4.4-.8-1.7 3.6-4.2 8.7-6.7 11.9-1.3 1.6-2.6 3-3.9 4.3q-3.1-1.2-6.1-2.8l13-23.7c4.2 1.9 8.9 3 13.6 3 9 0 17.5-3.7 23.8-10.4C92.5 84 96 75 96 65.5s-3.5-18.4-9.9-25.1q-1.8-2-3.9-3.6l12.9-23.5c1.9 1.3 3.7 2.7 5.5 4.3-.4 2-.8 3.8-1.6 6-1.3 4-4.2 8.9-6.3 12.2 2.2 2.4 1.2 1.1 2.9 3.6 3.5-1.6 8.5-3.8 12.4-4.5 2.1-.5 4.1-.7 6-.7q2.1 3.8 3.6 7.9c-1.2 1.6-2.6 3.2-4.2 4.8-2.9 2.8-7.7 5.7-11 7.6.9 3.2.5 1.5 1 4.6 3.7.3 9.1.9 12.9 2.1 2 .7 4 1.6 5.7 2.5 0 .7 0 6.4-.2 8.7-1.8.8-3.9 1.5-6.1 2.1-3.8 1.1-9.3 1.2-13.2 1.3z"})),n||(n=u.createElement("path",{d:"M171.9 29.4h-9.7v6.5h11.4V40h-16.5V15.5h16.5v4.1h-11.4v5.8h9.7zM186.9 38.1q-1.8 2.2-5 2.2-2.9 0-4.5-1.6-1.5-1.7-1.5-5V21.8h4.8v11.8q0 2.8 2.6 2.8 2.4 0 3.4-1.7V21.8h4.9V40H187zM205.5 26.4q-1-.2-1.7-.2-2.8 0-3.7 1.9V40h-4.8V21.8h4.6l.1 2.2c1-1.7 2.4-2.5 4.1-2.5q.8 0 1.5.2z"})),r||(r=u.createElement("path",{fillRule:"evenodd",d:"M206.5 30.7q0-2.7 1-4.8 1.1-2.1 3-3.3c1.3-.7 2.8-1.1 4.6-1.1 2.4 0 4.5.7 6 2.2 1.6 1.5 2.4 3.6 2.6 6.1V31q0 4.2-2.3 6.7c-1.6 1.7-3.7 2.6-6.3 2.6q-4 0-6.3-2.6c-1.6-1.6-2.4-3.9-2.4-6.8v-.2zm4.9.4q0 2.6 1 3.9c.6 1 1.6 1.4 2.8 1.4q1.7 0 2.8-1.3 1-1.4 1-4.3 0-2.6-1-4t-2.8-1.4q-1.8 0-2.8 1.4-1 1.4-1 4.3zM243.2 31.1q0 4.2-2 6.7c-1.3 1.7-3 2.5-5.1 2.5q-2.8 0-4.5-1.9V47h-4.9V21.8h4.5l.2 1.8q1.8-2.1 4.6-2.1 3.4 0 5.3 2.5 1.8 2.4 1.9 6.8zm-4.9-.4c0-1.7-.3-2.9-.9-3.9-.6-.9-1.5-1.3-2.6-1.3-1.6 0-2.6.5-3.2 1.7v7.4q.9 1.8 3.2 1.8c2.3 0 3.5-1.9 3.5-5.7zM254.6 40.3q-4 0-6.6-2.4c-1.6-1.6-2.5-3.8-2.5-6.5v-.5q0-2.7 1.1-4.9 1-2.2 3-3.3 1.9-1.2 4.4-1.2 3.8 0 5.9 2.4 2.2 2.3 2.2 6.6v2h-11.6c.1 1.2.6 2.1 1.4 2.9q1.2 1 3 1 2.8 0 4.4-2l2.4 2.7c-.7 1-1.7 1.8-2.9 2.4-1.4.5-2.7.8-4.2.8zm-.6-14.9q-1.4 0-2.3 1-1 1-1.2 2.8h6.8v-.4q-.1-1.6-.9-2.5-.9-.9-2.4-.9zM275.4 40c-.2-.4-.4-1-.5-1.7q-1.8 2-4.6 2-2.7 0-4.5-1.6-1.7-1.5-1.7-3.9 0-2.8 2.1-4.4 2.2-1.5 6.3-1.6h2.2v-1q0-1.3-.6-2-.7-.7-2.1-.7-1.2 0-1.9.6-.7.5-.7 1.6h-4.9q0-1.6 1-3 .9-1.3 2.7-2c1.2-.5 2.6-.8 4-.8q3.4 0 5.4 1.7c1.3 1.1 2 2.7 2 4.7v7.9c0 1.7.2 3 .7 3.9v.3zm-4-3.4c.7 0 1.4-.1 2-.5q.9-.5 1.3-1.3v-3.1h-1.8q-3.7 0-3.9 2.5v.3q0 .9.7 1.5.5.6 1.7.6z"})),o||(o=u.createElement("path",{d:"m287.8 21.8.1 2.1q2-2.4 5.3-2.4c1.9 0 3.3.5 4.3 1.7.9 1.1 1.4 2.8 1.4 5V40H294V28.4q.1-1.6-.6-2.3-.7-.7-2.3-.7c-1.4 0-2.3.6-3.1 1.7v12.8h-4.8V21.8h4.6zM171.9 66.9h-9.7v6.6h11.4v4h-16.5V53.1h16.5v4.1h-11.4V63h9.7zM180.7 59.4l.2 2.1q1.9-2.5 5.2-2.5c1.9 0 3.4.6 4.3 1.7 1 1.2 1.4 2.9 1.5 5.1v11.7H187V65.9q0-1.5-.7-2.2-.7-.7-2.2-.7c-1.4 0-2.4.5-3.1 1.7v12.8h-4.9V59.4h4.6zM202.4 71.6l3.4-12.2h5.1l-6.2 18.1H200l-6.1-18.1h5.1zM213 54.7c0-.8.2-1.3.7-1.8.5-.5 1.1-.7 2-.7q1.2 0 2 .7.7.7.7 1.8t-.7 1.8q-.8.7-2 .7t-2-.7q-.7-.7-.7-1.8zm.3 4.7h4.8v18.1h-4.8zM232.4 63.9q-1-.1-1.8-.1-2.7 0-3.6 1.9v11.8h-4.9V59.4h4.6l.2 2.2c.9-1.7 2.3-2.6 4-2.6q.8 0 1.5.3z"})),i||(i=u.createElement("path",{fillRule:"evenodd",d:"M233.4 68.3q0-2.7 1-4.8 1.1-2.2 3-3.3c1.3-.8 2.8-1.2 4.6-1.2 2.4 0 4.5.8 6 2.3 1.6 1.5 2.4 3.5 2.6 6.1v1.2q0 4.2-2.3 6.7c-1.6 1.7-3.7 2.5-6.3 2.5q-4 0-6.3-2.5c-1.6-1.7-2.4-4-2.4-6.8v-.2zm4.9.3q0 2.6 1 4c.6.9 1.6 1.4 2.8 1.4q1.7 0 2.8-1.3 1-1.4.9-4.4.1-2.5-.9-3.9-1.1-1.4-2.9-1.4-1.7 0-2.7 1.4-1 1.3-1 4.2z"})),Z||(Z=u.createElement("path",{d:"m258.1 59.4.2 2.1q1.9-2.5 5.2-2.5c1.9 0 3.4.6 4.3 1.7 1 1.2 1.4 2.9 1.5 5.1v11.7h-4.9V65.9q0-1.5-.7-2.2-.7-.7-2.2-.7c-1.4 0-2.4.5-3.1 1.7v12.8h-4.9V59.4h4.6zM277.5 59.4l.2 2q1.9-2.4 5.2-2.4 3.5 0 4.8 2.8 1.9-2.8 5.5-2.8 3 0 4.4 1.8 1.5 1.7 1.5 5.2v11.5h-4.9V66q0-1.6-.6-2.3-.6-.7-2.1-.7-2.2 0-3.1 2.1v12.4h-4.8V66q0-1.6-.7-2.3-.6-.7-2.1-.7-2.1 0-3 1.7v12.8h-4.9V59.4z"})),s||(s=u.createElement("path",{fillRule:"evenodd",d:"M311.2 77.9q-4 0-6.5-2.4c-1.7-1.7-2.5-3.9-2.5-6.6v-.4q0-2.7 1-4.9 1.1-2.2 3.1-3.4 1.9-1.1 4.4-1.1 3.7 0 5.9 2.3 2.1 2.4 2.1 6.7v2h-11.6c.2 1.1.7 2.1 1.5 2.8q1.1 1.1 3 1.1 2.8 0 4.4-2l2.4 2.6c-.8 1.1-1.7 1.9-3 2.4-1.2.6-2.7.9-4.2.9zm-.5-14.9q-1.5 0-2.4 1c-.6.6-1 1.6-1.1 2.8h6.7v-.4q0-1.6-.9-2.5-.8-.9-2.3-.9z"})),m||(m=u.createElement("path",{d:"m326 59.4.1 2.1q2-2.5 5.2-2.5c1.9 0 3.4.6 4.3 1.7 1 1.2 1.5 2.9 1.5 5.1v11.7h-4.9V65.9q0-1.5-.7-2.2-.7-.7-2.2-.7c-1.4 0-2.4.5-3.1 1.7v12.8h-4.9V59.4h4.7zM346.6 54.9v4.5h3.2v3.5h-3.2V72q0 1 .4 1.5.4.4 1.5.4c.5 0 1 0 1.4-.1v3.7c-.9.3-1.9.4-2.9.4q-5.1 0-5.3-5.1V63h-2.6v-3.6h2.6v-4.5z"})),d||(d=u.createElement("path",{fillRule:"evenodd",d:"M171 110.1h-8.8l-1.7 5h-5.4l9.1-24.4h4.7l9.2 24.4h-5.4zm-7.5-4.1h6.1l-3.1-9.1zM179.3 105.9q0-4.2 2-6.7c1.3-1.7 3.2-2.6 5.4-2.6q3 0 4.7 2.1l.2-1.7h4.4v17.5q0 2.4-1.1 4.2-1.1 1.7-3.1 2.6c-1.3.7-2.8 1-4.6 1-1.4 0-2.6-.3-3.9-.8q-1.9-.8-2.9-2.1l2.2-2.9q1.8 2 4.4 2c1.3 0 2.3-.3 3-1q1.1-1 1.1-3v-.9c-1.2 1.3-2.6 1.9-4.5 1.9-2.2 0-3.9-.9-5.3-2.6q-2-2.5-2-6.8v-.2zm4.9.3c0 1.7.3 3 1 3.9.6.9 1.5 1.4 2.7 1.4q2.3 0 3.2-1.6v-7.7q-1-1.6-3.2-1.7-1.7 0-2.7 1.5c-.7 1-1 2.4-1 4.2zM208.1 115.5q-4 0-6.5-2.5c-1.7-1.6-2.6-3.8-2.6-6.5v-.5q0-2.7 1.1-4.9 1.1-2.1 3-3.3 2-1.2 4.5-1.2 3.7 0 5.9 2.4 2.1 2.3 2.1 6.6v2H204c.2 1.2.7 2.2 1.4 2.9q1.2 1.1 3.1 1.1 2.8 0 4.4-2.1l2.4 2.7c-.8 1-1.7 1.8-3 2.4-1.2.6-2.7.9-4.2.9zm-.5-15q-1.5 0-2.4 1-.9 1-1.1 2.8h6.8v-.4q-.1-1.6-.9-2.5-.9-.9-2.4-.9z"})),M||(M=u.createElement("path",{d:"m222.9 97 .1 2.1q2-2.5 5.2-2.5c2 0 3.4.6 4.4 1.7.9 1.1 1.4 2.8 1.4 5.1v11.7h-4.9v-11.6q0-1.6-.6-2.2-.7-.7-2.3-.8c-1.4 0-2.4.6-3.1 1.8v12.8h-4.8V96.9h4.6zM245.3 111.5q1.3 0 2.2-.7.8-.8.9-2h4.5c0 1.3-.3 2.4-1 3.4q-1 1.5-2.7 2.4-1.7.8-3.8.8-3.9 0-6.1-2.5-2.3-2.4-2.3-6.8v-.3q0-4.2 2.3-6.7 2.2-2.5 6.1-2.5 3.4 0 5.5 1.9c1.4 1.3 2.1 3 2.1 5.2h-4.5c-.1-1-.4-1.7-.9-2.3q-.9-.9-2.3-.9-1.7 0-2.5 1.2-.9 1.3-.9 4.1v.4q0 2.9.9 4.1c.5.8 1.3 1.2 2.5 1.2zM262.5 108.2l3.4-11.3h5.2l-7.3 21-.4 1c-1.1 2.3-2.9 3.5-5.4 3.5q-1.1 0-2.2-.3v-3.7h.8q1.3 0 2-.4t1.1-1.4l.6-1.5-6.4-18.2h5.2z"})))};var q,k,y,V,E,z,H,O,L,x,T;function D(){return D=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return u.createElement("svg",D({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 350 129",width:350,height:129,"aria-labelledby":e},l),c?u.createElement("title",{id:e},c):null,q||(q=u.createElement("style",null,".white{fill:#fff}")),k||(k=u.createElement("path",{className:"white",d:"M62.4 95.3c-4.1 0-7.9-.9-11.5-2.5l4.1-7.5c2.3 1 4.8 1.5 7.4 1.5 11.1 0 20-9.5 20-21.2 0-6.7-3.3-12.4-7.9-16.3l4.4-7.8c1.2.9 2.3 1.9 3.4 3 5.3 5.6 8.2 13.1 8.2 21.1 0 16.4-12.6 29.7-28.1 29.7zM69.9 46.5l-.2.2-.3-.1c-.5-.3-1-.5-1.6-.7q-.7-.2-1.5-.4l-.2-.1-.1-.3c-2.5-9.5 1.8-24.7 10.1-36 1.6-2.2 3.3-4.1 5-5.8l.6-.5.1.8q.7 3.6.8 7.7c.1 14.2-5.2 29-12.7 35.2zM58.6 7.5c6.1 12.6 7.5 28.4 3.3 37.5l-.1.2h-.3c-.5.1-1.1.1-1.7.2q-.7.1-1.5.4H58l-.1-.2c-6.3-7.4-8.8-23-6.1-37 .6-2.7 1.3-5.3 2.1-7.6l.3-.8.5.7c1.4 1.9 2.7 4.2 3.9 6.6zM53.3 47.4v.3l-.2.1q-.8.5-1.5 1-.7.4-1.2 1l-.2.2-.3-.1C41.2 46.1 32.4 33.3 29 19.5q-1-4.1-1.3-7.8l-.1-.8.7.3c2.1 1.1 4.2 2.5 6.3 4.1 10.7 8.5 18.6 22 18.7 32.1zM8.7 33.5l-.4-.7h.8c2.2 0 4.7.3 7.3.8 13.2 2.5 25.9 11 30.1 20l.1.2-.1.2c-.4.5-.7 1.1-.9 1.6q-.4.7-.7 1.5l-.1.2-.3.1c-9.4.7-22.6-6.7-31.5-17.5-1.7-2.1-3.2-4.2-4.3-6.4zM7.2 65.6c-2.4-1-4.6-2.3-6.6-3.6l-.6-.5.7-.3c2-1.1 4.4-2 6.8-2.8 13-3.8 27.9-2.2 35.5 3.9l.2.2v.3c-.1.6-.2 1.2-.2 1.8v1.6l.1.3-.3.1c-8.1 5-23 4.6-35.6-1zM12.7 91.6q-3.9.3-7.4-.1l-.8-.1.5-.7c1.4-2 3.1-3.9 5-5.7 10-9.4 24-15 33.4-13.1l.2.1.1.3q.3.8.6 1.7c.2.5.4.9.7 1.4l.1.3-.1.2c-5.2 8.3-18.7 14.9-32.3 15.7zM50.8 82.6l.2.2v.3c-1.2 9.8-10.6 22.1-22.4 29.2-2.3 1.3-4.6 2.5-6.8 3.3l-.7.3.1-.9c.5-2.4 1.2-4.9 2.2-7.4 4.9-13.2 15.2-24.7 24.4-27.4h.3l.2.2q.6.7 1.2 1.3c.4.3.8.6 1.3.9z"})),y||(y=u.createElement("path",{className:"white",d:"M102.5 75.8c-.7 3.2-.2 1.5-1.2 4.5 3.2 2.1 7.7 5.3 10.5 8.3 1.5 1.6 2.9 3.3 4 4.9q-1.8 4-4.2 7.6c-1.9-.1-4.1-.6-6.2-1.1-3.9-1-8.8-3.5-12.1-5.3-2 2.4-.9 1.2-3.1 3.4 1.9 3.4 4.4 8.5 5.6 12.5.6 2.1 1.1 4.2 1.4 6.1-2.3 1.7-4.7 3.3-7.2 4.7-1.6-1-3.4-2.4-4.9-3.9-3-2.8-6.2-7.5-8.4-10.8-2.9 1.2-1.3.8-4.2 1.6.1 3.9.1 9.7-.7 13.8-.3 2-.8 4.3-1.4 6-2.7.4-8.5.6-8.7.6-.8-1.6-1.6-3.8-2.3-5.8-1.4-4-2.2-9.7-2.6-13.7-3.1-.4-1.5 0-4.4-.8-1.7 3.6-4.2 8.7-6.7 11.9-1.3 1.6-2.6 3-3.9 4.3q-3.1-1.2-6.1-2.8l13-23.7c4.2 1.9 8.9 3 13.6 3 9 0 17.5-3.7 23.8-10.4C92.5 84 96 75 96 65.5s-3.5-18.4-9.9-25.1q-1.8-2-3.9-3.6l12.9-23.5c1.9 1.3 3.7 2.7 5.5 4.3-.4 2-.8 3.8-1.6 6-1.3 4-4.2 8.9-6.3 12.2 2.2 2.4 1.2 1.1 2.9 3.6 3.5-1.6 8.5-3.8 12.4-4.5 2.1-.5 4.1-.7 6-.7q2.1 3.8 3.6 7.9c-1.2 1.6-2.6 3.2-4.2 4.8-2.9 2.8-7.7 5.7-11 7.6.9 3.2.5 1.5 1 4.6 3.7.3 9.1.9 12.9 2.1 2 .7 4 1.6 5.7 2.5 0 .7 0 6.4-.2 8.7-1.8.8-3.9 1.5-6.1 2.1-3.8 1.1-9.3 1.2-13.2 1.3zM171.9 29.4h-9.7v6.5h11.4V40h-16.5V15.5h16.5v4.1h-11.4v5.8h9.7zM186.9 38.1q-1.8 2.2-5 2.2-2.9 0-4.5-1.6-1.5-1.7-1.5-5V21.8h4.8v11.8q0 2.8 2.6 2.8 2.4 0 3.4-1.7V21.8h4.9V40H187zM205.5 26.4q-1-.2-1.7-.2-2.8 0-3.7 1.9V40h-4.8V21.8h4.6l.1 2.2c1-1.7 2.4-2.5 4.1-2.5q.8 0 1.5.2z"})),V||(V=u.createElement("path",{fillRule:"evenodd",className:"white",d:"M206.5 30.7q0-2.7 1-4.8 1.1-2.1 3-3.3c1.3-.7 2.8-1.1 4.6-1.1 2.4 0 4.5.7 6 2.2 1.6 1.5 2.4 3.6 2.6 6.1V31q0 4.2-2.3 6.7c-1.6 1.7-3.7 2.6-6.3 2.6q-4 0-6.3-2.6c-1.6-1.6-2.4-3.9-2.4-6.8v-.2zm4.9.4q0 2.6 1 3.9c.6 1 1.6 1.4 2.8 1.4q1.7 0 2.8-1.3 1-1.4 1-4.3 0-2.6-1-4t-2.8-1.4q-1.8 0-2.8 1.4-1 1.4-1 4.3zM243.2 31.1q0 4.2-2 6.7c-1.3 1.7-3 2.5-5.1 2.5q-2.8 0-4.5-1.9V47h-4.9V21.8h4.5l.2 1.8q1.8-2.1 4.6-2.1 3.4 0 5.3 2.5 1.8 2.4 1.9 6.8zm-4.9-.4c0-1.7-.3-2.9-.9-3.9-.6-.9-1.5-1.3-2.6-1.3-1.6 0-2.6.5-3.2 1.7v7.4q.9 1.8 3.2 1.8c2.3 0 3.5-1.9 3.5-5.7zM254.6 40.3q-4 0-6.6-2.4c-1.6-1.6-2.5-3.8-2.5-6.5v-.5q0-2.7 1.1-4.9 1-2.2 3-3.3 1.9-1.2 4.4-1.2 3.8 0 5.9 2.4 2.2 2.3 2.2 6.6v2h-11.6c.1 1.2.6 2.1 1.4 2.9q1.2 1 3 1 2.8 0 4.4-2l2.4 2.7c-.7 1-1.7 1.8-2.9 2.4-1.4.5-2.7.8-4.2.8zm-.6-14.9q-1.4 0-2.3 1-1 1-1.2 2.8h6.8v-.4q-.1-1.6-.9-2.5-.9-.9-2.4-.9zM275.4 40c-.2-.4-.4-1-.5-1.7q-1.8 2-4.6 2-2.7 0-4.5-1.6-1.7-1.5-1.7-3.9 0-2.8 2.1-4.4 2.2-1.5 6.3-1.6h2.2v-1q0-1.3-.6-2-.7-.7-2.1-.7-1.2 0-1.9.6-.7.5-.7 1.6h-4.9q0-1.6 1-3 .9-1.3 2.7-2c1.2-.5 2.6-.8 4-.8q3.4 0 5.4 1.7c1.3 1.1 2 2.7 2 4.7v7.9c0 1.7.2 3 .7 3.9v.3zm-4-3.4c.7 0 1.4-.1 2-.5q.9-.5 1.3-1.3v-3.1h-1.8q-3.7 0-3.9 2.5v.3q0 .9.7 1.5.5.6 1.7.6z"})),E||(E=u.createElement("path",{className:"white",d:"m287.8 21.8.1 2.1q2-2.4 5.3-2.4c1.9 0 3.3.5 4.3 1.7.9 1.1 1.4 2.8 1.4 5V40H294V28.4q.1-1.6-.6-2.3-.7-.7-2.3-.7c-1.4 0-2.3.6-3.1 1.7v12.8h-4.8V21.8h4.6zM171.9 66.9h-9.7v6.6h11.4v4h-16.5V53.1h16.5v4.1h-11.4V63h9.7zM180.7 59.4l.2 2.1q1.9-2.5 5.2-2.5c1.9 0 3.4.6 4.3 1.7 1 1.2 1.4 2.9 1.5 5.1v11.7H187V65.9q0-1.5-.7-2.2-.7-.7-2.2-.7c-1.4 0-2.4.5-3.1 1.7v12.8h-4.9V59.4h4.6zM202.4 71.6l3.4-12.2h5.1l-6.2 18.1H200l-6.1-18.1h5.1zM213 54.7c0-.8.2-1.3.7-1.8.5-.5 1.1-.7 2-.7q1.2 0 2 .7.7.7.7 1.8t-.7 1.8q-.8.7-2 .7t-2-.7q-.7-.7-.7-1.8zm.3 4.7h4.8v18.1h-4.8zM232.4 63.9q-1-.1-1.8-.1-2.7 0-3.6 1.9v11.8h-4.9V59.4h4.6l.2 2.2c.9-1.7 2.3-2.6 4-2.6q.8 0 1.5.3z"})),z||(z=u.createElement("path",{fillRule:"evenodd",className:"white",d:"M233.4 68.3q0-2.7 1-4.8 1.1-2.2 3-3.3c1.3-.8 2.8-1.2 4.6-1.2 2.4 0 4.5.8 6 2.3 1.6 1.5 2.4 3.5 2.6 6.1v1.2q0 4.2-2.3 6.7c-1.6 1.7-3.7 2.5-6.3 2.5q-4 0-6.3-2.5c-1.6-1.7-2.4-4-2.4-6.8v-.2zm4.9.3q0 2.6 1 4c.6.9 1.6 1.4 2.8 1.4q1.7 0 2.8-1.3 1-1.4.9-4.4.1-2.5-.9-3.9-1.1-1.4-2.9-1.4-1.7 0-2.7 1.4-1 1.3-1 4.2z"})),H||(H=u.createElement("path",{className:"white",d:"m258.1 59.4.2 2.1q1.9-2.5 5.2-2.5c1.9 0 3.4.6 4.3 1.7 1 1.2 1.4 2.9 1.5 5.1v11.7h-4.9V65.9q0-1.5-.7-2.2-.7-.7-2.2-.7c-1.4 0-2.4.5-3.1 1.7v12.8h-4.9V59.4h4.6zM277.5 59.4l.2 2q1.9-2.4 5.2-2.4 3.5 0 4.8 2.8 1.9-2.8 5.5-2.8 3 0 4.4 1.8 1.5 1.7 1.5 5.2v11.5h-4.9V66q0-1.6-.6-2.3-.6-.7-2.1-.7-2.2 0-3.1 2.1v12.4h-4.8V66q0-1.6-.7-2.3-.6-.7-2.1-.7-2.1 0-3 1.7v12.8h-4.9V59.4z"})),O||(O=u.createElement("path",{fillRule:"evenodd",className:"white",d:"M311.2 77.9q-4 0-6.5-2.4c-1.7-1.7-2.5-3.9-2.5-6.6v-.4q0-2.7 1-4.9 1.1-2.2 3.1-3.4 1.9-1.1 4.4-1.1 3.7 0 5.9 2.3 2.1 2.4 2.1 6.7v2h-11.6c.2 1.1.7 2.1 1.5 2.8q1.1 1.1 3 1.1 2.8 0 4.4-2l2.4 2.6c-.8 1.1-1.7 1.9-3 2.4-1.2.6-2.7.9-4.2.9zm-.5-14.9q-1.5 0-2.4 1c-.6.6-1 1.6-1.1 2.8h6.7v-.4q0-1.6-.9-2.5-.8-.9-2.3-.9z"})),L||(L=u.createElement("path",{className:"white",d:"m326 59.4.1 2.1q2-2.5 5.2-2.5c1.9 0 3.4.6 4.3 1.7 1 1.2 1.5 2.9 1.5 5.1v11.7h-4.9V65.9q0-1.5-.7-2.2-.7-.7-2.2-.7c-1.4 0-2.4.5-3.1 1.7v12.8h-4.9V59.4h4.7zM346.6 54.9v4.5h3.2v3.5h-3.2V72q0 1 .4 1.5.4.4 1.5.4c.5 0 1 0 1.4-.1v3.7c-.9.3-1.9.4-2.9.4q-5.1 0-5.3-5.1V63h-2.6v-3.6h2.6v-4.5z"})),x||(x=u.createElement("path",{fillRule:"evenodd",className:"white",d:"M171 110.1h-8.8l-1.7 5h-5.4l9.1-24.4h4.7l9.2 24.4h-5.4zm-7.5-4.1h6.1l-3.1-9.1zM179.3 105.9q0-4.2 2-6.7c1.3-1.7 3.2-2.6 5.4-2.6q3 0 4.7 2.1l.2-1.7h4.4v17.5q0 2.4-1.1 4.2-1.1 1.7-3.1 2.6c-1.3.7-2.8 1-4.6 1-1.4 0-2.6-.3-3.9-.8q-1.9-.8-2.9-2.1l2.2-2.9q1.8 2 4.4 2c1.3 0 2.3-.3 3-1q1.1-1 1.1-3v-.9c-1.2 1.3-2.6 1.9-4.5 1.9-2.2 0-3.9-.9-5.3-2.6q-2-2.5-2-6.8v-.2zm4.9.3c0 1.7.3 3 1 3.9.6.9 1.5 1.4 2.7 1.4q2.3 0 3.2-1.6v-7.7q-1-1.6-3.2-1.7-1.7 0-2.7 1.5c-.7 1-1 2.4-1 4.2zM208.1 115.5q-4 0-6.5-2.5c-1.7-1.6-2.6-3.8-2.6-6.5v-.5q0-2.7 1.1-4.9 1.1-2.1 3-3.3 2-1.2 4.5-1.2 3.7 0 5.9 2.4 2.1 2.3 2.1 6.6v2H204c.2 1.2.7 2.2 1.4 2.9q1.2 1.1 3.1 1.1 2.8 0 4.4-2.1l2.4 2.7c-.8 1-1.7 1.8-3 2.4-1.2.6-2.7.9-4.2.9zm-.5-15q-1.5 0-2.4 1-.9 1-1.1 2.8h6.8v-.4q-.1-1.6-.9-2.5-.9-.9-2.4-.9z"})),T||(T=u.createElement("path",{className:"white",d:"m222.9 97 .1 2.1q2-2.5 5.2-2.5c2 0 3.4.6 4.4 1.7.9 1.1 1.4 2.8 1.4 5.1v11.7h-4.9v-11.6q0-1.6-.6-2.2-.7-.7-2.3-.8c-1.4 0-2.4.6-3.1 1.8v12.8h-4.8V96.9h4.6zM245.3 111.5q1.3 0 2.2-.7.8-.8.9-2h4.5c0 1.3-.3 2.4-1 3.4q-1 1.5-2.7 2.4-1.7.8-3.8.8-3.9 0-6.1-2.5-2.3-2.4-2.3-6.8v-.3q0-4.2 2.3-6.7 2.2-2.5 6.1-2.5 3.4 0 5.5 1.9c1.4 1.3 2.1 3 2.1 5.2h-4.5c-.1-1-.4-1.7-.9-2.3q-.9-.9-2.3-.9-1.7 0-2.5 1.2-.9 1.3-.9 4.1v.4q0 2.9.9 4.1c.5.8 1.3 1.2 2.5 1.2zM262.5 108.2l3.4-11.3h5.2l-7.3 21-.4 1c-1.1 2.3-2.9 3.5-5.4 3.5q-1.1 0-2.2-.3v-3.7h.8q1.3 0 2-.4t1.1-1.4l.6-1.5-6.4-18.2h5.2z"})))},N={toc:[{value:"EEA LOGO",id:"eea-logo",children:[],level:3},{value:"EEA LOGO - Dark version",id:"eea-logo---dark-version",children:[],level:3}]},C="wrapper";function R(h){let{components:c,...l}=h;return(0,f.kt)(C,(0,p.Z)({},N,l,{components:c,mdxType:"MDXLayout"}),(0,f.kt)("h3",{id:"eea-logo"},"EEA LOGO"),(0,f.kt)("p",null," To ensure consistency, it is important that the EEA logo appears only in the colours specified in these guidelines."),(0,f.kt)("p",null," When applying the logo to images ensure that it is against a light, uncluttered background."),(0,f.kt)("div",{className:"thematicLogoWrapper"},(0,f.kt)(w,{mdxType:"EEALogo"})),(0,f.kt)("p",null,"To ensure logo's integrity and visibility, it must always be kept clear of competing text, images or graphic elements. It must be surrounded by a minimum clear space \u03bff 16px as indicated below. "),(0,f.kt)("p",null,(0,f.kt)("img",{src:e(6361).Z})),(0,f.kt)("h3",{id:"eea-logo---dark-version"},"EEA LOGO - Dark version"),(0,f.kt)("p",null,"The only time the white version of the EEA logo appears on is against the dark background of the footer. "),(0,f.kt)("div",{className:"thematicLogoWrapper dark"},(0,f.kt)(j,{mdxType:"EEALogoDark"})))}R.isMDXComponent=!0;var P,I,A,F;e(7521);function W(){return W=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return u.createElement("svg",W({width:414,height:124,viewBox:"0 0 414 124",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?u.createElement("title",{id:e},c):null,P||(P=u.createElement("path",{d:"m36.633 104.886-2.009-6.224-2.008 6.224H26.04l5.296 3.72-1.972 6.408 5.26-4.014 5.295 4.051-2.008-6.298 5.076-3.867h-6.355ZM62.894 111.847l-2.009-6.077-2.009 6.077-6.538.184 5.296 3.683-2.008 6.224 5.259-3.867 5.296 4.051-2.009-6.298 5.04-3.977h-6.318ZM89.008 104.886l-1.826-6.224-2.155 6.224H78.6l5.15 3.72-2.009 6.371L87.146 111l5.368 4.051-2.227-6.298 5.076-3.867h-6.355ZM17.422 85.515l-1.826-6.077-2.192 6.077H7.05l5.077 3.83-1.972 6.224 5.405-3.83 5.333 4.087-2.228-6.334 5.076-3.977h-6.318ZM8.51 65.26l5.332 4.087-2.19-6.334 5.04-3.978h-6.32L8.548 52.96l-2.192 6.076L0 59.22l5.077 3.646-1.972 6.224 5.405-3.83ZM34.624 7.402l-2.008 6.077h-6.538l5.26 3.83-2.01 6.298 5.296-4.051 5.296 4.05-2.008-6.297 5.076-3.83h-6.355l-2.009-6.077ZM15.596 26.627l-2.192 6.076H7.05l5.077 3.83-2.009 6.261 5.442-4.014 5.333 4.088-2.228-6.335 5.113-3.83h-6.355l-1.826-6.076ZM60.885 0l-2.009 6.077-6.538.184 5.296 3.646-2.008 6.224 5.259-3.83 5.296 4.05-2.009-6.297 5.04-4.014h-6.318L60.885 0ZM87.182 7.402l-2.155 6.077h-6.392l5.114 3.83-2.009 6.26 5.406-4.013 5.368 4.088-2.227-6.335 5.076-3.83h-6.355l-1.826-6.077Z",fill:"#F4CF00"})),I||(I=u.createElement("path",{d:"M224.438 78.407c-1.68 0-3.36-.332-4.894-1.031a11.732 11.732 0 0 1-3.872-2.836 13.107 13.107 0 0 1-2.52-4.309 15.838 15.838 0 0 1-.913-5.377c0-1.804.256-3.609.84-5.303a13.1 13.1 0 0 1 2.374-4.309c.986-1.178 2.228-2.173 3.616-2.836a9.917 9.917 0 0 1 4.602-1.03c1.717 0 3.397.404 4.894 1.288a8.715 8.715 0 0 1 3.361 3.462V41.689h7.889v27.29a2.91 2.91 0 0 0 .365 1.657c.329.368.803.553 1.315.59v6.702c-.621.147-1.242.258-1.863.332-.511.036-1.023.073-1.461.073a5.737 5.737 0 0 1-3.36-.847 3.27 3.27 0 0 1-1.461-2.504l-.146-1.326c-.84 1.547-2.155 2.799-3.726 3.61a11.117 11.117 0 0 1-5.003 1.178l-.037-.037Zm2.119-6.703a5.518 5.518 0 0 0 3.104-.957 6.234 6.234 0 0 0 2.301-2.652v-5.45a7.275 7.275 0 0 0-2.374-3.241 5.402 5.402 0 0 0-3.433-1.253c-.804 0-1.607.185-2.338.553a5.996 5.996 0 0 0-1.826 1.51c-.548.663-.95 1.4-1.205 2.173a8.022 8.022 0 0 0-.438 2.614c0 .921.146 1.805.474 2.689.293.773.731 1.51 1.279 2.136a5.846 5.846 0 0 0 1.972 1.4 5.648 5.648 0 0 0 2.484.478ZM245.658 48.908v-7.182h7.853v7.182h-7.853Zm0 29.02V51.891h7.853v26.037h-7.853ZM265.089 77.928l-9.131-26.037h8.108l5.625 19.666 5.698-19.666h7.341l-9.094 26.037h-8.547ZM296.646 78.407c-2.009 0-3.982-.331-5.844-1.068a13.068 13.068 0 0 1-4.383-2.91c-1.169-1.215-2.119-2.651-2.703-4.235a14.05 14.05 0 0 1-.95-5.045c0-1.805.293-3.61.95-5.34.584-1.62 1.534-3.13 2.703-4.383 1.242-1.289 2.703-2.32 4.346-2.983a14.653 14.653 0 0 1 5.881-1.105c2.008 0 3.981.332 5.843 1.105 1.644.663 3.105 1.694 4.31 2.946a12.357 12.357 0 0 1 2.666 4.272c.621 1.62.913 3.352.913 5.12 0 .478 0 .92-.036 1.362 0 .405-.073.774-.146 1.179H291.13c0 1.546.731 2.983 1.9 3.977a6.13 6.13 0 0 0 3.871 1.363 6.972 6.972 0 0 0 3.324-.847c.986-.48 1.753-1.29 2.118-2.284l6.684 1.879a12.164 12.164 0 0 1-4.712 5.008 14.448 14.448 0 0 1-7.669 1.952v.037Zm5.478-15.983c-.073-1.474-.73-2.873-1.79-3.941a5.327 5.327 0 0 0-3.798-1.436 5.21 5.21 0 0 0-3.799 1.473c-1.022 1.031-1.643 2.43-1.753 3.903H302.124ZM330.138 58.667c-1.753 0-3.507.331-5.187.958-1.388.478-2.556 1.436-3.36 2.688v15.615h-7.852V51.854h7.231v5.266c.804-1.62 1.973-3.056 3.433-4.124a7.771 7.771 0 0 1 4.456-1.547h.804s.329 0 .511.037v7.144l-.036.037ZM343.396 78.407c-2.192 0-4.383-.368-6.501-1.068-2.009-.626-3.835-1.694-5.406-3.094l2.812-4.861a21.614 21.614 0 0 0 4.602 2.541c1.352.553 2.813.884 4.31.884a4.434 4.434 0 0 0 2.374-.552c.548-.332.877-.958.84-1.584 0-.7-.402-1.363-1.059-1.657a16.655 16.655 0 0 0-3.725-1.326c-1.754-.479-3.215-.958-4.383-1.436a11.738 11.738 0 0 1-2.922-1.547c-.694-.479-1.242-1.179-1.607-1.952-.329-.81-.512-1.694-.475-2.578a8.201 8.201 0 0 1 2.958-6.408c.987-.81 2.082-1.4 3.288-1.805a11.87 11.87 0 0 1 4.09-.626c1.826 0 3.689.258 5.442.81 1.826.59 3.47 1.584 4.894 2.873l-3.031 4.75a23.244 23.244 0 0 0-3.945-2.246c-1.059-.441-2.191-.663-3.36-.7-.767 0-1.497.148-2.155.516-.913.553-1.168 1.768-.621 2.652.183.258.402.479.694.663 1.133.552 2.338.92 3.58 1.178 1.57.405 3.141.884 4.638 1.473 1.096.405 2.119.958 3.068 1.658a5.944 5.944 0 0 1 1.717 2.099 7.4 7.4 0 0 1 .548 2.836 7.546 7.546 0 0 1-2.849 6.15c-2.265 1.62-5.004 2.43-7.743 2.283l-.073.074ZM357.494 48.908v-7.182h7.889v7.182h-7.889Zm0 29.02V51.891h7.889v26.037h-7.889ZM387.042 76.529c-1.206.515-2.448.92-3.726 1.289-1.351.405-2.776.589-4.2.589-.95 0-1.863-.11-2.776-.368a6.228 6.228 0 0 1-2.301-1.179 5.36 5.36 0 0 1-1.534-2.173 8.192 8.192 0 0 1-.548-3.24v-13.59h-3.287v-6.003h3.287v-8.286h7.889v8.286h5.26v6.003h-5.26V68.72c-.073.663.183 1.363.621 1.841.439.406 1.023.59 1.607.59.621 0 1.242-.11 1.827-.295a21.104 21.104 0 0 0 1.607-.626l1.534 6.335v-.037ZM390 81.832c.584.22 1.205.368 1.826.516.512.073 1.023.147 1.571.147a2.76 2.76 0 0 0 2.228-.995c.694-1.068 1.168-2.283 1.424-3.572l-9.825-26.037h8.109l5.989 19.26 5.15-19.26h7.378l-9.825 30.272c-1.351 4.383-5.442 7.366-9.971 7.255a12.37 12.37 0 0 1-2.009-.184c-.694-.11-1.388-.331-2.045-.589v-6.813Z",fill:"#00A390"})),A||(A=u.createElement("path",{d:"M214.321 100.062v-12.3h1.534v12.3h-1.534ZM227.031 100.062h-1.497v-5.046c.036-.736-.11-1.473-.439-2.099a1.471 1.471 0 0 0-1.314-.663c-.329 0-.621.074-.913.184-.329.11-.621.295-.877.48a3.506 3.506 0 0 0-.731.736 3.332 3.332 0 0 0-.474.957v5.451h-1.498v-9.023h1.388v1.952c.365-.626.913-1.179 1.534-1.51a4.545 4.545 0 0 1 2.192-.59c.438 0 .876.074 1.278.295.329.184.621.479.803.81.22.369.366.774.439 1.216.073.478.146.994.146 1.51v5.377l-.037-.037ZM230.391 100.062v-7.845h-1.205V91.04h1.205v-.184c-.036-.92.22-1.879.731-2.652a2.416 2.416 0 0 1 2.009-.957c.365 0 .694.037 1.059.147.329.11.621.22.913.405l-.365 1.105s-.365-.221-.585-.295a2.27 2.27 0 0 0-.694-.11c-.438 0-.876.184-1.132.589a2.947 2.947 0 0 0-.402 1.657v.258h2.374v1.179h-2.374v7.844h-1.497l-.037.037ZM240.143 100.246a4.481 4.481 0 0 1-3.25-1.4 4.724 4.724 0 0 1-.913-1.473 5.01 5.01 0 0 1 0-3.572 4.724 4.724 0 0 1 .913-1.473c1.716-1.805 4.565-1.878 6.355-.184l.182.184c.402.442.694.92.914 1.473a5.02 5.02 0 0 1 0 3.572c-.439 1.105-1.279 2.026-2.375 2.505-.584.257-1.205.405-1.826.368Zm-2.958-4.64c0 .442.073.884.219 1.325.146.406.365.737.621 1.068.256.295.584.553.95.7a2.87 2.87 0 0 0 2.337 0c.365-.184.694-.442.95-.736.292-.332.511-.663.657-1.068.146-.442.219-.884.219-1.326 0-.442-.073-.884-.219-1.29a2.91 2.91 0 0 0-.657-1.067 3.156 3.156 0 0 0-.95-.737 2.58 2.58 0 0 0-1.169-.258c-.401 0-.803.074-1.168.258a3.143 3.143 0 0 0-.95.737c-.256.331-.475.663-.621 1.068a4.26 4.26 0 0 0-.219 1.362v-.036ZM252.013 92.365c-.693 0-1.387.22-2.008.589-.585.368-.986.884-1.242 1.547v5.561h-1.498v-9.023h1.388v2.1a4.394 4.394 0 0 1 1.206-1.51 3.26 3.26 0 0 1 1.607-.664h.511v1.4h.036ZM267.682 100.062h-1.497v-5.046c.036-.736-.11-1.473-.439-2.099a1.493 1.493 0 0 0-1.351-.663 2.28 2.28 0 0 0-1.644.663 3.644 3.644 0 0 0-1.022 1.731v5.451h-1.498v-5.046c.073-.736-.109-1.473-.438-2.099a1.493 1.493 0 0 0-1.351-.663c-.621 0-1.206.221-1.644.663-.511.442-.876 1.068-1.059 1.73v5.451h-1.498v-9.022h1.388v1.951a4.13 4.13 0 0 1 1.425-1.546 3.71 3.71 0 0 1 1.972-.553c.657 0 1.278.184 1.79.626.438.406.73.995.803 1.584.621-1.363 1.936-2.21 3.397-2.21.438 0 .913.074 1.315.295.329.184.621.479.84.81.219.368.365.774.438 1.215.11.48.146.995.146 1.51v5.414l-.073-.147ZM273.051 100.246a3.15 3.15 0 0 1-1.169-.221c-.365-.147-.694-.332-.949-.59a2.963 2.963 0 0 1-.621-.883 2.84 2.84 0 0 1-.219-1.105c0-.405.073-.773.255-1.142a2.98 2.98 0 0 1 .767-.884 3.6 3.6 0 0 1 1.206-.552 5.513 5.513 0 0 1 1.534-.22c.438 0 .876.036 1.315.11.401.073.803.184 1.168.331v-.737c.11-1.178-.767-2.246-1.935-2.357h-.439a4.78 4.78 0 0 0-2.849 1.068l-.511-.994a6.244 6.244 0 0 1 3.47-1.178 3.691 3.691 0 0 1 2.739.957c.694.7 1.059 1.694.986 2.689v3.682c0 .369.146.553.475.553v1.326h-.402s-.219.073-.328.036c-.256 0-.548-.073-.731-.257a1.153 1.153 0 0 1-.329-.663v-.626a4.318 4.318 0 0 1-1.57 1.252 4.51 4.51 0 0 1-1.936.442l.073-.037Zm.402-1.142c.511 0 1.023-.11 1.497-.294a2.123 2.123 0 0 0 1.06-.81c.182-.185.328-.406.328-.663V96.01a6.043 6.043 0 0 0-2.264-.442c-.658 0-1.278.147-1.826.478a1.438 1.438 0 0 0-.694 1.253c0 .478.182.957.548 1.289.182.147.401.294.62.368.256.11.512.147.767.147h-.036ZM285.433 99.62l-.366.184c-.146.074-.328.11-.511.184-.219.074-.402.111-.621.147a4.42 4.42 0 0 1-.694.074 2.42 2.42 0 0 1-1.424-.442c-.402-.331-.658-.884-.585-1.436v-6.077h-1.205v-1.178h1.205v-3.02h1.498v3.02h2.009v1.178h-2.009v5.598c0 .295.109.552.329.737.182.147.438.22.694.22.292 0 .547-.036.803-.147.183-.073.329-.147.511-.22l.366 1.215v-.037ZM287.551 89.345V87.43h1.497v1.915h-1.497Zm0 10.717v-9.023h1.497v9.023h-1.497ZM296.171 100.246c-1.242 0-2.411-.516-3.287-1.4a4.746 4.746 0 0 1-.914-1.473 5.02 5.02 0 0 1 0-3.572c.22-.552.512-1.031.914-1.473a4.423 4.423 0 0 1 1.424-1.031 4.497 4.497 0 0 1 1.826-.369c1.242 0 2.447.48 3.287 1.4.402.442.694.92.913 1.473a5.01 5.01 0 0 1 0 3.572 4.724 4.724 0 0 1-.913 1.474c-.402.441-.913.773-1.424 1.03-.585.258-1.205.406-1.826.369Zm-2.959-4.677c0 .442.073.884.219 1.326.146.405.366.736.621 1.068.256.294.585.552.95.7.73.33 1.57.33 2.301 0 .365-.185.694-.443.949-.737.293-.332.512-.663.658-1.068.146-.442.219-.884.219-1.326 0-.442-.073-.884-.219-1.289a2.9 2.9 0 0 0-.658-1.068 3.137 3.137 0 0 0-.949-.737 2.578 2.578 0 0 0-1.169-.257c-.402 0-.803.073-1.169.257a3.137 3.137 0 0 0-.949.737c-.256.331-.475.663-.621 1.068-.146.442-.256.884-.219 1.363l.036-.037ZM311.036 100.062h-1.498v-5.046a4.096 4.096 0 0 0-.438-2.099 1.472 1.472 0 0 0-1.315-.663c-.329 0-.621.074-.913.184-.329.11-.621.295-.876.48a3.46 3.46 0 0 0-.731.736 3.361 3.361 0 0 0-.475.957v5.451h-1.497v-9.023h1.388v1.952c.365-.626.876-1.179 1.534-1.51a4.538 4.538 0 0 1 2.191-.59c.438 0 .877.074 1.278.295.329.184.621.479.841.81.219.369.365.774.438 1.216.073.478.146.994.146 1.51v5.413l-.073-.073ZM325.828 90.34s-.329-.332-.548-.48c-.256-.147-.511-.294-.767-.405a7.143 7.143 0 0 0-.95-.294 4.904 4.904 0 0 0-1.059-.11 3.037 3.037 0 0 0-2.082.552c-.438.368-.693.92-.657 1.473 0 .294.073.589.183.847.146.22.365.442.584.552.329.184.657.295 1.023.405.401.11.876.221 1.424.369.584.11 1.132.294 1.717.478.475.148.913.369 1.315.663.365.258.62.59.84.958.182.442.292.92.292 1.4 0 .515-.11 1.067-.329 1.546-.219.442-.548.81-.95 1.068a4.258 4.258 0 0 1-1.387.626 7.175 7.175 0 0 1-1.754.221 8.096 8.096 0 0 1-2.666-.442 7.884 7.884 0 0 1-2.301-1.289l.731-1.326c.219.221.438.406.694.59.328.22.657.405.986.515.402.147.803.295 1.205.368.438.111.877.148 1.351.148.694.037 1.425-.11 2.009-.479a1.56 1.56 0 0 0 .731-1.4c0-.294-.073-.626-.219-.883a2.133 2.133 0 0 0-.658-.626 5.685 5.685 0 0 0-1.096-.442c-.438-.148-.949-.258-1.497-.405a27.592 27.592 0 0 1-1.644-.48c-.438-.147-.803-.368-1.168-.625a2.324 2.324 0 0 1-.694-.884 2.952 2.952 0 0 1-.256-1.252c0-.553.11-1.068.329-1.547.219-.442.511-.847.913-1.142.402-.331.876-.552 1.388-.7a7.141 7.141 0 0 1 1.753-.22c.767 0 1.497.11 2.228.368.657.22 1.242.59 1.753 1.031l-.731 1.289-.036-.037ZM329.59 102.492s.292.037.438.037h.329s.256 0 .365-.11a1.05 1.05 0 0 0 .329-.368c.146-.258.255-.516.365-.774.146-.331.292-.773.511-1.289l-3.798-9.023h1.57l3.068 7.66 2.776-7.66h1.461l-4.383 11.417a2.842 2.842 0 0 1-.803 1.068 2.284 2.284 0 0 1-1.534.442h-.329s-.256-.037-.402-.074v-1.399l.037.073ZM342.191 100.246a6.9 6.9 0 0 1-2.119-.331 4.323 4.323 0 0 1-1.79-.995l.658-1.031c.475.368 1.023.7 1.57.92.548.222 1.096.295 1.681.295.547 0 1.095-.11 1.57-.368.365-.221.584-.663.584-1.105 0-.184-.036-.405-.146-.552-.109-.184-.292-.295-.474-.405-.256-.148-.512-.221-.804-.295-.329-.074-.694-.184-1.132-.295-.548-.147-1.023-.257-1.388-.405a4.45 4.45 0 0 1-.95-.442c-.219-.147-.438-.368-.548-.626a2.561 2.561 0 0 1-.182-.884c0-.81.328-1.583.986-2.099a3.085 3.085 0 0 1 1.096-.552c.438-.11.876-.184 1.351-.184.657 0 1.278.11 1.899.331a4.472 4.472 0 0 1 1.461.847l-.694.92a3.421 3.421 0 0 0-1.278-.736 3.947 3.947 0 0 0-1.461-.258c-.475 0-.986.11-1.388.369-.402.258-.621.663-.584 1.141 0 .184 0 .369.109.516a.884.884 0 0 0 .365.368c.22.11.439.221.658.295.256.073.584.184.95.258.584.147 1.095.294 1.57.405.402.11.767.294 1.096.515.584.332.913.995.876 1.658 0 .773-.328 1.546-.949 2.025-.767.516-1.644.774-2.557.7h-.036ZM352.929 99.62l-.366.184c-.146.074-.328.11-.511.184-.219.074-.402.111-.621.147a4.42 4.42 0 0 1-.694.074c-.511 0-1.023-.147-1.424-.442-.402-.331-.658-.884-.585-1.436v-6.077h-1.205v-1.178h1.205v-3.02h1.498v3.02h2.009v1.178h-2.009v5.598c0 .295.109.552.329.737.182.147.438.22.693.22.293 0 .548-.036.804-.147.183-.073.329-.147.511-.22l.366 1.215v-.037ZM358.809 100.246c-.621 0-1.279-.111-1.863-.368a4.486 4.486 0 0 1-1.461-.995 5.022 5.022 0 0 1-.95-1.51 5.091 5.091 0 0 1-.328-1.804c0-.626.109-1.216.328-1.805.22-.552.548-1.031.95-1.473a3.98 3.98 0 0 1 1.461-.994c.584-.258 1.205-.369 1.863-.369 1.862 0 3.506 1.105 4.163 2.873.22.552.329 1.142.329 1.73V96.122h-7.451c0 .442.146.847.293 1.216.328.7.876 1.252 1.607 1.583.328.147.73.221 1.095.221.256 0 .548-.037.804-.11.255-.074.511-.184.73-.295.219-.11.439-.295.621-.479a1.66 1.66 0 0 0 .402-.626l1.315.368a3.13 3.13 0 0 1-.621.921 3.208 3.208 0 0 1-.877.7c-.365.22-.73.368-1.132.479-.402.11-.84.147-1.278.147Zm3.068-5.303c0-.405-.146-.81-.329-1.179-.146-.331-.402-.663-.657-.92a3.076 3.076 0 0 0-2.082-.81c-.402 0-.767.073-1.132.22a2.667 2.667 0 0 0-.95.626c-.256.258-.511.59-.658.921-.182.368-.255.773-.292 1.178h6.063l.037-.036ZM379.299 100.062h-1.498v-5.046a4.095 4.095 0 0 0-.438-2.099 1.495 1.495 0 0 0-1.352-.663c-.62 0-1.205.221-1.643.663a3.713 3.713 0 0 0-1.059 1.731v5.451h-1.498v-5.046c.073-.736-.109-1.473-.438-2.099a1.494 1.494 0 0 0-1.351-.663c-.621 0-1.206.221-1.644.663-.511.442-.877 1.068-1.059 1.73v5.451h-1.498v-9.022h1.388v1.951c.329-.626.804-1.178 1.425-1.546a3.71 3.71 0 0 1 1.972-.553c.657 0 1.315.184 1.79.626.438.406.73.995.803 1.584a3.734 3.734 0 0 1 3.433-2.21c.439 0 .877.074 1.279.295.328.184.621.442.84.81.219.368.365.774.438 1.215.11.48.146.995.146 1.51v5.414l-.036-.147ZM214.54 118.476v-7.845h-1.205v-1.178h1.205v-.184a4.075 4.075 0 0 1 .731-2.652 2.415 2.415 0 0 1 2.009-.957c.365 0 .693.036 1.059.147.328.11.621.221.913.405l-.365 1.105s-.366-.221-.585-.295a2.296 2.296 0 0 0-.694-.11c-.438 0-.876.184-1.132.552a2.947 2.947 0 0 0-.402 1.657v.258h2.374v1.179h-2.374v7.844h-1.497l-.037.074ZM224.292 118.66c-1.242 0-2.411-.516-3.287-1.4a4.706 4.706 0 0 1-.913-1.473 5.009 5.009 0 0 1 0-3.572 4.73 4.73 0 0 1 .913-1.473c1.716-1.805 4.565-1.878 6.355-.184l.183.184c.401.442.694.921.913 1.473a5.02 5.02 0 0 1 0 3.572c-.439 1.105-1.279 2.026-2.374 2.505-.585.257-1.206.405-1.827.368h.037Zm-2.958-4.64c0 .442.073.883.219 1.325.146.406.365.737.621 1.068.255.295.584.553.949.7a2.868 2.868 0 0 0 2.338 0c.365-.184.694-.442.949-.736.293-.295.512-.663.658-1.068.146-.442.219-.884.219-1.326 0-.442-.073-.884-.219-1.289a2.894 2.894 0 0 0-.658-1.068 3.13 3.13 0 0 0-.949-.737 2.58 2.58 0 0 0-1.169-.258 2.58 2.58 0 0 0-1.169.258 3.13 3.13 0 0 0-.949.737c-.256.331-.475.663-.621 1.068a4.26 4.26 0 0 0-.219 1.362v-.036ZM236.162 110.779c-.694 0-1.388.221-2.009.589-.584.368-.986.884-1.241 1.547v5.561h-1.498v-9.023h1.388v2.099a4.404 4.404 0 0 1 1.205-1.51 3.273 3.273 0 0 1 1.607-.663h.512v1.4h.036ZM251.21 117.076v1.4h-8.291v-12.301h8.108v1.4h-6.574v3.977h5.734v1.289h-5.734v4.235h6.757ZM256.287 118.66c-.84.037-1.607-.295-2.119-.958a4.604 4.604 0 0 1-.73-2.835v-5.414h1.497v5.119c0 1.841.621 2.762 1.9 2.762.621 0 1.242-.221 1.753-.589a3.504 3.504 0 0 0 1.205-1.621v-5.671h1.498v7.145c0 .368.146.552.474.552v1.326h-.694a.915.915 0 0 1-.73-.221 1.146 1.146 0 0 1-.329-.663v-1.068a4.37 4.37 0 0 1-3.762 2.099l.037.037ZM269.326 110.779c-.694 0-1.388.221-2.009.589-.584.368-.986.884-1.242 1.547v5.561h-1.497v-9.023h1.388v2.099a4.392 4.392 0 0 1 1.205-1.51 3.27 3.27 0 0 1 1.607-.663h.511v1.4h.037ZM275.243 118.66c-1.242 0-2.448-.479-3.288-1.4a4.725 4.725 0 0 1-.913-1.473 5.02 5.02 0 0 1 0-3.572c.219-.552.548-1.031.913-1.473a4.505 4.505 0 0 1 6.355-.184l.183.184c.402.442.731.921.913 1.473a5.02 5.02 0 0 1 0 3.572 4.706 4.706 0 0 1-.913 1.473 4.437 4.437 0 0 1-1.424 1.032c-.585.257-1.206.405-1.826.368Zm-2.959-4.64c0 .442.073.883.219 1.325.146.406.366.737.621 1.068.256.295.585.553.95.7.73.332 1.57.332 2.337 0 .366-.184.694-.442.95-.736.292-.332.511-.663.657-1.068.146-.442.219-.884.219-1.326 0-.442-.073-.884-.219-1.289a2.905 2.905 0 0 0-.657-1.068 3.135 3.135 0 0 0-.95-.737 2.58 2.58 0 0 0-1.168-.258 2.58 2.58 0 0 0-1.169.258 3.147 3.147 0 0 0-.95.737 3.144 3.144 0 0 0-.621 1.068c-.146.442-.255.884-.219 1.362v-.036ZM287.149 118.66a3.712 3.712 0 0 1-1.972-.552 4.474 4.474 0 0 1-1.351-1.4v5.487h-1.498V109.49h1.351v1.694c.366-.553.841-.994 1.388-1.363.585-.331 1.206-.515 1.863-.515.584 0 1.169.11 1.68.368.511.258.95.589 1.352 1.031.767.921 1.205 2.062 1.205 3.241 0 .626-.11 1.252-.292 1.841a4.184 4.184 0 0 1-.84 1.473c-.366.406-.767.774-1.279.995-.511.258-1.059.368-1.643.368l.036.037Zm-.475-1.326c.402 0 .84-.074 1.206-.294a2.65 2.65 0 0 0 .913-.774c.255-.331.475-.7.584-1.068.146-.405.219-.81.219-1.252 0-.884-.328-1.694-.876-2.357-.256-.295-.621-.552-.986-.737-.366-.184-.804-.257-1.206-.257-.292 0-.584.073-.84.147-.292.11-.584.258-.84.442a3.571 3.571 0 0 0-.657.626c-.183.221-.292.516-.365.773v2.578c.109.295.292.59.474.847a3.38 3.38 0 0 0 1.461 1.105c.293.111.585.184.913.184v.037ZM297.778 118.66c-.621 0-1.279-.111-1.863-.368a4.088 4.088 0 0 1-1.461-1.031 5.03 5.03 0 0 1-.95-1.51 5.097 5.097 0 0 1-.328-1.805c0-.626.109-1.215.328-1.805.694-1.767 2.374-2.909 4.237-2.872.621 0 1.279.11 1.863.368a4.352 4.352 0 0 1 2.301 2.468c.219.552.329 1.141.329 1.73v.553h-7.415c0 .442.146.847.292 1.215.147.369.402.663.658.958.256.258.584.479.95.626.328.147.73.221 1.095.221.256 0 .548-.037.804-.111a4.33 4.33 0 0 0 .73-.294c.219-.111.439-.295.621-.479.183-.184.329-.405.402-.626l1.315.368a3.127 3.127 0 0 1-.621.921 3.355 3.355 0 0 1-.877.736 4.34 4.34 0 0 1-1.132.479c-.402.111-.84.147-1.278.147v.111Zm3.068-5.303c0-.405-.146-.81-.329-1.179-.146-.331-.402-.663-.657-.92a3.038 3.038 0 0 0-3.215-.59 2.688 2.688 0 0 0-.949.626c-.256.258-.512.59-.658.921-.182.368-.255.773-.292 1.179h6.063l.037-.037Z",fill:"#666"})),F||(F=u.createElement("path",{d:"M153.838 56.052c.73-.736 1.132-1.73 1.022-2.762a3.612 3.612 0 0 0-.913-2.688c-.548-.626-1.351-.958-2.191-.958h-8.218v7.292h7.926c.876 0 1.716-.294 2.374-.884Zm-.986 7.292h-9.314v7.697h8.948c.987 0 1.936-.331 2.594-1.03a3.789 3.789 0 0 0 1.022-2.726c0-.995-.292-1.989-.949-2.762-.548-.737-1.425-1.142-2.374-1.142l.073-.037Zm40.979-5.193c-1.57 0-3.068.663-4.09 1.879a6.037 6.037 0 0 0-1.206 2.173 8.747 8.747 0 0 0-.438 2.762 7.49 7.49 0 0 0 1.607 4.935 5.238 5.238 0 0 0 4.127 1.841c.767 0 1.571-.147 2.265-.516a5.142 5.142 0 0 0 1.789-1.399 6.038 6.038 0 0 0 1.206-2.173 8.748 8.748 0 0 0 .438-2.762c.073-1.805-.475-3.536-1.607-4.935a5.165 5.165 0 0 0-4.091-1.841v.036ZM147.884 1.215c-33.638 0-60.885 27.51-60.885 61.393C87 96.49 114.246 124 147.884 124c33.639 0 60.885-27.474 60.885-61.392 0-33.882-27.246-61.393-60.885-61.393Zm-43.645 31.451 2.008-6.04 2.009 6.04h6.355l-5.113 3.867 2.009 6.298-5.296-4.051-5.296 4.051 2.009-6.298-5.077-3.867h6.392Zm7.304 63.124-5.296-4.051-5.259 3.83 2.009-6.224-5.077-3.867h6.355l2.009-6.04 2.009 6.04h6.318l-5.076 4.014 2.045 6.298h-.037Zm7.195-26.443-5.149-4.088-5.406 3.83 1.972-6.187-5.076-3.683 6.355-.184 2.191-6.076 1.826 6.04h6.319l-5.04 4.014 2.008 6.334Zm44.705 3.499a7.814 7.814 0 0 1-2.556 2.799c-1.169.773-2.447 1.362-3.799 1.694-1.497.368-3.031.59-4.565.59h-17.02V42.683h19.43c1.133 0 2.265.258 3.288.81a8.534 8.534 0 0 1 2.52 2.062 9.649 9.649 0 0 1 1.607 2.873c.365 1.068.584 2.173.548 3.314a9.808 9.808 0 0 1-1.242 4.751c-.84 1.51-2.192 2.689-3.762 3.388a9.108 9.108 0 0 1 4.748 3.168 9.542 9.542 0 0 1 1.753 5.855c0 1.363-.292 2.725-.913 3.94h-.037Zm12.966 5.082h-7.852V51.891h7.852v26.037Zm0-29.02h-7.852v-7.182h7.852v7.182Zm27.685 25.485a12.486 12.486 0 0 1-4.346 2.946 16.202 16.202 0 0 1-11.761 0 12.504 12.504 0 0 1-4.346-2.946 13.193 13.193 0 0 1-2.703-4.31 15.055 15.055 0 0 1 0-10.274 11.785 11.785 0 0 1 2.703-4.31 13.128 13.128 0 0 1 4.346-2.982 14.651 14.651 0 0 1 5.881-1.105 14.476 14.476 0 0 1 5.844 1.105c1.643.7 3.104 1.694 4.346 2.983 1.169 1.252 2.118 2.725 2.703 4.309.621 1.62.949 3.388.949 5.119 0 1.768-.292 3.499-.913 5.119-.584 1.62-1.497 3.057-2.666 4.309l-.037.037Z",fill:"#00A390"})))};var _;function S(){return S=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return u.createElement("svg",S({width:414,height:124,viewBox:"0 0 414 124",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?u.createElement("title",{id:e},c):null,_||(_=u.createElement("g",{fill:"#fff"},u.createElement("path",{d:"m36.633 104.886-2.009-6.224-2.008 6.224H26.04l5.296 3.72-1.972 6.408 5.26-4.014 5.295 4.051-2.008-6.298 5.076-3.867h-6.355ZM62.894 111.847l-2.009-6.077-2.009 6.077-6.537.184 5.295 3.683-2.008 6.224 5.26-3.867 5.295 4.051-2.009-6.298 5.04-3.977h-6.318ZM89.008 104.886l-1.826-6.224-2.155 6.224H78.6l5.15 3.72-2.009 6.371L87.146 111l5.368 4.051-2.227-6.298 5.076-3.867h-6.355ZM17.422 85.515l-1.826-6.077-2.192 6.077H7.05l5.077 3.83-1.972 6.224 5.405-3.83 5.333 4.087-2.228-6.334 5.076-3.977h-6.318ZM8.51 65.26l5.332 4.087-2.19-6.334 5.04-3.978h-6.32L8.548 52.96l-2.192 6.076L0 59.22l5.077 3.646-1.972 6.224 5.405-3.83ZM34.624 7.402l-2.008 6.077h-6.538l5.26 3.83-2.01 6.298 5.296-4.051 5.296 4.05-2.008-6.297 5.076-3.83h-6.355l-2.009-6.077ZM15.596 26.627l-2.192 6.076H7.05l5.077 3.83-2.009 6.261 5.442-4.014 5.333 4.088-2.228-6.335 5.113-3.83h-6.355l-1.826-6.076ZM60.885 0l-2.009 6.077-6.537.184 5.295 3.646-2.008 6.224 5.26-3.83 5.295 4.05-2.009-6.297 5.04-4.014h-6.318L60.885 0ZM87.182 7.402l-2.155 6.077h-6.392l5.114 3.83-2.009 6.26 5.406-4.013 5.368 4.088-2.227-6.335 5.076-3.83h-6.355l-1.826-6.077ZM224.438 78.407c-1.68 0-3.36-.332-4.894-1.031a11.732 11.732 0 0 1-3.872-2.836 13.107 13.107 0 0 1-2.52-4.309 15.838 15.838 0 0 1-.913-5.377c0-1.804.256-3.609.84-5.303a13.1 13.1 0 0 1 2.374-4.309c.986-1.178 2.228-2.173 3.616-2.836a9.917 9.917 0 0 1 4.602-1.03c1.717 0 3.397.404 4.894 1.288a8.715 8.715 0 0 1 3.361 3.462V41.689h7.889v27.29a2.91 2.91 0 0 0 .365 1.657c.329.368.803.553 1.315.59v6.702c-.621.147-1.242.258-1.863.332-.511.036-1.023.073-1.461.073a5.737 5.737 0 0 1-3.36-.847 3.27 3.27 0 0 1-1.461-2.504l-.146-1.326c-.84 1.547-2.155 2.799-3.726 3.61a11.117 11.117 0 0 1-5.003 1.178l-.037-.037Zm2.119-6.703a5.518 5.518 0 0 0 3.104-.957 6.234 6.234 0 0 0 2.301-2.652v-5.45a7.275 7.275 0 0 0-2.374-3.241 5.402 5.402 0 0 0-3.433-1.253c-.804 0-1.607.185-2.338.553a5.996 5.996 0 0 0-1.826 1.51c-.548.663-.95 1.4-1.205 2.173a8.022 8.022 0 0 0-.438 2.614c0 .921.146 1.805.474 2.689.293.773.731 1.51 1.279 2.136a5.846 5.846 0 0 0 1.972 1.4 5.648 5.648 0 0 0 2.484.478ZM245.658 48.908v-7.182h7.853v7.182h-7.853Zm0 29.02V51.891h7.853v26.037h-7.853ZM265.089 77.928l-9.131-26.037h8.108l5.625 19.666 5.698-19.666h7.341l-9.094 26.037h-8.547ZM296.646 78.407c-2.009 0-3.982-.331-5.844-1.068a13.068 13.068 0 0 1-4.383-2.91c-1.169-1.215-2.119-2.651-2.703-4.235a14.05 14.05 0 0 1-.95-5.045c0-1.805.293-3.61.95-5.34.584-1.62 1.534-3.13 2.703-4.383 1.242-1.289 2.703-2.32 4.346-2.983a14.653 14.653 0 0 1 5.881-1.105c2.008 0 3.981.332 5.843 1.105 1.644.663 3.105 1.694 4.31 2.946a12.357 12.357 0 0 1 2.666 4.272c.621 1.62.913 3.352.913 5.12 0 .478 0 .92-.036 1.362 0 .405-.073.774-.146 1.179H291.13c0 1.546.731 2.983 1.9 3.977a6.13 6.13 0 0 0 3.871 1.363 6.972 6.972 0 0 0 3.324-.847c.986-.48 1.753-1.29 2.118-2.284l6.684 1.879a12.164 12.164 0 0 1-4.712 5.008 14.448 14.448 0 0 1-7.669 1.952v.037Zm5.478-15.983c-.073-1.474-.73-2.873-1.79-3.941a5.327 5.327 0 0 0-3.798-1.436 5.21 5.21 0 0 0-3.799 1.473c-1.022 1.031-1.643 2.43-1.753 3.903H302.124ZM330.138 58.667c-1.753 0-3.507.331-5.187.958-1.388.478-2.556 1.436-3.36 2.688v15.615h-7.852V51.854h7.231v5.266c.804-1.62 1.973-3.056 3.433-4.124a7.771 7.771 0 0 1 4.456-1.547h.804s.329 0 .511.037v7.144l-.036.037ZM343.396 78.407c-2.192 0-4.383-.368-6.501-1.068-2.009-.626-3.835-1.694-5.406-3.094l2.812-4.861a21.614 21.614 0 0 0 4.602 2.541c1.352.553 2.813.884 4.31.884a4.434 4.434 0 0 0 2.374-.552c.548-.332.877-.958.84-1.584 0-.7-.402-1.363-1.059-1.657a16.655 16.655 0 0 0-3.725-1.326c-1.754-.479-3.215-.958-4.383-1.436a11.738 11.738 0 0 1-2.922-1.547c-.694-.479-1.242-1.179-1.607-1.952-.329-.81-.512-1.694-.475-2.578a8.201 8.201 0 0 1 2.958-6.408c.987-.81 2.082-1.4 3.288-1.805a11.87 11.87 0 0 1 4.09-.626c1.826 0 3.689.258 5.442.81 1.826.59 3.47 1.584 4.894 2.873l-3.031 4.75a23.244 23.244 0 0 0-3.945-2.246c-1.059-.441-2.191-.663-3.36-.7-.767 0-1.497.148-2.155.516-.913.553-1.168 1.768-.621 2.652.183.258.402.479.694.663 1.133.552 2.338.92 3.58 1.178 1.57.405 3.141.884 4.638 1.473 1.096.405 2.119.958 3.068 1.658a5.944 5.944 0 0 1 1.717 2.099 7.4 7.4 0 0 1 .548 2.836 7.546 7.546 0 0 1-2.849 6.15c-2.265 1.62-5.004 2.43-7.743 2.283l-.073.074ZM357.494 48.908v-7.182h7.889v7.182h-7.889Zm0 29.02V51.891h7.889v26.037h-7.889ZM387.042 76.529c-1.206.515-2.448.92-3.726 1.289-1.351.405-2.776.589-4.2.589-.95 0-1.863-.11-2.776-.368a6.228 6.228 0 0 1-2.301-1.179 5.36 5.36 0 0 1-1.534-2.173 8.192 8.192 0 0 1-.548-3.24v-13.59h-3.287v-6.003h3.287v-8.286h7.889v8.286h5.26v6.003h-5.26V68.72c-.073.663.183 1.363.621 1.841.439.406 1.023.59 1.607.59.621 0 1.242-.11 1.827-.295a21.104 21.104 0 0 0 1.607-.626l1.534 6.335v-.037ZM390 81.832c.584.22 1.205.368 1.826.516.512.073 1.023.147 1.571.147a2.76 2.76 0 0 0 2.228-.995c.694-1.068 1.168-2.283 1.424-3.572l-9.825-26.037h8.109l5.989 19.26 5.15-19.26h7.378l-9.825 30.272c-1.351 4.383-5.442 7.366-9.971 7.255a12.37 12.37 0 0 1-2.009-.184c-.694-.11-1.388-.331-2.045-.589v-6.813ZM214.321 100.062v-12.3h1.534v12.3h-1.534ZM227.031 100.062h-1.497v-5.046c.036-.736-.11-1.473-.439-2.099a1.471 1.471 0 0 0-1.314-.663c-.329 0-.621.074-.913.184-.329.11-.621.295-.877.48a3.506 3.506 0 0 0-.731.736 3.332 3.332 0 0 0-.474.957v5.451h-1.498v-9.023h1.388v1.952c.365-.626.913-1.179 1.534-1.51a4.545 4.545 0 0 1 2.192-.59c.438 0 .876.074 1.278.295.329.184.621.479.803.81.22.369.366.774.439 1.216.073.478.146.994.146 1.51v5.377l-.037-.037ZM230.391 100.062v-7.845h-1.205V91.04h1.205v-.184c-.036-.92.22-1.879.731-2.652a2.416 2.416 0 0 1 2.009-.957c.365 0 .694.037 1.059.147.329.11.621.22.913.405l-.365 1.105s-.365-.221-.585-.295a2.27 2.27 0 0 0-.694-.11c-.438 0-.876.184-1.132.589a2.947 2.947 0 0 0-.402 1.657v.258h2.374v1.179h-2.374v7.844h-1.497l-.037.037ZM240.143 100.246a4.481 4.481 0 0 1-3.25-1.4 4.724 4.724 0 0 1-.913-1.473 5.01 5.01 0 0 1 0-3.572 4.724 4.724 0 0 1 .913-1.473c1.716-1.805 4.565-1.878 6.355-.184l.182.184c.402.442.694.92.914 1.473a5.02 5.02 0 0 1 0 3.572c-.439 1.105-1.279 2.026-2.375 2.505-.584.257-1.205.405-1.826.368Zm-2.958-4.64c0 .442.073.884.219 1.325.146.406.365.737.621 1.068.256.295.584.553.95.7a2.87 2.87 0 0 0 2.337 0c.365-.184.694-.442.95-.736.292-.332.511-.663.657-1.068.146-.442.219-.884.219-1.326 0-.442-.073-.884-.219-1.29a2.91 2.91 0 0 0-.657-1.067 3.156 3.156 0 0 0-.95-.737 2.58 2.58 0 0 0-1.169-.258c-.401 0-.803.074-1.168.258a3.143 3.143 0 0 0-.95.737c-.256.331-.475.663-.621 1.068a4.26 4.26 0 0 0-.219 1.362v-.036ZM252.013 92.365c-.693 0-1.387.22-2.008.589-.585.368-.986.884-1.242 1.547v5.561h-1.498v-9.023h1.388v2.1a4.394 4.394 0 0 1 1.206-1.51 3.26 3.26 0 0 1 1.607-.664h.511v1.4h.036ZM267.682 100.062h-1.497v-5.046c.036-.736-.11-1.473-.439-2.099a1.493 1.493 0 0 0-1.351-.663 2.28 2.28 0 0 0-1.644.663 3.644 3.644 0 0 0-1.022 1.731v5.451h-1.498v-5.046c.073-.736-.109-1.473-.438-2.099a1.493 1.493 0 0 0-1.351-.663c-.621 0-1.206.221-1.644.663-.511.442-.876 1.068-1.059 1.73v5.451h-1.498v-9.022h1.388v1.951a4.13 4.13 0 0 1 1.425-1.546 3.71 3.71 0 0 1 1.972-.553c.657 0 1.278.184 1.79.626.438.406.73.995.803 1.584.621-1.363 1.936-2.21 3.397-2.21.438 0 .913.074 1.315.295.329.184.621.479.84.81.219.368.365.774.438 1.215.11.48.146.995.146 1.51v5.414l-.073-.147ZM273.051 100.246a3.15 3.15 0 0 1-1.169-.221c-.365-.147-.694-.332-.949-.59a2.963 2.963 0 0 1-.621-.883 2.84 2.84 0 0 1-.219-1.105c0-.405.073-.773.255-1.142a2.98 2.98 0 0 1 .767-.884 3.6 3.6 0 0 1 1.206-.552 5.513 5.513 0 0 1 1.534-.22c.438 0 .876.036 1.315.11.401.073.803.184 1.168.331v-.737c.11-1.178-.767-2.246-1.935-2.357h-.439a4.78 4.78 0 0 0-2.849 1.068l-.511-.994a6.244 6.244 0 0 1 3.47-1.178 3.691 3.691 0 0 1 2.739.957c.694.7 1.059 1.694.986 2.689v3.682c0 .369.146.553.475.553v1.326h-.402s-.219.073-.328.036c-.256 0-.548-.073-.731-.257a1.153 1.153 0 0 1-.329-.663v-.626a4.318 4.318 0 0 1-1.57 1.252 4.51 4.51 0 0 1-1.936.442l.073-.037Zm.402-1.142c.511 0 1.023-.11 1.497-.294a2.123 2.123 0 0 0 1.06-.81c.182-.185.328-.406.328-.663V96.01a6.043 6.043 0 0 0-2.264-.442c-.658 0-1.278.147-1.826.478a1.438 1.438 0 0 0-.694 1.253c0 .478.182.957.548 1.289.182.147.401.294.62.368.256.11.512.147.767.147h-.036ZM285.433 99.62l-.366.184c-.146.074-.328.11-.511.184-.219.074-.402.111-.621.147a4.42 4.42 0 0 1-.694.074 2.42 2.42 0 0 1-1.424-.442c-.402-.331-.658-.884-.585-1.436v-6.077h-1.205v-1.178h1.205v-3.02h1.498v3.02h2.009v1.178h-2.009v5.598c0 .295.109.552.329.737.182.147.438.22.694.22.292 0 .547-.036.803-.147.183-.073.329-.147.511-.22l.366 1.215v-.037ZM287.551 89.345V87.43h1.497v1.915h-1.497Zm0 10.717v-9.023h1.497v9.023h-1.497ZM296.171 100.246c-1.242 0-2.411-.516-3.287-1.4a4.746 4.746 0 0 1-.914-1.473 5.02 5.02 0 0 1 0-3.572c.22-.552.512-1.031.914-1.473a4.423 4.423 0 0 1 1.424-1.031 4.497 4.497 0 0 1 1.826-.369c1.242 0 2.447.48 3.287 1.4.402.442.694.92.913 1.473a5.01 5.01 0 0 1 0 3.572 4.724 4.724 0 0 1-.913 1.474c-.402.441-.913.773-1.424 1.03-.585.258-1.205.406-1.826.369Zm-2.959-4.677c0 .442.073.884.219 1.326.146.405.366.736.621 1.068.256.294.585.552.95.7.73.33 1.57.33 2.301 0 .365-.185.694-.443.949-.737.293-.332.512-.663.658-1.068.146-.442.219-.884.219-1.326 0-.442-.073-.884-.219-1.289a2.9 2.9 0 0 0-.658-1.068 3.137 3.137 0 0 0-.949-.737 2.578 2.578 0 0 0-1.169-.257c-.402 0-.803.073-1.169.257a3.137 3.137 0 0 0-.949.737c-.256.331-.475.663-.621 1.068-.146.442-.256.884-.219 1.363l.036-.037ZM311.036 100.062h-1.498v-5.046a4.096 4.096 0 0 0-.438-2.099 1.472 1.472 0 0 0-1.315-.663c-.329 0-.621.074-.913.184-.329.11-.621.295-.876.48a3.46 3.46 0 0 0-.731.736 3.361 3.361 0 0 0-.475.957v5.451h-1.497v-9.023h1.388v1.952c.365-.626.876-1.179 1.534-1.51a4.538 4.538 0 0 1 2.191-.59c.438 0 .877.074 1.278.295.329.184.621.479.841.81.219.369.365.774.438 1.216.073.478.146.994.146 1.51v5.413l-.073-.073ZM325.828 90.34s-.329-.332-.548-.48c-.256-.147-.511-.294-.767-.405a7.143 7.143 0 0 0-.95-.294 4.904 4.904 0 0 0-1.059-.11 3.037 3.037 0 0 0-2.082.552c-.438.368-.693.92-.657 1.473 0 .294.073.589.183.847.146.22.365.442.584.552.329.184.657.295 1.023.405.401.11.876.221 1.424.369.584.11 1.132.294 1.717.478.475.148.913.369 1.315.663.365.258.62.59.84.958.182.442.292.92.292 1.4 0 .515-.11 1.067-.329 1.546-.219.442-.548.81-.95 1.068a4.258 4.258 0 0 1-1.387.626 7.175 7.175 0 0 1-1.754.221 8.096 8.096 0 0 1-2.666-.442 7.884 7.884 0 0 1-2.301-1.289l.731-1.326c.219.221.438.406.694.59.328.22.657.405.986.515.402.147.803.295 1.205.368.438.111.877.148 1.351.148.694.037 1.425-.11 2.009-.479a1.56 1.56 0 0 0 .731-1.4c0-.294-.073-.626-.219-.883a2.133 2.133 0 0 0-.658-.626 5.685 5.685 0 0 0-1.096-.442c-.438-.148-.949-.258-1.497-.405a27.592 27.592 0 0 1-1.644-.48c-.438-.147-.803-.368-1.168-.625a2.324 2.324 0 0 1-.694-.884 2.952 2.952 0 0 1-.256-1.252c0-.553.11-1.068.329-1.547.219-.442.511-.847.913-1.142.402-.331.876-.552 1.388-.7a7.141 7.141 0 0 1 1.753-.22c.767 0 1.497.11 2.228.368.657.22 1.242.59 1.753 1.031l-.731 1.289-.036-.037ZM329.59 102.492s.292.037.438.037h.329s.256 0 .365-.11a1.05 1.05 0 0 0 .329-.368c.146-.258.255-.516.365-.774.146-.331.292-.773.511-1.289l-3.798-9.023h1.57l3.068 7.66 2.776-7.66h1.461l-4.383 11.417a2.842 2.842 0 0 1-.803 1.068 2.284 2.284 0 0 1-1.534.442h-.329s-.256-.037-.402-.074v-1.399l.037.073ZM342.191 100.246a6.9 6.9 0 0 1-2.119-.331 4.323 4.323 0 0 1-1.79-.995l.658-1.031c.475.368 1.023.7 1.57.92.548.222 1.096.295 1.681.295.547 0 1.095-.11 1.57-.368.365-.221.584-.663.584-1.105 0-.184-.036-.405-.146-.552-.109-.184-.292-.295-.474-.405-.256-.148-.512-.221-.804-.295-.329-.074-.694-.184-1.132-.295-.548-.147-1.023-.257-1.388-.405a4.45 4.45 0 0 1-.95-.442c-.219-.147-.438-.368-.548-.626a2.561 2.561 0 0 1-.182-.884c0-.81.328-1.583.986-2.099a3.085 3.085 0 0 1 1.096-.552c.438-.11.876-.184 1.351-.184.657 0 1.278.11 1.899.331a4.472 4.472 0 0 1 1.461.847l-.694.92a3.421 3.421 0 0 0-1.278-.736 3.947 3.947 0 0 0-1.461-.258c-.475 0-.986.11-1.388.369-.402.258-.621.663-.584 1.141 0 .184 0 .369.109.516a.884.884 0 0 0 .365.368c.22.11.439.221.658.295.256.073.584.184.95.258.584.147 1.095.294 1.57.405.402.11.767.294 1.096.515.584.332.913.995.876 1.658 0 .773-.328 1.546-.949 2.025-.767.516-1.644.774-2.557.7h-.036ZM352.929 99.62l-.366.184c-.146.074-.328.11-.511.184-.219.074-.402.111-.621.147a4.42 4.42 0 0 1-.694.074c-.511 0-1.023-.147-1.424-.442-.402-.331-.658-.884-.585-1.436v-6.077h-1.205v-1.178h1.205v-3.02h1.498v3.02h2.009v1.178h-2.009v5.598c0 .295.109.552.329.737.182.147.438.22.693.22.293 0 .548-.036.804-.147.183-.073.329-.147.511-.22l.366 1.215v-.037ZM358.809 100.246c-.621 0-1.279-.111-1.863-.368a4.486 4.486 0 0 1-1.461-.995 5.022 5.022 0 0 1-.95-1.51 5.091 5.091 0 0 1-.328-1.804c0-.626.109-1.216.328-1.805.22-.552.548-1.031.95-1.473a3.98 3.98 0 0 1 1.461-.994c.584-.258 1.205-.369 1.863-.369 1.862 0 3.506 1.105 4.163 2.873.22.552.329 1.142.329 1.73V96.122h-7.451c0 .442.146.847.293 1.216.328.7.876 1.252 1.607 1.583.328.147.73.221 1.095.221.256 0 .548-.037.804-.11.255-.074.511-.184.73-.295.219-.11.439-.295.621-.479a1.66 1.66 0 0 0 .402-.626l1.315.368a3.13 3.13 0 0 1-.621.921 3.208 3.208 0 0 1-.877.7c-.365.22-.73.368-1.132.479-.402.11-.84.147-1.278.147Zm3.068-5.303c0-.405-.146-.81-.329-1.179-.146-.331-.402-.663-.657-.92a3.076 3.076 0 0 0-2.082-.81c-.402 0-.767.073-1.132.22a2.667 2.667 0 0 0-.95.626c-.256.258-.511.59-.658.921-.182.368-.255.773-.292 1.178h6.063l.037-.036ZM379.299 100.062h-1.498v-5.046a4.095 4.095 0 0 0-.438-2.099 1.495 1.495 0 0 0-1.352-.663c-.62 0-1.205.221-1.643.663a3.713 3.713 0 0 0-1.059 1.731v5.451h-1.498v-5.046c.073-.736-.109-1.473-.438-2.099a1.494 1.494 0 0 0-1.351-.663c-.621 0-1.206.221-1.644.663-.511.442-.877 1.068-1.059 1.73v5.451h-1.498v-9.022h1.388v1.951c.329-.626.804-1.178 1.425-1.546a3.71 3.71 0 0 1 1.972-.553c.657 0 1.315.184 1.79.626.438.406.73.995.803 1.584a3.734 3.734 0 0 1 3.433-2.21c.439 0 .877.074 1.279.295.328.184.621.442.84.81.219.368.365.774.438 1.215.11.48.146.995.146 1.51v5.414l-.036-.147ZM214.54 118.476v-7.845h-1.205v-1.178h1.205v-.184a4.075 4.075 0 0 1 .731-2.652 2.415 2.415 0 0 1 2.009-.957c.365 0 .693.036 1.059.147.328.11.621.221.913.405l-.365 1.105s-.366-.221-.585-.295a2.296 2.296 0 0 0-.694-.11c-.438 0-.876.184-1.132.552a2.947 2.947 0 0 0-.402 1.657v.258h2.374v1.179h-2.374v7.844h-1.497l-.037.074ZM224.292 118.66c-1.242 0-2.411-.516-3.287-1.4a4.706 4.706 0 0 1-.913-1.473 5.009 5.009 0 0 1 0-3.572 4.73 4.73 0 0 1 .913-1.473c1.716-1.805 4.565-1.878 6.355-.184l.183.184c.401.442.694.921.913 1.473a5.02 5.02 0 0 1 0 3.572c-.439 1.105-1.279 2.026-2.374 2.505-.585.257-1.206.405-1.827.368h.037Zm-2.958-4.64c0 .442.073.883.219 1.325.146.406.365.737.621 1.068.255.295.584.553.949.7a2.868 2.868 0 0 0 2.338 0c.365-.184.694-.442.949-.736.293-.295.512-.663.658-1.068.146-.442.219-.884.219-1.326 0-.442-.073-.884-.219-1.289a2.894 2.894 0 0 0-.658-1.068 3.13 3.13 0 0 0-.949-.737 2.58 2.58 0 0 0-1.169-.258 2.58 2.58 0 0 0-1.169.258 3.13 3.13 0 0 0-.949.737c-.256.331-.475.663-.621 1.068a4.26 4.26 0 0 0-.219 1.362v-.036ZM236.162 110.779c-.694 0-1.388.221-2.009.589-.584.368-.986.884-1.241 1.547v5.561h-1.498v-9.023h1.388v2.099a4.404 4.404 0 0 1 1.205-1.51 3.273 3.273 0 0 1 1.607-.663h.512v1.4h.036ZM251.21 117.076v1.4h-8.291v-12.301h8.108v1.4h-6.574v3.977h5.734v1.289h-5.734v4.235h6.757ZM256.287 118.66c-.84.037-1.607-.295-2.119-.958a4.604 4.604 0 0 1-.73-2.835v-5.414h1.497v5.119c0 1.841.621 2.762 1.9 2.762.621 0 1.242-.221 1.753-.589a3.504 3.504 0 0 0 1.205-1.621v-5.671h1.498v7.145c0 .368.146.552.474.552v1.326h-.694a.915.915 0 0 1-.73-.221 1.146 1.146 0 0 1-.329-.663v-1.068a4.37 4.37 0 0 1-3.762 2.099l.037.037ZM269.326 110.779c-.694 0-1.388.221-2.009.589-.584.368-.986.884-1.242 1.547v5.561h-1.497v-9.023h1.388v2.099a4.392 4.392 0 0 1 1.205-1.51 3.27 3.27 0 0 1 1.607-.663h.511v1.4h.037ZM275.243 118.66c-1.242 0-2.448-.479-3.288-1.4a4.725 4.725 0 0 1-.913-1.473 5.02 5.02 0 0 1 0-3.572c.219-.552.548-1.031.913-1.473a4.505 4.505 0 0 1 6.355-.184l.183.184c.402.442.731.921.913 1.473a5.02 5.02 0 0 1 0 3.572 4.706 4.706 0 0 1-.913 1.473 4.437 4.437 0 0 1-1.424 1.032c-.585.257-1.206.405-1.826.368Zm-2.959-4.64c0 .442.073.883.219 1.325.146.406.366.737.621 1.068.256.295.585.553.95.7.73.332 1.57.332 2.337 0 .366-.184.694-.442.95-.736.292-.332.511-.663.657-1.068.146-.442.219-.884.219-1.326 0-.442-.073-.884-.219-1.289a2.905 2.905 0 0 0-.657-1.068 3.135 3.135 0 0 0-.95-.737 2.58 2.58 0 0 0-1.168-.258 2.58 2.58 0 0 0-1.169.258 3.147 3.147 0 0 0-.95.737 3.144 3.144 0 0 0-.621 1.068c-.146.442-.255.884-.219 1.362v-.036ZM287.149 118.66a3.712 3.712 0 0 1-1.972-.552 4.474 4.474 0 0 1-1.351-1.4v5.487h-1.498V109.49h1.351v1.694c.366-.553.841-.994 1.388-1.363.585-.331 1.206-.515 1.863-.515.584 0 1.169.11 1.68.368.511.258.95.589 1.352 1.031.767.921 1.205 2.062 1.205 3.241 0 .626-.11 1.252-.292 1.841a4.184 4.184 0 0 1-.84 1.473c-.366.406-.767.774-1.279.995-.511.258-1.059.368-1.643.368l.036.037Zm-.475-1.326c.402 0 .84-.074 1.206-.294a2.65 2.65 0 0 0 .913-.774c.255-.331.475-.7.584-1.068.146-.405.219-.81.219-1.252 0-.884-.328-1.694-.876-2.357-.256-.295-.621-.552-.986-.737-.366-.184-.804-.257-1.206-.257-.292 0-.584.073-.84.147-.292.11-.584.258-.84.442a3.571 3.571 0 0 0-.657.626c-.183.221-.292.516-.365.773v2.578c.109.295.292.59.474.847a3.38 3.38 0 0 0 1.461 1.105c.293.111.585.184.913.184v.037ZM297.778 118.66c-.621 0-1.279-.111-1.863-.368a4.088 4.088 0 0 1-1.461-1.031 5.03 5.03 0 0 1-.95-1.51 5.097 5.097 0 0 1-.328-1.805c0-.626.109-1.215.328-1.805.694-1.767 2.374-2.909 4.237-2.872.621 0 1.279.11 1.863.368a4.352 4.352 0 0 1 2.301 2.468c.219.552.329 1.141.329 1.73v.553h-7.415c0 .442.146.847.292 1.215.147.369.402.663.658.958.256.258.584.479.95.626.328.147.73.221 1.095.221.256 0 .548-.037.804-.111a4.33 4.33 0 0 0 .73-.294c.219-.111.439-.295.621-.479.183-.184.329-.405.402-.626l1.315.368a3.127 3.127 0 0 1-.621.921 3.355 3.355 0 0 1-.877.736 4.34 4.34 0 0 1-1.132.479c-.402.111-.84.147-1.278.147v.111Zm3.068-5.303c0-.405-.146-.81-.329-1.179-.146-.331-.402-.663-.657-.92a3.038 3.038 0 0 0-3.215-.59 2.688 2.688 0 0 0-.949.626c-.256.258-.512.59-.658.921-.182.368-.255.773-.292 1.179h6.063l.037-.037ZM153.838 56.052c.73-.736 1.132-1.73 1.022-2.762a3.612 3.612 0 0 0-.913-2.688c-.548-.626-1.351-.958-2.191-.958h-8.218v7.292h7.926c.876 0 1.716-.294 2.374-.884Zm-.986 7.292h-9.314v7.697h8.948c.987 0 1.936-.331 2.594-1.03a3.789 3.789 0 0 0 1.022-2.726c0-.995-.292-1.989-.949-2.762-.548-.737-1.425-1.142-2.374-1.142l.073-.037Zm40.979-5.193c-1.57 0-3.068.663-4.09 1.879a6.037 6.037 0 0 0-1.206 2.173 8.747 8.747 0 0 0-.438 2.762 7.49 7.49 0 0 0 1.607 4.935 5.238 5.238 0 0 0 4.127 1.841c.767 0 1.571-.147 2.265-.516a5.142 5.142 0 0 0 1.789-1.399 6.038 6.038 0 0 0 1.206-2.173 8.748 8.748 0 0 0 .438-2.762c.073-1.805-.475-3.536-1.607-4.935a5.165 5.165 0 0 0-4.091-1.841v.036ZM147.884 1.215c-33.638 0-60.885 27.51-60.885 61.393C87 96.49 114.246 124 147.884 124c33.639 0 60.885-27.474 60.885-61.392 0-33.882-27.246-61.393-60.885-61.393Zm-43.645 31.451 2.008-6.04 2.009 6.04h6.355l-5.113 3.867 2.009 6.298-5.296-4.051-5.296 4.051 2.009-6.298-5.077-3.867h6.392Zm7.304 63.124-5.296-4.051-5.259 3.83 2.009-6.224-5.077-3.867h6.355l2.009-6.04 2.009 6.04h6.318l-5.076 4.014 2.045 6.298h-.037Zm7.195-26.443-5.149-4.088-5.406 3.83 1.972-6.187-5.076-3.683 6.355-.184 2.191-6.076 1.826 6.04h6.319l-5.04 4.014 2.008 6.334Zm44.705 3.499a7.814 7.814 0 0 1-2.556 2.799c-1.169.773-2.447 1.362-3.799 1.694-1.497.368-3.031.59-4.565.59h-17.02V42.683h19.43c1.133 0 2.265.258 3.288.81a8.534 8.534 0 0 1 2.52 2.062 9.649 9.649 0 0 1 1.607 2.873c.365 1.068.584 2.173.548 3.314a9.808 9.808 0 0 1-1.242 4.751c-.84 1.51-2.192 2.689-3.762 3.388a9.108 9.108 0 0 1 4.748 3.168 9.542 9.542 0 0 1 1.753 5.855c0 1.363-.292 2.725-.913 3.94h-.037Zm12.966 5.082h-7.852V51.891h7.852v26.037Zm0-29.02h-7.852v-7.182h7.852v7.182Zm27.685 25.485a12.486 12.486 0 0 1-4.346 2.946 16.202 16.202 0 0 1-11.761 0 12.504 12.504 0 0 1-4.346-2.946 13.193 13.193 0 0 1-2.703-4.31 15.055 15.055 0 0 1 0-10.274 11.785 11.785 0 0 1 2.703-4.31 13.128 13.128 0 0 1 4.346-2.982 14.651 14.651 0 0 1 5.881-1.105 14.476 14.476 0 0 1 5.844 1.105c1.643.7 3.104 1.694 4.346 2.983 1.169 1.252 2.118 2.725 2.703 4.309.621 1.62.949 3.388.949 5.119 0 1.768-.292 3.499-.913 5.119-.584 1.62-1.497 3.057-2.666 4.309l-.037.037Z"}))))};var U,G,$,J,K;function Q(){return Q=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return u.createElement("svg",Q({width:393,height:124,viewBox:"0 0 393 124",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?u.createElement("title",{id:e},c):null,U||(U=u.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M74.94.71c34.069 22.909 45.976 50.856 45.976 76.213 0 25.356-20.619 45.975-45.975 45.975-25.357 0-45.976-20.619-45.976-45.975.16-25.34 10.7-54.21 45.975-76.213Z",fill:"#71B28D"})),G||(G=u.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M28.663 14.62c40.936-2.59 67.358 12.528 82.794 32.527 15.42 20.158 11.462 49.027-8.712 64.305-20.015 15.277-48.726 11.462-64.162-8.394-15.277-20.015-24.593-49.346-9.92-88.437Z",fill:"#3D9877"})),$||($=u.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.32 57.226c30.856-27.042 61.093-31.16 85.544-24.594 24.434 6.566 39.107 31.764 32.542 56.214-6.566 24.434-31.78 39.092-56.214 32.526C38.583 114.806 13.53 97.097 1.32 57.226Z",fill:"#028374"})),J||(J=u.createElement("path",{d:"m60.585 106.714 1.065 3.355-2.909-2.13-2.91 2.13 1.066-3.355-2.91-2.13h3.673l1.065-3.354 1.065 3.354h3.514l-2.719 2.13ZM77.23 111.134l1.065 3.513-2.91-2.289-2.909 2.13 1.225-3.354-2.91-1.987 3.514-.159 1.065-3.211 1.065 3.211h3.513l-2.718 2.146ZM106.099 94.648l1.066 3.355-2.91-2.13-2.909 1.987 1.065-3.355-2.75-2.146h3.513l1.065-3.211 1.066 3.211h3.513l-2.719 2.29ZM93.874 106.714l1.225 3.355-2.91-2.13-3.052 2.13 1.065-3.355-2.75-2.13h3.513l1.224-3.354.922 3.354h3.514l-2.75 2.13ZM48.36 94.648l1.065 3.355-2.91-2.13-2.908 1.987 1.065-3.355-2.75-2.146h3.513l1.065-3.211 1.065 3.211h3.513l-2.718 2.29ZM43.782 77.845l1.224 3.354-2.91-2.13-2.909 2.13 1.065-3.354-2.75-1.987 3.354-.16 1.224-3.354 1.066 3.355H46.5l-2.718 2.146ZM60.585 48.975l1.065 3.513-2.909-2.289-2.91 2.29 1.066-3.514-2.91-1.987h3.673l1.065-3.355 1.065 3.355h3.514l-2.719 1.987ZM48.36 61.2l1.065 3.355-2.91-2.13-2.908 2.13 1.065-3.355-2.75-2.146h3.513l1.065-3.211 1.065 3.211h3.513L48.36 61.2ZM77.23 44.397l1.065 3.513-2.91-2.29-2.909 2.147 1.225-3.355-2.91-1.987 3.514-.159 1.065-3.211 1.065 3.211h3.513l-2.718 2.13ZM93.874 48.975l1.225 3.513-2.91-2.289-3.052 2.29 1.065-3.514-2.75-1.987h3.513l1.224-3.355.922 3.355h3.514l-2.75 1.987ZM110.678 77.845l1.065 3.354-2.75-2.13-3.053 2.13 1.066-3.354-2.751-1.987 3.514-.16 1.224-3.354.922 3.355h3.513l-2.75 2.146ZM106.099 61.2l1.066 3.355-2.91-2.13-2.909 2.13 1.065-3.355-2.75-2.146h3.513l1.065-3.211 1.066 3.211h3.513l-2.719 2.146Z",fill:"#FCE913",stroke:"#FCE913",strokeWidth:.5,strokeMiterlimit:10})),K||(K=u.createElement("path",{d:"M133.093 52.282h13.211v4.006h-8.314v4.928h7.758v3.974h-7.758v8.696h-4.897V52.282ZM164.491 65.874c0 5.739-4.086 8.362-8.283 8.362-4.578 0-8.107-3.005-8.107-8.076 0-5.071 3.322-8.314 8.378-8.314 4.816 0 8.012 3.306 8.012 8.028Zm-11.335.159c0 2.687 1.113 4.721 3.211 4.721 1.892 0 3.116-1.891 3.116-4.721 0-2.337-.906-4.722-3.116-4.722-2.353 0-3.211 2.4-3.211 4.722ZM166.875 63.362c0-2.305-.063-3.815-.127-5.166h4.197l.159 2.893h.127c.795-2.273 2.719-3.243 4.229-3.243.445 0 .668 0 1.018.063v4.579a6.984 6.984 0 0 0-1.32-.127c-1.796 0-3.005.97-3.323 2.48a5.75 5.75 0 0 0-.095 1.08v7.965h-4.88V63.362h.015ZM182.566 67.59c.159 2.02 2.162 2.974 4.436 2.974 1.669 0 3.004-.223 4.324-.636l.636 3.306c-1.606.636-3.561.97-5.676.97-5.325 0-8.378-3.084-8.378-7.98 0-3.975 2.48-8.362 7.933-8.362 5.071 0 6.995 3.942 6.995 7.821 0 .843-.096 1.574-.159 1.924h-10.111v-.016Zm5.723-3.338c0-1.192-.524-3.18-2.766-3.18-2.051 0-2.893 1.86-3.005 3.18h5.771ZM195.713 69.626c.907.556 2.767 1.192 4.197 1.192 1.431 0 2.083-.525 2.083-1.32 0-.794-.477-1.192-2.305-1.796-3.243-1.08-4.483-2.861-4.467-4.721 0-2.925 2.511-5.135 6.39-5.135 1.829 0 3.466.413 4.436.906l-.875 3.354c-.699-.381-2.05-.906-3.402-.906-1.192 0-1.86.477-1.86 1.288 0 .731.604 1.113 2.528 1.796 2.973 1.018 4.229 2.528 4.261 4.849 0 2.91-2.306 5.071-6.805 5.071-2.05 0-3.879-.445-5.071-1.08l.89-3.498ZM215.124 53.712v4.483h3.498v3.593h-3.498v5.676c0 1.892.445 2.766 1.924 2.766.604 0 1.081-.064 1.43-.127l.032 3.688c-.636.254-1.796.413-3.179.413-1.574 0-2.894-.556-3.657-1.351-.906-.938-1.351-2.448-1.351-4.642v-6.407h-2.083v-3.593h2.083V54.81l4.801-1.097ZM231.705 52.282v21.604h-4.896V52.282h4.896ZM235.87 63.22c0-1.956-.063-3.626-.127-5.009h4.229l.222 2.147h.096c.636-.986 2.241-2.512 4.849-2.512 3.211 0 5.611 2.13 5.611 6.74v9.3h-4.88V65.19c0-2.019-.7-3.402-2.48-3.402-1.351 0-2.146.938-2.48 1.829-.127.286-.191.763-.191 1.224v9.045h-4.88l.031-10.667ZM255.217 73.886V61.788h-2.05v-3.592h2.05v-.605c0-1.891.589-3.974 1.988-5.246 1.224-1.16 2.925-1.574 4.324-1.574 1.081 0 1.923.128 2.591.318l-.191 3.752a5.34 5.34 0 0 0-1.574-.222c-1.605 0-2.273 1.255-2.273 2.798v.794h3.148v3.593h-3.116v12.098h-4.897v-.016ZM280.765 65.874c0 5.739-4.086 8.362-8.283 8.362-4.578 0-8.108-3.005-8.108-8.076 0-5.071 3.323-8.314 8.378-8.314 4.833 0 8.013 3.306 8.013 8.028Zm-11.351.159c0 2.687 1.113 4.721 3.211 4.721 1.892 0 3.116-1.891 3.116-4.721 0-2.337-.906-4.722-3.116-4.722-2.337 0-3.211 2.4-3.211 4.722ZM283.801 63.362c0-2.305-.064-3.815-.127-5.166h4.197l.159 2.893h.127c.811-2.273 2.734-3.243 4.228-3.243.446 0 .668 0 1.018.063v4.579a6.975 6.975 0 0 0-1.32-.127c-1.796 0-3.004.97-3.322 2.48-.064.318-.096.7-.096 1.08v7.965h-4.88V63.362h.016ZM295.978 63.22c0-1.956-.063-3.626-.127-5.009h4.102l.222 2.13h.096c.667-.985 2.05-2.48 4.753-2.48 2.019 0 3.625 1.018 4.292 2.656h.064a7.533 7.533 0 0 1 2.019-1.892c.874-.525 1.828-.763 2.973-.763 3.004 0 5.278 2.13 5.278 6.804v9.236h-4.754v-8.537c0-2.273-.731-3.593-2.305-3.593-1.113 0-1.923.764-2.241 1.702-.128.35-.191.874-.191 1.255v9.173h-4.753v-8.775c0-1.987-.7-3.323-2.242-3.323-1.256 0-1.987.97-2.273 1.749-.175.382-.191.843-.191 1.224v9.141h-4.753V63.235h.031v-.016ZM332.495 73.886l-.286-1.574h-.096c-1.017 1.256-2.623 1.924-4.483 1.924-3.179 0-5.071-2.305-5.071-4.817 0-4.085 3.656-6.025 9.205-6.01v-.222c0-.842-.446-2.019-2.862-2.019-1.606 0-3.307.557-4.324 1.193l-.906-3.148c1.081-.604 3.243-1.367 6.088-1.367 5.231 0 6.884 3.084 6.884 6.772v5.453c0 1.51.064 2.94.223 3.815h-4.372Zm-.588-7.408c-2.56-.032-4.547.572-4.547 2.48 0 1.256.843 1.86 1.924 1.86a2.674 2.674 0 0 0 2.543-1.796c.064-.255.096-.557.096-.843v-1.7h-.016ZM345.706 53.712v4.483h3.497v3.593h-3.497v5.676c0 1.892.445 2.766 1.923 2.766.604 0 1.081-.064 1.431-.127l.032 3.688c-.636.254-1.797.413-3.18.413-1.574 0-2.893-.556-3.656-1.351-.906-.938-1.351-2.448-1.351-4.642v-6.407h-2.083v-3.593h2.083V54.81l4.801-1.097ZM357.057 53.855c0 1.352-1.018 2.449-2.624 2.449-1.605 0-2.559-1.081-2.543-2.449-.032-1.398.986-2.48 2.559-2.48 1.574 0 2.576 1.05 2.608 2.48Zm-5.024 20.031v-15.69h4.88v15.69h-4.88ZM376.292 65.874c0 5.739-4.085 8.362-8.282 8.362-4.579 0-8.108-3.005-8.108-8.076 0-5.071 3.323-8.314 8.378-8.314 4.817 0 8.012 3.306 8.012 8.028Zm-11.335.159c0 2.687 1.129 4.721 3.212 4.721 1.892 0 3.116-1.891 3.116-4.721 0-2.337-.906-4.722-3.116-4.722-2.353 0-3.212 2.4-3.212 4.722ZM378.677 63.22c0-1.956-.064-3.626-.127-5.009h4.228l.223 2.147h.095c.636-.986 2.242-2.512 4.849-2.512 3.211 0 5.612 2.13 5.612 6.74v9.3h-4.881V65.19c0-2.019-.699-3.402-2.48-3.402-1.351 0-2.146.938-2.48 1.829-.127.286-.19.763-.19 1.224v9.045h-4.881l.032-10.667ZM133.268 96.35c1.32.667 3.323 1.35 5.421 1.35 2.242 0 3.434-.937 3.434-2.336 0-1.4-1.017-2.13-3.625-3.053-3.592-1.256-5.929-3.243-5.929-6.39 0-3.705 3.084-6.502 8.171-6.502 2.448 0 4.229.524 5.516 1.08l-1.081 3.943a10.347 10.347 0 0 0-4.514-1.017c-2.115 0-3.148.97-3.148 2.082 0 1.367 1.224 1.987 4.006 3.053 3.815 1.399 5.612 3.402 5.612 6.438 0 3.625-2.798 6.709-8.728 6.709-2.48 0-4.896-.636-6.12-1.32l.985-4.038ZM153.442 85.698l2.337 7.694c.254.938.588 2.099.763 2.926h.095c.223-.843.477-2.02.7-2.926l1.923-7.694h5.231l-3.657 10.318c-2.241 6.215-3.751 8.727-5.516 10.301a8.945 8.945 0 0 1-4.722 2.146l-1.017-4.133c.604-.095 1.367-.382 2.13-.843.731-.381 1.542-1.16 2.019-1.955.159-.223.255-.477.255-.7 0-.159-.032-.413-.223-.794l-5.739-14.34h5.421ZM166.653 97.112c.906.557 2.766 1.193 4.197 1.193s2.082-.525 2.082-1.32-.477-1.192-2.305-1.796c-3.243-1.081-4.483-2.862-4.467-4.722 0-2.925 2.512-5.135 6.391-5.135 1.828 0 3.465.414 4.435.907l-.874 3.354c-.7-.382-2.051-.906-3.402-.906-1.193 0-1.86.493-1.86 1.288 0 .73.604 1.128 2.527 1.796 2.973 1.017 4.229 2.528 4.261 4.849 0 2.909-2.305 5.071-6.804 5.071-2.051 0-3.879-.445-5.071-1.081l.89-3.498ZM186.048 81.2v4.482h3.497v3.593h-3.497v5.675c0 1.892.445 2.766 1.923 2.766.604 0 1.081-.063 1.431-.127l.032 3.689c-.636.254-1.797.413-3.18.413-1.574 0-2.893-.557-3.656-1.351-.906-.938-1.351-2.449-1.351-4.642v-6.423h-2.083v-3.593h2.083V82.28l4.801-1.08ZM196.604 95.094c.158 2.018 2.162 2.972 4.435 2.972 1.669 0 3.004-.222 4.324-.636l.636 3.307c-1.606.636-3.561.954-5.676.954-5.325 0-8.377-3.084-8.377-7.98 0-3.975 2.48-8.379 7.932-8.379 5.072 0 6.995 3.943 6.995 7.822 0 .843-.095 1.574-.159 1.924h-10.11v.016Zm5.738-3.323c0-1.192-.524-3.18-2.766-3.18-2.05 0-2.893 1.86-3.004 3.18h5.77ZM209.783 90.706c0-1.956-.064-3.625-.128-5.008h4.102l.222 2.13h.096c.668-.985 2.051-2.48 4.753-2.48 2.019 0 3.625 1.018 4.293 2.655h.063a7.531 7.531 0 0 1 2.019-1.892c.874-.524 1.828-.763 2.973-.763 3.005 0 5.278 2.13 5.278 6.804v9.237h-4.753v-8.521c0-2.273-.732-3.593-2.306-3.593-1.112 0-1.923.763-2.241 1.701-.127.35-.191.874-.191 1.256v9.157h-4.753v-8.775c0-1.988-.7-3.323-2.242-3.323-1.256 0-1.987.97-2.273 1.749-.159.381-.191.842-.191 1.224v9.141h-4.753V90.722h.032v-.016ZM243.755 101.389V89.291h-2.05v-3.593h2.05v-.604c0-1.892.589-3.974 1.988-5.246 1.224-1.16 2.925-1.574 4.324-1.574 1.081 0 1.923.127 2.591.318l-.191 3.752a5.34 5.34 0 0 0-1.574-.223c-1.605 0-2.273 1.256-2.273 2.798v.795h3.148v3.593h-3.116v12.098h-4.897v-.016ZM269.334 93.36c0 5.74-4.085 8.363-8.282 8.363-4.579 0-8.108-3.005-8.108-8.076 0-5.072 3.323-8.315 8.378-8.315 4.801.016 8.012 3.307 8.012 8.029Zm-11.366.175c0 2.687 1.112 4.722 3.211 4.722 1.892 0 3.116-1.892 3.116-4.722 0-2.336-.906-4.721-3.116-4.721-2.337 0-3.211 2.4-3.211 4.722ZM272.339 90.865c0-2.305-.064-3.816-.127-5.167h4.197l.159 2.893h.127c.795-2.273 2.718-3.243 4.229-3.243.445 0 .667 0 1.017.064v4.578a6.972 6.972 0 0 0-1.319-.127c-1.797 0-3.005.97-3.323 2.48-.064.318-.095.7-.095 1.081v7.965h-4.881V90.865h.016ZM302.115 92.248h-7.965v5.135h8.887v4.022h-13.799v-21.62h13.338v4.005h-8.426v4.483h7.965v3.975ZM320.683 96.35c0 2.05.064 3.719.127 5.039h-4.228l-.223-2.21h-.095c-.604.97-2.083 2.56-4.897 2.56-3.179 0-5.516-1.988-5.516-6.82v-9.205h4.896v8.426c0 2.273.732 3.656 2.448 3.656 1.352 0 2.131-.938 2.449-1.701.127-.286.175-.668.175-1.05v-9.331h4.896l-.032 10.635ZM325.23 90.865c0-2.305-.064-3.816-.127-5.167h4.196l.159 2.893h.128c.81-2.273 2.734-3.243 4.228-3.243.445 0 .668 0 1.018.064v4.578a6.975 6.975 0 0 0-1.32-.127c-1.796 0-3.004.97-3.322 2.48-.064.318-.096.7-.096 1.081v7.965h-4.88V90.865h.016ZM352.653 93.36c0 5.74-4.086 8.363-8.283 8.363-4.578 0-8.107-3.005-8.107-8.076 0-5.072 3.322-8.315 8.378-8.315 4.801.016 8.012 3.307 8.012 8.029Zm-11.351.175c0 2.687 1.129 4.722 3.211 4.722 1.892 0 3.116-1.892 3.116-4.722 0-2.336-.906-4.721-3.116-4.721-2.337 0-3.211 2.4-3.211 4.722ZM355.673 90.96c0-2.05-.063-3.815-.127-5.246h4.229l.222 2.178h.064c1.161-1.67 2.941-2.528 5.23-2.528 3.434 0 6.502 2.973 6.502 7.98 0 5.708-3.624 8.395-7.122 8.395-1.892 0-3.37-.763-4.085-1.797h-.032v7.79h-4.881V90.96Zm4.881 3.688c0 .382.032.732.095 1.018.318 1.32 1.431 2.305 2.862 2.305 2.13 0 3.37-1.765 3.37-4.436 0-2.511-1.113-4.403-3.307-4.403-1.367 0-2.591 1.017-2.925 2.48a3.812 3.812 0 0 0-.095.874v2.162ZM378.709 95.094c.175 2.018 2.162 2.972 4.435 2.972 1.669 0 3.005-.222 4.324-.636l.636 3.307c-1.606.636-3.561.954-5.675.954-5.326 0-8.378-3.084-8.378-7.98 0-3.975 2.48-8.379 7.933-8.379 5.071 0 6.994 3.943 6.994 7.822 0 .843-.095 1.574-.174 1.924h-10.095v.016Zm5.739-3.323c0-1.192-.525-3.18-2.751-3.18-2.05 0-2.893 1.86-3.004 3.18h5.755Z",fill:"#028374"})))};var hh;function ch(){return ch=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return u.createElement("svg",ch({width:397,height:124,viewBox:"0 0 397 124",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?u.createElement("title",{id:e},c):null,hh||(hh=u.createElement("g",{fill:"#fff"},u.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M113.384 45.784a43.392 43.392 0 0 1 2.526 3.754C109.574 32.377 96.677 15.253 74.403.277c-6.62 4.13-12.39 8.506-17.388 13.05 26.385 4.148 44.659 16.859 56.372 32.457h-.003Z"}),u.createElement("path",{d:"M86.452 32.526C61.745 25.888 31.174 30.056 0 57.385c12.353 40.283 37.663 58.199 62.519 64.837 24.707 6.639 50.166-8.186 56.804-32.87 6.657-24.707-8.167-50.185-32.871-56.823v-.003ZM36.588 76.224l3.393-.152 1.225-3.394 1.075 3.394h3.394l-2.772 2.17 1.224 3.393-2.943-2.17-2.943 2.17 1.075-3.394-2.734-2.017h.006ZM48.64 98.61l-2.943-2.169-2.943 1.999 1.075-3.394-2.772-2.17h3.546l1.075-3.244 1.075 3.245H50.3l-2.772 2.318 1.113 3.412v.004ZM47.546 61.4l1.075 3.394-2.943-2.17-2.943 2.17L43.81 61.4l-2.772-2.169h3.546l1.075-3.245 1.076 3.245h3.546l-2.735 2.17Zm12.353 45.998 1.075 3.394-2.943-2.169-2.943 2.169 1.076-3.394-2.943-2.169h3.695l1.075-3.394 1.075 3.394h3.546l-2.716 2.169h.003Zm0-58.351 1.075 3.546-2.943-2.319-2.943 2.319 1.076-3.546-2.943-1.998h3.695l1.075-3.394 1.075 3.393h3.546l-2.716 1.999h.003Zm17.916 66.385-2.943-2.319-2.943 2.17 1.243-3.394-2.943-1.998 3.546-.149 1.076-3.245 1.075 3.245h3.546l-2.772 2.169 1.112 3.527.003-.006ZM76.74 44.426l1.075 3.545-2.943-2.318-2.943 2.17 1.243-3.394-2.943-1.999 3.546-.152 1.076-3.244 1.075 3.244h3.546l-2.735 2.15.003-.002Zm18.047 66.366-2.943-2.169-3.092 2.169 1.075-3.394-2.772-2.169H90.6l1.224-3.394.923 3.394h3.546l-2.772 2.169 1.265 3.394Zm-1.225-61.745 1.247 3.546-2.943-2.319-3.093 2.319 1.076-3.546-2.772-1.998h3.546l1.224-3.394.923 3.393h3.546l-2.754 1.999Zm13.429 49.563-2.943-2.17-2.943 1.999 1.075-3.394-2.772-2.17h3.546l1.075-3.244 1.076 3.245h3.546l-2.772 2.318 1.112 3.412v.004Zm2.772-22.538h3.546l-2.772 2.17 1.075 3.393-2.772-2.17-3.092 2.17 1.075-3.394-2.772-1.998 3.546-.152 1.246-3.394.923 3.375h-.003ZM105.916 61.4l1.075 3.394-2.943-2.17-2.943 2.17 1.075-3.394-2.772-2.169h3.546l1.075-3.245 1.076 3.245h3.546l-2.735 2.17ZM138.143 65.437h7.844V61.42h-7.844V56.44h8.395v-4.055h-13.355v21.82h4.96v-8.77.002ZM156.834 58.025c-5.094 0-8.469 3.282-8.469 8.394s3.564 8.167 8.204 8.167c4.242 0 8.373-2.66 8.373-8.468-.019-4.752-3.263-8.09-8.108-8.09v-.003Zm-.134 13.031c-2.113 0-3.245-2.054-3.245-4.77 0-2.337.886-4.77 3.245-4.77s3.148 2.414 3.148 4.77c0 2.865-1.224 4.77-3.148 4.77ZM167.338 74.226h4.923v-8.034c0-.376.037-.773.093-1.094.32-1.529 1.547-2.508 3.356-2.508.547 0 .982.056 1.321.134v-4.64c-.357-.056-.584-.056-1.038-.056-1.529 0-3.471.982-4.283 3.282h-.133l-.149-2.924h-4.242c.055 1.358.13 2.887.13 5.224v10.616h.022ZM186.951 74.546c2.151 0 4.13-.32 5.734-.982l-.64-3.338c-1.321.417-2.679.64-4.376.64-2.3 0-4.32-.978-4.469-3.017v-.019h10.221c.056-.357.153-1.094.153-1.942 0-3.922-1.943-7.903-7.074-7.903-5.507 0-8.015 4.45-8.015 8.468 0 4.96 3.074 8.09 8.469 8.09l-.003.003Zm-.755-13.258c2.262 0 2.791 1.999 2.791 3.208h-5.827c.111-1.321.963-3.208 3.036-3.208ZM200.737 71.13c-1.451 0-3.338-.64-4.242-1.205l-.886 3.527c1.206.64 3.055 1.094 5.131 1.094 4.544 0 6.865-2.17 6.865-5.13-.037-2.338-1.302-3.867-4.301-4.886-1.942-.7-2.564-1.076-2.564-1.83 0-.812.678-1.303 1.887-1.303 1.376 0 2.734.528 3.449.904l.886-3.393c-.982-.491-2.62-.905-4.469-.905-3.922 0-6.449 2.244-6.449 5.187-.037 1.887 1.228 3.677 4.507 4.77 1.849.622 2.337 1.02 2.337 1.831-.056.811-.659 1.34-2.151 1.34ZM211.263 68.51c0 2.226.454 3.755 1.358 4.697.774.81 2.095 1.358 3.695 1.358 1.396 0 2.564-.153 3.207-.414l-.037-3.716c-.357.055-.83.133-1.451.133-1.489 0-1.942-.886-1.942-2.79v-5.735h3.527v-3.62h-3.527v-4.544l-4.827 1.113v3.453h-2.094v3.62h2.094v6.449l-.003-.003ZM232.856 52.385h-4.96v21.838h4.96V52.385ZM244.681 62.003c1.793 0 2.508 1.395 2.508 3.453v8.789h4.923v-9.392c0-4.659-2.434-6.81-5.66-6.81-2.623 0-4.245 1.53-4.904 2.527h-.093l-.227-2.169h-4.282c.056 1.396.13 3.092.13 5.053h-.018v10.788h4.922v-9.147c0-.472.075-.941.208-1.224.321-.923 1.132-1.868 2.49-1.868h.003ZM256.618 74.226h4.941v-12.22h3.148v-3.62h-3.188v-.812c0-1.566.677-2.828 2.3-2.828.64 0 1.168.112 1.585.227l.208-3.791c-.678-.208-1.526-.32-2.62-.32-1.414 0-3.13.413-4.376 1.585-1.414 1.302-1.998 3.393-1.998 5.317v.622h-2.076v3.62h2.076v12.22ZM274.084 74.583c4.242 0 8.372-2.66 8.372-8.468 0-4.77-3.226-8.112-8.108-8.112-4.883 0-8.469 3.282-8.469 8.394 0 5.113 3.565 8.186 8.205 8.186Zm.13-13.05c2.244 0 3.148 2.416 3.148 4.771 0 2.847-1.224 4.77-3.148 4.77-2.113 0-3.244-2.054-3.244-4.77 0-2.358.885-4.77 3.244-4.77ZM293.883 62.587c.547 0 .982.056 1.321.134v-4.64c-.358-.056-.584-.056-1.038-.056-1.507 0-3.453.982-4.283 3.282h-.13l-.149-2.925h-4.242c.056 1.359.13 2.888.13 5.225v10.638h4.923V66.21c0-.376.037-.774.093-1.094.339-1.548 1.566-2.527 3.375-2.527v-.003ZM312.16 74.226v-9.28c0-.376.074-.904.208-1.265.32-.944 1.15-1.715 2.263-1.715 1.585 0 2.337 1.32 2.337 3.62v8.637h4.81v-9.336c0-4.714-2.302-6.865-5.339-6.865-1.15 0-2.129.246-3.017.774a7.766 7.766 0 0 0-2.036 1.905h-.056c-.68-1.66-2.303-2.679-4.338-2.679-2.735 0-4.131 1.489-4.808 2.508h-.093l-.227-2.15h-4.149c.056 1.395.131 3.092.131 5.053h-.038V74.22h4.808v-9.224c0-.376.037-.849.208-1.225.302-.81 1.038-1.771 2.3-1.771 1.566 0 2.262 1.358 2.262 3.356v8.882l4.774-.018v.006ZM334.34 72.641h.093l.302 1.585h4.45c-.168-.886-.224-2.34-.224-3.866v-5.507c0-3.717-1.681-6.846-6.961-6.846-2.884 0-5.072.773-6.166 1.395l.904 3.188c1.038-.64 2.754-1.205 4.376-1.205 2.434 0 2.887 1.187 2.887 2.035v.227c-5.622-.037-9.317 1.943-9.317 6.073 0 2.526 1.905 4.867 5.128 4.867 1.868 0 3.49-.681 4.528-1.943v-.003Zm-.208-5.902v1.716c0 .301-.037.584-.093.848-.321 1.02-1.321 1.83-2.567 1.83-1.094 0-1.943-.62-1.943-1.886 0-1.923 2.02-2.526 4.603-2.508ZM343.241 68.51c0 2.226.45 3.755 1.358 4.697.774.81 2.091 1.358 3.695 1.358 1.395 0 2.564-.153 3.207-.414l-.037-3.716c-.361.055-.83.133-1.455.133-1.488 0-1.942-.886-1.942-2.79v-5.735h3.527v-3.62h-3.527v-4.544l-4.826 1.113v3.453h-2.095v3.62h2.095v6.449-.003ZM356.896 56.44c1.622 0 2.657-1.112 2.657-2.47-.037-1.433-1.035-2.508-2.619-2.508-1.585 0-2.623 1.075-2.605 2.507-.037 1.377 1.001 2.471 2.567 2.471ZM359.386 58.383h-4.923v15.862h4.923V58.382ZM370.887 58.025c-5.09 0-8.465 3.282-8.465 8.394s3.564 8.167 8.201 8.167c4.245 0 8.376-2.66 8.376-8.468 0-4.752-3.245-8.09-8.112-8.09v-.003Zm-.111 13.031c-2.095 0-3.245-2.054-3.245-4.77 0-2.337.886-4.77 3.245-4.77 2.358 0 3.148 2.414 3.148 4.77 0 2.865-1.243 4.77-3.148 4.77ZM390.783 58.025c-2.62 0-4.242 1.53-4.885 2.527h-.093l-.227-2.17h-4.28c.056 1.396.131 3.093.131 5.054h-.019v10.787h4.923v-9.146c0-.473.075-.942.208-1.225.32-.904 1.15-1.849 2.508-1.849 1.79 0 2.508 1.395 2.508 3.45v8.788h4.923V64.85c-.037-4.677-2.452-6.828-5.697-6.828v.003ZM141.689 89.028c-2.809-1.075-4.037-1.697-4.037-3.092 0-1.131 1.038-2.095 3.189-2.095s3.695.622 4.565 1.038l1.094-3.978c-1.302-.565-3.111-1.093-5.581-1.093-5.15 0-8.261 2.846-8.261 6.582 0 3.188 2.359 5.187 5.998 6.448 2.62.942 3.658 1.735 3.658 3.093 0 1.358-1.206 2.358-3.471 2.358-2.114 0-4.149-.677-5.489-1.358l-1 4.075c1.227.677 3.695 1.32 6.184 1.32 5.998 0 8.808-3.11 8.808-6.771.018-3.074-1.794-5.094-5.66-6.527h.003ZM157.685 93.951c-.227.904-.472 2.095-.718 2.943h-.093c-.19-.83-.51-1.998-.774-2.943l-2.359-7.788h-5.488l5.808 14.504c.209.376.227.64.227.811 0 .227-.112.472-.264.718-.472.811-1.302 1.585-2.035 1.98-.756.472-1.529.755-2.151.848l1.038 4.186a9.169 9.169 0 0 0 4.77-2.169c1.772-1.585 3.301-4.13 5.582-10.411l3.695-10.43h-5.28l-1.961 7.751h.003ZM173.901 92.329c-1.942-.678-2.563-1.076-2.563-1.83 0-.812.68-1.303 1.886-1.303 1.377 0 2.735.528 3.45.904l.885-3.393c-.982-.491-2.62-.905-4.469-.905-3.922 0-6.448 2.244-6.448 5.187-.038 1.887 1.224 3.677 4.506 4.77 1.849.622 2.34 1.02 2.34 1.831 0 .811-.603 1.321-2.095 1.321-1.491 0-3.337-.64-4.242-1.206l-.941 3.546c1.206.64 3.055 1.094 5.131 1.094 4.543 0 6.865-2.169 6.865-5.13-.019-2.338-1.284-3.867-4.301-4.886h-.004ZM186.709 81.616l-4.83 1.113v3.453h-2.095v3.62h2.095v6.49c0 2.224.454 3.753 1.358 4.695.774.811 2.095 1.358 3.695 1.358 1.396 0 2.564-.149 3.208-.413l-.038-3.714c-.357.056-.83.13-1.451.13-1.489 0-1.942-.885-1.942-2.79v-5.734h3.527v-3.62h-3.527v-4.588ZM200.681 85.787c-5.507 0-8.015 4.45-8.015 8.468 0 4.96 3.074 8.071 8.469 8.071 2.15 0 4.13-.32 5.734-.982l-.641-3.337c-1.32.416-2.678.64-4.375.64-2.3 0-4.32-.98-4.469-3.018v-.019h10.221a13.09 13.09 0 0 0 .149-1.942c0-3.885-1.942-7.884-7.073-7.884v.003Zm-3.338 6.507c.131-1.32.982-3.207 3.037-3.207 2.262 0 2.79 1.999 2.79 3.207h-5.827ZM229.31 85.805c-1.15 0-2.132.246-3.018.774a7.73 7.73 0 0 0-2.035 1.905h-.056c-.678-1.66-2.3-2.678-4.339-2.678-2.735 0-4.13 1.488-4.807 2.508h-.094l-.227-2.151h-4.148c.056 1.395.13 3.092.13 5.053h-.037v10.787h4.808v-9.224c0-.376.037-.848.208-1.224.301-.811 1.038-1.772 2.3-1.772 1.566 0 2.262 1.358 2.262 3.357v8.882h4.808v-9.261c0-.376.074-.905.208-1.265.32-.945 1.15-1.716 2.262-1.716 1.585 0 2.337 1.321 2.337 3.62v8.619h4.808v-9.336c-.037-4.733-2.337-6.884-5.373-6.884l.003.006ZM247.04 80.243c-1.414 1.302-1.999 3.393-1.999 5.317v.621h-2.076v3.621h2.076v12.22h4.942v-12.22h3.148v-3.62h-3.189v-.812c0-1.566.678-2.828 2.3-2.828.64 0 1.169.112 1.585.227l.208-3.791c-.677-.209-1.529-.32-2.62-.32-1.414-.019-3.129.394-4.375 1.585ZM262.784 85.805c-5.091 0-8.469 3.282-8.469 8.391 0 5.11 3.565 8.168 8.204 8.168 4.243 0 8.373-2.66 8.373-8.469-.019-4.752-3.245-8.09-8.108-8.09Zm-.15 13.05c-2.113 0-3.244-2.054-3.244-4.77 0-2.337.886-4.77 3.244-4.77 2.359 0 3.149 2.414 3.149 4.77 0 2.846-1.228 4.77-3.149 4.77ZM278.326 89.084h-.131l-.152-2.924h-4.242c.056 1.358.13 2.887.13 5.224v10.638h4.923v-8.034c0-.376.037-.774.093-1.094.32-1.529 1.548-2.508 3.357-2.508.547 0 .979.056 1.32.13v-4.639c-.357-.056-.584-.056-1.038-.056-1.507-.019-3.449.963-4.26 3.263ZM295.978 92.782h8.033v-4.036h-8.033V84.22h8.524v-4.056h-13.484v21.857h13.938v-4.056h-8.978V92.78v.004ZM322.798 96.931V86.163h-4.96v9.429c0 .376-.038.774-.171 1.056-.32.774-1.113 1.716-2.471 1.716-1.734 0-2.47-1.395-2.47-3.695v-8.525h-4.96v9.317c0 4.886 2.358 6.903 5.584 6.903 2.847 0 4.336-1.623 4.96-2.602h.093l.227 2.244h4.28c-.056-1.32-.112-3.017-.112-5.072v-.003ZM331.795 89.084h-.134l-.149-2.924h-4.245c.056 1.358.133 2.887.133 5.224v10.638h4.923v-8.034c0-.376.037-.774.093-1.094.321-1.529 1.548-2.508 3.357-2.508.547 0 .982.056 1.321.13v-4.639c-.358-.056-.585-.056-1.038-.056-1.508-.019-3.45.963-4.261 3.263ZM346.992 85.805c-5.091 0-8.469 3.282-8.469 8.391 0 5.11 3.565 8.168 8.205 8.168 4.242 0 8.372-2.66 8.372-8.469 0-4.752-3.241-8.09-8.108-8.09Zm-.112 13.05c-2.095 0-3.245-2.054-3.245-4.77 0-2.337.886-4.77 3.245-4.77s3.148 2.414 3.148 4.77c0 2.846-1.243 4.77-3.148 4.77ZM367.888 85.821c-2.302 0-4.111.886-5.283 2.564h-.056l-.227-2.207h-4.279c.056 1.452.131 3.245.131 5.318v16.956h4.922v-7.866h.056c.718 1.057 2.207 1.831 4.13 1.831 3.528 0 7.186-2.717 7.186-8.488-.019-5.09-3.111-8.108-6.58-8.108Zm-1.83 12.748c-1.433 0-2.564-1-2.884-2.337a5.347 5.347 0 0 1-.096-1.038h.018v-2.17c0-.3.038-.62.097-.885.32-1.47 1.563-2.508 2.94-2.508 2.206 0 3.337 1.905 3.337 4.45 0 2.698-1.262 4.488-3.412 4.488ZM384.748 85.787c-5.507 0-8.015 4.45-8.015 8.468 0 4.96 3.074 8.071 8.469 8.071 2.15 0 4.13-.32 5.734-.982l-.644-3.337c-1.317.416-2.675.64-4.372.64-2.303 0-4.301-.98-4.472-3.018v-.019h10.202c.078-.357.171-1.093.171-1.942 0-3.885-1.961-7.884-7.073-7.884v.003Zm-3.338 6.507c.134-1.32.982-3.207 3.037-3.207 2.262 0 2.772 1.999 2.772 3.207h-5.809Z"}),u.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M27.631 14.327c-3.412 9.109-5.525 17.708-6.6 25.782 23.687-13.503 46.318-14.843 65.42-9.712a46.33 46.33 0 0 1 20.954 12.183C91.431 24.7 65.782 11.897 27.631 14.327Z"}))))};var lh,vh,ah,th,nh,rh,oh,ih,Zh;function sh(){return sh=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return u.createElement("svg",sh({width:240,height:124,viewBox:"0 0 240 124",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?u.createElement("title",{id:e},c):null,lh||(lh=u.createElement("path",{d:"M238.948 70.63v9.3h-18.612v5.816h15.115v9.3h-15.115v6.398h18.612v9.883h-30.814V70.618h30.814v.012Z",fill:"#054D7F"})),vh||(vh=u.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m79.224 111.327 2.492-8.023h11.086l2.343 8.023h12.971L95.12 70.618H81.691l-15.45 40.709h12.983Zm4.65-16.901 3.36-11.805 1.674 5.903 1.674 5.902h-6.708Z",fill:"#054D7F"})),ah||(ah=u.createElement("path",{d:"M19.716 111.327V70.618H35.6l5.717 20.98 5.716-20.98h15.723v40.709H52.117V82.931l-7.142 28.396H37.51l-6.981-28.396v28.396H19.716ZM163.928 111.327h-12.214V70.618h12.214v40.709Z",fill:"#054D7F"})),th||(th=u.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M146.246 88.858c.954-1.798 1.426-3.88 1.426-6.224 0-3.596-1.302-6.498-3.906-8.705-2.604-2.195-6.225-3.299-10.925-3.299h-21.253v40.71h12.214V95.641h4.24l5.952 15.699h13.851l-7.378-17.757c2.902-1.352 4.836-2.927 5.779-4.725Zm-13.02-2.752c-.955.644-2.22.806-3.77.806h-5.63v-7.564h6.064c3.199 0 4.799 1.252 4.799 3.856-.037 1.277-.521 2.232-1.463 2.902Z",fill:"#054D7F"})),nh||(nh=u.createElement("path",{d:"M168.578 70.63v40.71h10.478V87.036l13.925 24.291h10.478V70.618H193.44V92.07l-12.512-21.452h-12.35v.012Z",fill:"#054D7F"})),rh||(rh=u.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M92.293 103.304a.702.702 0 0 1 .347-.508c.286-.174.385-.062.521.087h.013c1.339 1.475 3.186 1.463 3.77 1.463h.074c.21 0 .297.186.397.397.123.273.272.583.719.583.644 0 .582-1.079.483-1.625.596-.397.757-.744.88-.979.075-.149.125-.248.249-.31.111-.062.272.012.434.086.297.124.632.273.843-.248.322-.806-.645-1.128-1.277-1.302-.385-.099-.707-.533-1.005-.942-.21-.285-.397-.546-.595-.67-.484-.322-.955-.806-.161-.806.793 0 1.922-.644.645-.967a4.438 4.438 0 0 0-3.038.323c-.335.173-.41.16-.57.136-.137-.025-.348-.05-.869.025-.607.087-.98.223-1.265.335-.248.086-.434.16-.644.16-.211 0-.323-.061-.46-.136-.173-.086-.371-.198-.818-.198-.892 0-1.922.484-1.438 1.128.186.248.657.422 1.104.596.31.124.62.235.818.372.484.322.36 1.004-.161 1.624-.223.273-.533.806-.496 1.376h1.5ZM84.022 93.905l-.148.521h.024c-.099.136-.248.174-.496.037-.855-.471-1.488-1.785-1.686-2.38-.124-.93.36-1.848.72-2.295.768-.954.954-1.996.235-2.504-.298-.199-.744-.385-1.215-.57-.682-.274-1.377-.559-1.65-.93-.719-1.005.831-1.75 2.146-1.75.67 0 .967.162 1.215.298.198.112.372.199.682.199.31 0 .607-.1.967-.248.434-.161.992-.372 1.897-.509.075-.012.137-.024.199-.024l-2.059 7.254c-.099 0-.223.037-.384.136-.385.248-.521.558-.546.942-.025.1 0 .348.037.658.038.372.075.818.062 1.165Zm6.312-.36c.223.013.41 0 .546 0h.111c.31 0 .447.286.595.608.186.422.41.893 1.08.893.954 0 .88-1.662.718-2.505.893-.62 1.129-1.14 1.302-1.513.1-.223.186-.396.36-.483.174-.087.41.012.657.124.447.198.943.421 1.253-.372.47-1.253-.955-1.749-1.91-1.997-.57-.148-1.054-.83-1.5-1.463-.31-.434-.596-.843-.88-1.041-.72-.496-1.427-1.253-.236-1.253 1.19 0 2.864-1.004.954-1.5a6.43 6.43 0 0 0-4.526.496c-.508.26-.607.248-.843.21-.111-.012-.248-.037-.471-.037l1.364 4.812 1.426 5.022ZM33.914 96.72l-.273-1.104c.075-.05.174-.099.285-.124.335-.086.583.174.856.447s.558.57.98.57c.843.013.67-.496.012-1.004l-.298-.223c-.545-.397-1.004-.732-.855-1.29.173-.67 1.004-.496 1.339-.161.335.335.508 0 .67-.67.173-.67.682-1.165 1.178-.992.496.174.657 1.352.483 2.183-.111.558.075.52.509.434.223-.038.496-.1.83-.087 1.005.012 1.166.347 1.166.508 0 .236-.422.31-1.004.161-.67-.173-1.674.484-2.183 1.154-.508.67 1.005.508 1.674.347.67-.161.831.682-.173.67-1.005-.013-2.01.322-2.356.979-.335.67 1.5.347 1.835.186.335-.161 1.339-.161 1.004.347-.186.273-1.029.459-1.971.657-.46.1-.943.199-1.39.323-.42.111-.842.459-1.276.917l-.496-2.008c.235.037.434-.013.446-.434 0-.67.012-1.178-.818-1.687-.075-.025-.124-.062-.174-.099Zm1.575 6.411c.285-.124.632-.186.905-.199.608-.037 1.463-.508 1.277-1.19-.186-.682-1.153-.682-1.463-.471-.21.136-.732.359-1.079.347l.36 1.513ZM24.961 111.327h5.555v-1.699c-.533.571-1.19 1.054-1.884 1.154-1.736.248-1.327-1.265-.534-2.022l.112-.111c.756-.719 1.426-1.352.955-1.922-.533-.633-1.327-.248-1.6.248-.434.818-1.066.384-.67-.248.1-.149.211-.31.335-.471.385-.521.794-1.067.596-1.55-.26-.633-1.067-.385-1.327-.248-.26.124-1.067.384-.533-.757.533-1.141 0-1.649-.26-1.773-.261-.124-1.067-.124-1.464.384-.397.509-.744-.186-.397-.508.397-.384.533-.88.26-1.017-.272-.136-.731.025-.93.509-.26.632-.93.756-1.202-.124-.26-.881-1.067-1.141-1.6-.633-.26.248-.533.757-.136 1.265.347.434.397.769-.521.781v1.823c.149-.012.322-.037.52-.074 1.166-.199 1.08.384.93.88-.136.459-.136 1.265.534 1.649.248.149.57.099.843.062.26-.037.484-.062.62.062.186.186.025.447-.124.695-.223.359-.421.694.521.694h.608c1.314-.012 2.269-.025 1.922.632-.162.31-.521.472-.868.633-.521.235-1.017.459-.868 1.141.062.235.285.409.607.545ZM52.117 88.598c.285-.347.372-.508.484-.794a5.565 5.565 0 0 0 .248-1.475c0-.422-.1-.918-.347-1.563l-.025-.074c-.037-.1-.075-.198-.087-.248a6.708 6.708 0 0 1-.174-.57c-.074-.298-.024-.806.124-1.265.038-.137.087-.273.15-.41.284.534.446.906.57 1.352.111.41.173.744.198 1.215.037.682-.012 1.228-.149 1.662-.037.112-.111.31-.173.434-.137.298-.186.471-.186.67-.013.446.062.868.21 1.178.1.223.224.384.484.657.124.124.198.173.248.161.037-.012.062-.062.074-.124 0-.112-.037-.186-.235-.397-.223-.248-.323-.372-.397-.583a2.475 2.475 0 0 1-.1-.793c0-.149.038-.248.174-.546.174-.397.286-.781.323-1.24.025.025.062.025.087-.012.024-.037.037-.087.05-.347 0-.112.036-.348.074-.633.037-.248.074-.508.074-.57.037-.509-.025-.98-.198-1.327-.137-.273-.174-.384-.186-.595-.038-.335-.013-.595.086-.819l.075.075c.186.198.347.397.434.533.149.236.21.508.21.893 0 .21-.024.322-.136.607-.136.372-.161.844-.074 1.352.012.062.074.322.124.57l.136.62c.037.26.05.31.075.335.037.037.086.025.099-.025.012-.037 0-.26-.037-.458-.013-.062-.075-.323-.124-.558a6.52 6.52 0 0 1-.124-.596 2.18 2.18 0 0 1 .099-1.165v.31c.025.967.186 1.624.545 2.257.162.285.199.372.224.52.037.26.024.62-.025.794-.062.21-.137.347-.335.62-.186.236-.21.298-.198.422.012.05.05.111.074.111.05.013.112-.05.223-.186.236-.285.335-.459.422-.694.025-.075.05-.161.074-.26.075.285.161.57.248.756.149.322.273.483.732.917.36.348.372.36.421.348.05-.013.075-.05.075-.124.012-.15-.062-.236-.509-.658-.21-.198-.26-.26-.347-.384-.161-.223-.273-.533-.384-.967-.1-.397-.112-.57-.112-.843.013-.211.025-.348.075-.62.012-.087.024-.137.037-.186.025-.087.05-.186.111-.434v-.05c.199-.72.224-.93.186-1.302-.05-.459-.173-.843-.409-1.34-.136-.284-.248-.458-.533-.904a7.59 7.59 0 0 1 .31-.757c0 .025.012.05.025.075.074.26.173.446.397.706-.075.348-.062.67.037.868.161.31.21.509.26.893.062.57.013 1.153-.124 1.5-.062.162-.062.224 0 .236.037.013.05 0 .075-.037.099-.136.198-.508.223-.856.012-.099.012-.223.012-.334.025.062.075.124.124.21.335.57.459 1.042.335 1.377a1.126 1.126 0 0 1-.087.173c-.05.075-.074.137-.062.186 0 .013.013.038.025.05-.05.149-.087.298-.112.471-.062.397-.037.657.1.992.05.112.111.285.148.41a13 13 0 0 0 .112.347c.074.21.136.26.223.173.062-.062.075-.161.05-.273a9.638 9.638 0 0 0-.31-.868 1.239 1.239 0 0 1-.1-.632c.025-.273.137-.608.298-.893.199-.347.211-.36.223-.483a1.35 1.35 0 0 0-.05-.67 1.92 1.92 0 0 0-.284-.484c-.323-.421-.385-.607-.348-.905.025-.21.1-.397.248-.645.385.521.596.906.645 1.216.013.062.013.124.025.235 0 .112 0 .223.012.335v.149c.013.36 0 .471-.05.756-.061.36-.123.893-.136 1.091-.012.422.1.707.484 1.302.124.199.26.422.322.57.075.174.15.435.174.633.037.223.062.298.112.347.086.075.16.013.173-.124 0-.124-.037-.36-.111-.607-.112-.397-.186-.558-.521-1.079-.248-.384-.298-.496-.347-.67-.025-.099-.038-.16-.025-.248 0-.16.074-.719.124-1.041.025-.112.037-.236.05-.323.012.025.037.038.049.062.074.087.136.112.174.062.062-.062.05-.148-.062-.26a.953.953 0 0 1-.162-.248c0-.298-.024-.707-.037-.83-.012-.088-.025-.187-.062-.286.013-.074.037-.136.05-.186.012-.037.099-.223.198-.397.149-.285.223-.446.26-.607.025.136.025.272-.012.483-.05.434-.05.843 0 1.116.025.161.05.211.174.434.074.149.111.211.161.385.1.334.136.582.124 1.24-.012.05-.037.111-.05.16-.062.261-.024.46.15.708.098.148.123.21.148.334.025.137.1.174.174.1.05-.05.05-.062.074-.162a.455.455 0 0 0-.012-.223.788.788 0 0 0-.137-.273c-.124-.198-.149-.248-.149-.347 0-.087 0-.099.137-.446.31-.794.372-1.575.21-2.319-.061-.298-.148-.558-.322-1.017-.161-.409-.198-.583-.198-.744 0-.037.012-.087.025-.149.074.273.223.583.806 1.65.57 1.041.706 1.525.582 2.07-.037.162-.062.224-.21.546-.174.36-.236.657-.248 1.153v.509c.012.198.024.248.074.458.1.385.21.62.422.868.062.075.148.186.21.26.15.187.211.236.26.224.112-.025.088-.21-.024-.384a5.7 5.7 0 0 0-.198-.248c-.199-.236-.26-.335-.348-.558a2.203 2.203 0 0 1-.124-.596 6.683 6.683 0 0 1 .038-.88c.037-.223.074-.347.223-.632.21-.447.285-.794.235-1.216a1.608 1.608 0 0 0-.099-.421c-.124-.447-.26-.732-.88-1.86-.31-.57-.385-.72-.447-.943-.037-.136-.062-.223-.062-.297a2.444 2.444 0 0 1 .087-.757c.037-.136.075-.248.1-.36l.061-.21h.075c.756-.496 1.116-1.488.508-3.212-.607-1.723-3.013-3.211-6.014-3.062-3.521.16-4.724 1.798-5.543 3.124-.607.992-.458 2.48-.037 2.976l.037-.024c.075-.038.112-.062.15-.075.012.013.024.013.049.025-.025.124-.037.36-.025.533.025.323.124.62.434 1.426-.05.149-.136.347-.273.67-.508 1.178-.62 1.475-.707 1.934-.037.223-.05.31-.05.434 0 .434.1.769.348 1.19.161.273.21.385.273.608.05.186.111.633.124.868.012.186-.025.434-.062.595-.062.224-.112.335-.298.583-.062.1-.149.211-.173.26-.1.187-.1.373.012.397.062.013.112-.05.248-.248.05-.074.124-.198.186-.272.186-.26.273-.509.335-.906.037-.21.037-.26.025-.458 0-.124-.025-.348-.038-.509-.062-.496-.148-.781-.36-1.128-.185-.31-.21-.36-.26-.521-.173-.533-.086-1.017.385-2.108.198-.459.335-.781.434-1.03.235.608.297.782.322.894.025.16-.012.334-.124.756-.124.471-.186.732-.223 1.042-.087.756.05 1.537.434 2.294.161.322.174.347.174.434.012.099-.013.148-.124.36a.774.774 0 0 0-.112.284.447.447 0 0 0 .012.224c.025.099.038.111.087.148.087.075.149.025.161-.111.013-.137.038-.199.124-.347.15-.273.162-.46.075-.72a2.255 2.255 0 0 0-.1-.235c-.347-.633-.508-1.253-.495-1.848.012-.372.062-.657.21-1.203.15-.533.186-.744.174-.967-.012-.21-.062-.36-.459-1.364.062-.173.075-.297.087-.434.037-.434-.025-.83-.236-1.327l-.099-.248.112-.062s.025-.012.037-.024l.186.037c.124.062.248.111.36.136.148.05.16.05.173.112.013.037.05.124.075.186.062.136.16.471.21.682-.037.099-.074.198-.136.322-.322.732-.36.98-.236 1.563.013.062.025.124.038.198 0 .124.012.236.05.36.012.173.012.334.012.446a1.26 1.26 0 0 1-.087.285c-.037.112-.1.26-.124.335-.087.298-.112.682-.087 1.066.025.31.1 1.054.124 1.08.025.036.062.036.1.012.049-.05.049-.162 0-.608-.075-.756-.075-1.017 0-1.376.036-.174.049-.236.123-.397.087-.211.112-.285.124-.422.05.112.124.236.236.397.111.174.21.335.235.372.013.025.025.05.025.074 0 .05.013.087.013.112.012.062.05.223.086.36.013.037.025.074.038.124.024.347-.062.682-.211.88-.087.124-.1.198-.037.26.05.038.099.013.16-.074.1-.136.174-.31.212-.508.037.148.062.285.062.347a.911.911 0 0 1 0 .26c-.025.174-.075.298-.273.695-.273.545-.347.719-.422 1.116-.05.26-.074.496-.05.62.025.136.1.186.187.111.05-.062.074-.124.086-.36.013-.198.062-.47.124-.644a3.35 3.35 0 0 1 .26-.595c.298-.558.398-.856.373-1.203.012.074.025.136.037.198.037.124.037.137.273.459.012.012.012.025.025.037l.086-.36c-.136-.198-.16-.26-.16-.371-.013-.186.036-.348.21-.62.05.086.124.16.149.173h.012l.05-.21s-.025-.038-.05-.063c-.012-.024-.037-.05-.062-.086.1-.174.149-.273.186-.41a1.354 1.354 0 0 0-.062-.93c.013-.037.037-.074.05-.124.149-.31.173-.372.198-.545.037-.223.013-.335-.136-.695-.112-.272-.149-.384-.137-.508.224.335.323.558.397.856.037.136.05.223.05.31 0 .024 0 .062-.013.086-.012.087-.05.186-.099.348-.062.173-.111.533-.124.818v.149l.434-1.724v1.687s.05.136.075.21v.05c.099.248.136.335.16.422.013.05.038.099.05.186.075.26.112.396.137.607.037.273.025.447-.025.856-.062.434-.149.756-.285.992a.972.972 0 0 1-.124.186v.471h.074Zm0-2.344s.025 0 .037-.012c.062-.025.05-.087-.024-.236 0 0 0-.012-.013-.012v.26Zm-2.009-5.778c.05-.21.062-.384.05-.533.1.012.198.012.31.025-.025.148-.062.36-.074.508-.1.781-.075 1.438.074 2.021-.05.1-.1.186-.124.273-.124.31-.198.595-.198.856 0 .086.012.372.024.644a1.955 1.955 0 0 1-.124-.198c-.21-.31-.272-.446-.322-.632 0-.013-.012-.025-.012-.05-.013-.124-.025-.273-.05-.41v-.036c.012-.248.05-.372.236-.856.136-.347.16-.533.136-.868a7.508 7.508 0 0 1-.037-.273c.037-.173.074-.322.111-.471Zm.546 1.662c-.087-.633-.05-1.364.112-2.158h.148c.124.186.186.322.236.459a.367.367 0 0 1 .025.124c-.087.31-.1.583-.05.818l-.136.236a4.64 4.64 0 0 0-.335.52Zm.67-2.071-.038-.075h.075l-.025.05s-.012.025-.012.037v-.012Zm.186.074c.024-.074.05-.124.062-.173h.434c-.112.21-.162.396-.162.57-.012.174 0 .31.05.484-.025.05-.062.086-.1.136-.21.273-.31.422-.371.533-.037-.062-.062-.111-.087-.149.025-.037.037-.074.05-.099.024-.062.024-.111.037-.21.05-.335.05-.62-.013-.881.038-.062.062-.136.1-.21Zm.768.05s.087-.137.137-.236c.149 0 .31-.012.471-.025h.025c.025.1.037.186.037.273.012.1 0 .149-.037.335l-.037.21-.236.447c-.074.149-.149.273-.198.372-.199-.36-.273-.508-.31-.657.05-.112.086-.223.111-.36.025-.099.037-.223.037-.36Zm1.166-.273h.025c.235-.012.459-.012.657-.025a.838.838 0 0 1-.062.335 1.872 1.872 0 0 1-.285.484 4.27 4.27 0 0 0-.372.52 2.806 2.806 0 0 1-.161-.248.709.709 0 0 1-.087-.334v-.038l.037-.248c.012-.062.037-.124.062-.186.037-.086.074-.186.074-.21l.112-.05Zm1.017.347c.037-.149.05-.273.074-.384.236 0 .459 0 .657-.013l-.024.112c-.05.186-.087.36-.1.52a2.043 2.043 0 0 0-.111.274c-.137.31-.248.558-.335.78l-.1-.148-.061-.21a1.068 1.068 0 0 1-.062-.336c0-.173.012-.347.062-.595Zm1.017-.347c.136.025.26.012.36-.037h.198c.05.136.074.273.074.372-.05.111-.087.186-.112.297a1.59 1.59 0 0 0-.062.335l-.037.075a3.74 3.74 0 0 0-.297.694c-.236-.273-.335-.508-.36-.83.136-.323.186-.447.223-.633 0-.1.013-.186.013-.273Zm.768.087s-.012-.075-.024-.112h.086l-.05.087v.025h-.012Zm.236.273c.074-.137.161-.298.186-.36h.025c.087.508.111.967.074 1.401-.025.323-.099.608-.223.843a.222.222 0 0 1-.062-.086 3.304 3.304 0 0 1-.161-.211c-.124-.186-.174-.62-.112-.943.037-.186.112-.36.273-.644Zm1.004-.248s.087-.038.137-.075c.347.025.558.025.744-.012.062.025.124.062.149.074l.124.05-.075.26a3.544 3.544 0 0 0-.136.645c-.223.756-.248.893-.236 1.091 0 .223.062.422.26.943.199.52.273.806.323 1.178.062.496 0 1.016-.186 1.55-.012-.385-.074-.744-.186-1.017-.025-.075-.1-.223-.149-.323-.074-.148-.099-.198-.111-.272-.05-.236-.05-.658 0-1.017.05-.385.037-.633-.087-.943.025-.223 0-.434-.062-.644-.037-.162-.1-.286-.273-.62-.198-.36-.248-.546-.236-.868Zm-8.791 1.351s.012-.111.012-.161c-.012-.31-.087-.595-.273-1.042a1.86 1.86 0 0 0 0 .372c.025.186.075.36.26.831Zm1.277-1.426c-.112.025-.223.037-.298.025-.024 0-.012.012.025.1.062.148.137.346.186.557.025-.062.037-.136.05-.198.037-.161.05-.223.05-.323 0-.062 0-.111-.013-.16Zm-.124 1.253s-.037.086-.05.124c-.16.384-.223.52-.248.682a1.405 1.405 0 0 0-.012.396c.025-.111.074-.235.161-.458.124-.31.174-.484.149-.744Zm.707 1.674c-.1.235-.161.421-.174.595-.012.111 0 .273.025.719.025.36.037.459.112.744.086.347.21.88.235 1.079v.025c0-.124.013-.248.037-.348.038-.148.112-.297.236-.508.025-.037.05-.074.062-.112a1.644 1.644 0 0 1 .025-.483c.025-.161.074-.31.124-.484a1.84 1.84 0 0 0-.323-.545 2.575 2.575 0 0 1-.36-.682Zm.83.868a2.258 2.258 0 0 0-.297-.46 1.881 1.881 0 0 1-.372-.756c.112-.21.26-.446.434-.706h.012s.05-.087.062-.112c.025.05.062.112.112.186 0 .012-.012.037-.012.062a.791.791 0 0 0-.013.31c.013.136.037.198.137.446.136.335.148.422.124.583-.013.087-.038.149-.124.323-.025.037-.038.086-.062.124Zm-.136 1.016c.013-.111.025-.235.062-.372a.71.71 0 0 1-.062.372Zm.732-1.984c.05-.198.111-.396.198-.62.037-.099.075-.186.112-.285-.013-.025-.025-.05-.05-.087a6.91 6.91 0 0 1-.297-.57c-.038.05-.075.112-.124.174-.174.223-.26.36-.31.458h.012c.186.298.298.496.384.72.025.074.05.148.075.21Zm.607-.905c.372.67.509 1.017.67 1.587.136.496.186.744.223 1.327 0 .087.013.174.013.26l.037-.247c.037-.248.062-.509.074-.596a2.232 2.232 0 0 0-.223-1.178c-.05-.111-.112-.248-.124-.322a2.308 2.308 0 0 1-.062-.595c0-.211.062-.496.124-.657.012-.013.012-.038.025-.05a1.414 1.414 0 0 1-.236-.422c0-.012-.012-.024-.012-.037-.037.1-.1.199-.186.372a4.526 4.526 0 0 0-.323.558Zm.943-.508.062.062c.273.285.446.508.545.694a1.9 1.9 0 0 1 .162.546 4.49 4.49 0 0 1 .198-.781 1.927 1.927 0 0 1-.273-.521 2.107 2.107 0 0 1-.099-.843 2.366 2.366 0 0 1-.248.36c-.149.173-.273.359-.347.483Zm1.153.793a4.95 4.95 0 0 0-.136.583c-.075.422-.1.757-.087 1.228.025.682.124 1.227.31 1.649.037.1.136.298.21.422.038.074.075.136.1.198.037-.26.087-.558.186-.893l.025-.074c.024-.1.05-.211.074-.26.05-.174.112-.472.124-.583.037-.31-.05-.806-.236-1.24a8.114 8.114 0 0 0-.57-1.03Zm1.228-.917c-.1.21-.174.372-.211.545.335.372.384.447.446.658.033.107.05.21.05.31v.037c.05-.137.124-.285.198-.397-.025-.037-.05-.062-.074-.1h-.013c-.148-.198-.21-.272-.248-.346-.024-.05-.037-.112-.062-.211a2.454 2.454 0 0 1-.086-.496Zm.818 1.14a5.9 5.9 0 0 1 .496.757c.05.1.1.198.136.285.038-.111.1-.223.211-.446.174-.335.236-.471.273-.67.012-.05.012-.099.025-.149-.05-.111-.124-.248-.248-.483-.211-.372-.31-.583-.385-.843-.099-.298-.111-.546-.062-.744l.025-.087-.087-.037s-.062-.025-.111-.05c.087.583.099 1.104.012 1.587-.074.385-.149.633-.285.88Zm.608-2.182a.68.68 0 0 0-.025.285c.012.087.025.162.074.31.075.236.161.434.347.757.05.074.087.149.124.223-.037-.223-.086-.36-.31-.794-.16-.31-.21-.483-.21-.78Zm-1.29 3.187c-.062.21-.05.285-.012.422.024.086.05.148.148.31.211.36.335.62.422.917.037.149.062.285.074.41.087-.162.1-.211.087-.31 0-.187-.074-.348-.285-.62-.198-.273-.273-.385-.335-.559a1.291 1.291 0 0 1-.099-.57Zm-.397-1.389v.037c-.05.31-.037.372.137.732.05.1.086.26.136.422.012-.025.012-.062.025-.1.099-.334.111-.434.074-.595-.05-.124-.124-.223-.372-.496ZM151.714 87.11c1.116.36 1.91.794 2.492 1.104.422.235.744.409 1.005.458.483.087 1.463-.173 2.207-.372.434-.111.794-.21.93-.21.384.012.508.248-.298.917l-.223.186c-.607.496-.682.558-.347 1.203.36.72.719 1.55-.05 1.166-.285-.137-.607-.385-.93-.633-.545-.409-1.116-.855-1.599-.868-.248-.012-.558.112-.955.273-.546.223-1.265.508-2.22.62V87.11h-.012ZM154.194 78.53c.397.917 5.01 3.595 9.734 4.724v-7.428c-3.385-.062-6.634.595-8.085 1.03-1.165.297-2.108.62-1.649 1.673Zm3.336-.348a.582.582 0 1 0 0-1.166.582.582 0 1 0 0 1.166ZM211.78 111.327h-3.658v-7.39c.52.682 1.178 1.289 3.682.409 3.696-1.29 2.728-3.534 1.774-4.501a11.698 11.698 0 0 0-.757-.682c-1.165-1.03-2.691-2.369-1.017-2.369 1.116 0 1.997.46 2.877.906.769.396 1.525.793 2.431.868a18.67 18.67 0 0 1 3.224.582v2.307h.347c-2.517 1.327-4.005 2.616-5.506 5.158-1.612 2.728-3.856 3.051-4.823 3.051-.571-.013.421.88 1.426 1.661ZM208.122 81.232c1.587-.099 2.703-.657 3.521-1.066.484-.248.868-.434 1.166-.434.595 0 1.327.558 2.009 1.104.409.322.818.632 1.165.806.955.483.484-.633 0-1.588-.434-.855-.347-.942.372-1.649l.261-.26c.954-.955.793-1.277.322-1.277-.174 0-.608.148-1.128.334-.906.31-2.084.72-2.691.62-.323-.05-.719-.272-1.253-.57-.843-.459-2.021-1.116-3.744-1.562v5.542ZM146.246 88.858c.384-.731.694-1.5.917-2.318-1.302.062-2.443.26-3.038.421-.657.149-1.178.31-.942.893.124.322 1.178 1.079 2.591 1.76.186-.247.335-.495.472-.756Zm-1.464-1.165a.329.329 0 0 0 .323-.323.329.329 0 0 0-.323-.322.328.328 0 0 0-.322.322c0 .174.149.323.322.323ZM128.278 94.277c-.409.285-.93.794-.992 1.364h-1.401a.946.946 0 0 0-.298-.223c-1.079-.57-1.426-1.128-1.079-1.699.36-.57 1.079-.372 1.426 0 .36.372 1.079-.57 1.253-.942.173-.372 1.079-.943 1.612-.372.558.545.025 1.488-.521 1.872Zm-4.476 2.183a.784.784 0 0 0-.335-.174c-.248-.062-.36.062-.521.26 0 0-.099.124-.174.199-.272.285-.558.583-.979.583-.831 0-.67-.521 0-1.042l.186-.149.111-.087c.546-.409 1.005-.744.856-1.339-.161-.694-.992-.52-1.327-.173-.335.347-.496 0-.669-.695-.162-.694-.67-1.215-1.166-1.041-.496.173-.67 1.388-.496 2.269.112.583-.074.545-.508.446-.211-.05-.496-.099-.819-.099-.992 0-1.165.347-1.165.52 0 .249.409.323.992.174.669-.173 1.661.521 2.157 1.216.496.694-.992.52-1.661.347-.67-.174-.831.694.161.694s1.996.347 2.319 1.042c.322.694-1.501.347-1.823.173-.335-.173-1.327-.173-.992.348.186.285 1.017.483 1.947.694.235.05.471.112.706.174.224.062.447.111.658.173.83.248 1.723 1.488 2.492 2.691v-1.463c-.273-.583-.211-1.153 0-1.525v-1.005c-.112.025-.223.062-.335.087 0 0-.087.025-.136.037-.323.1-.695.211-.695-.384v-.298c-.024-.558-.037-1.004.67-1.438.236-.149.397-.298.508-.459v-.756h.038Zm0 9.932a.569.569 0 0 1-.335-.186c-.323-.347-.285-.682-.248-1.079.037-.397.087-.831-.248-1.364-.434-.682-.583-.471-.819-.149-.124.174-.272.385-.508.496-.67.348-.831.174-.67-.52.162-.695-.496-2.27-.992-.868-.496 1.388.162 2.442 1.662 2.963 1.5.521.831 2.083 0 2.083s-.992.174-1.166.521c-.21.447.162 1.389 1.501 1.215 1.327-.173 1.661.868.496 1.216-.397.124-.521.347-.509.595h1.848v-4.923h-.012Zm8.866 1.426c.793-.161.558-1.017-.273-1.178l-.186-.037.459 1.215Zm-.943-2.48c.261-.186.744-.273 1.587-.062 2.034.508 2.22-.856 1.476-1.55-.744-.682-.744-1.376-.372-1.376.124 0 .26.111.422.235.347.273.806.62 1.426.273.93-.508.372-1.711 0-2.406-.372-.682.372-.855.744-.347.372.521 1.289 1.203 1.661.682.372-.521.372-1.029-.372-1.203-.744-.173-1.289-.347-.93-.52.372-.174 1.476-.682.558-1.377-.93-.682-1.475-.173-1.661 0-.05.037-.1.137-.162.26-.21.373-.52.955-.942.435-.558-.682-.93-.856-1.29-.856-.359 0-.558.682 0 1.376.558.682.558 1.203.186 1.03-.099-.05-.21-.186-.347-.36-.372-.471-.93-1.178-1.885-.67-1.289.682-.372 1.885.186 2.232.558.348.372.856 0 .856-.111 0-.223-.124-.359-.273-.285-.322-.695-.756-1.451-.384l1.525 4.005ZM168.578 83.725c2.319-.137 3.955-.856 5.146-1.377.719-.322 1.265-.558 1.711-.558.88 0 1.934.757 2.951 1.464.608.421 1.191.843 1.711 1.078 1.402.633.707-.843.013-2.108-.62-1.14-.496-1.252.558-2.182.111-.1.248-.21.384-.335 1.414-1.252 1.178-1.674.471-1.686-.26 0-.892.198-1.661.434-1.327.409-3.063.942-3.943.806-.472-.075-1.054-.372-1.836-.757-1.24-.62-2.951-1.488-5.505-2.095v7.316ZM203.472 101.854c-3.224-.856-7.862-1.885-11.768-2.48-2.951-.46-4.563-.15-5.382.334l4.601 8.036c3.571 1.388 8.382 2.814 11.581 3.596h.955v-9.486h.013ZM199.442 76.086c.781-.26 2.306-.632 4.03-.756v5.096c-2.642-.954-4.923-2.48-5.146-3.062-.323-.806.31-1.054 1.116-1.278Zm.917 1.178a.329.329 0 0 0 .323-.322.329.329 0 0 0-.323-.322.328.328 0 0 0-.322.322.32.32 0 0 0 .322.322Z",fill:"#A3ABC8"})),oh||(oh=u.createElement("path",{d:"M238.948-.31v15.116h-30.244v9.882l24.428-.037v14.57h-24.428V50.27h30.244v15.698h-50.009V-.322h50.009v.012ZM153.276 22.642c7.726 1.625 13.206 3.038 16.455 4.303 3.249 1.265 5.952 3.398 8.172 6.436 2.182 3.038 3.249 6.634 3.249 10.75 0 6.486-2.617 11.768-7.924 15.798-5.307 4.03-12.251 6.039-20.857 6.039-15.735 0-25.457-6.522-29.14-19.592l18.402-3.274c1.55 5.171 5.555 7.788 11.929 7.788 4.96 0 7.452-1.302 7.452-3.956 0-1.389-.595-2.492-1.748-3.236-1.154-.794-3.212-1.464-6.188-2.059-11.334-2.17-18.6-5.022-21.812-8.494-3.211-3.472-4.836-7.589-4.836-12.288 0-6.089 2.344-11.098 6.944-15.128 4.638-4.03 11.26-6.039 19.94-6.039 13.119 0 21.811 5.295 26.052 15.798l-16.418 4.935c-1.698-4.303-5.158-6.436-10.341-6.436-4.328 0-6.461 1.302-6.461 3.993 0 1.19.472 2.096 1.464 2.765.954.67 2.852 1.302 5.666 1.897ZM116.833 65.98H96.484V-.31h20.349v66.29ZM55.738-.31l9.833 38.23 9.3-38.23h15.587L72.862 65.98h-17.1l-9.274-36.555L37.72 65.98H19.728L2.282-.31h19.145l9.288 38.155L39.755-.31h15.983Z",fill:"#054D7F"})),ih||(ih=u.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M188.939 40.412V39.37l.769-.546V35.39c.049-.273.161-.806.644-.806.385 0 .484.533.484.806v3.496l12.896 11.384 4.997-3.497v1.302l-4.104 2.976 11.16 9.858h1.066c.645 0 1.451.161.645 1.29-.57.793-1.091 2.665-1.364 3.781h-27.181V52.241h.769V39.916l-.781.496Zm20.187 9.87h.645v.087a.967.967 0 0 1 .645.905.955.955 0 0 1-.645.905v.223c.273.038.645.211.645.633v.161c.012.446.037.967-.968.967-.21 0-.644-.062-.644-.322 0-.323.322-.323.644-.323.323 0 .645-.322.162-.644-.273-.174-.385-.26-.434-.323h-.038v-.372a.966.966 0 0 1-.644-.905c0-.422.272-.781.644-.905v-.087h-.012Zm-17.906 2.083s.062.124.087.186a1.598 1.598 0 0 1-.322 1.6v5.01l2.728-1.91v-8.643l-2.493 3.757Zm-.396-.657 2.889-4.563v-1.5c.049-.273.161-.807.645-.807.384 0 .483.534.483.806v.794l7.502 4.774.571-.397-12.09-10.974v11.867Zm10.701.087-6.684-4.179v8.854l6.684-4.675Zm-9.027 8.047 1.215-.88v.967l-1.215-.087Zm14.185 1.067h7.341l-10.218-9.275-8.965 6.51v1.872l11.842.893ZM181.152 44.082l-17.695 10.13 8.419 1.476V51.51c-.21-.162-.644-.608-.644-1.129 0-.52.744-.744 1.128-.806h8.097c-.111.434-.248.868-.397 1.29h-1.116v1.6h.472c-1.315 2.839-3.373 5.319-6.188 7.464-2.12 1.6-4.489 2.89-7.118 3.857-2.604-1.935-4.96-7.006-5.394-7.961-.037-.075-.062-.124-.062-.149a1.403 1.403 0 0 0-.272-.31c-.31-.298-.707-.67-.36-1.14.384-.51 1.339-.435 1.761-.323l.31.05 19.059-10.987c-.013.372 0 .744 0 1.116Zm-7.676 6.783h1.6v1.6h-1.6v-1.6Zm4.501 0h-1.599v1.6h1.599v-1.6ZM116.833 24.23h-1.501c-.322-.05-.992-.062-1.128.322-.161.484-.484.645-1.451.645h-1.761v.483l.782 40.3h-3.968l.942-41.428c-.211-.161-.707-.384-.967 0-.161.248-.124.694-.075 1.116.038.422.075.806-.086.967-.248.248-7.378 11.78-11.148 17.893v-3.782l7.291-14.272c.323-.694 1.253-2.12 2.406-2.244 1.153-.124 1.017-1.017.806-1.451-.112-.484-.261-1.6 0-2.245.161-.396.124-.396-.075-.434-.198-.037-.558-.111-1.054-.682-.719-.83-6.15-10.068-9.374-15.599V1.562l10.342 14.161c.483.645 1.376 2.22 1.128 3.373-.322 1.45 1.29 2.083 1.761 2.244.31.1 4.166.211 7.117.286v2.604h.013ZM39.73 57.586l-2.01 8.394h-.11v-6.46h-1.29v-1.29h.645v-.644h2.765Zm3.038-12.71-.893 3.744-3.943-6.125h-.968v9.796h.645v.483h-1.612v-.483h.645V42.01h1.45l.323-.322h.645l3.708 3.187Zm34.137 5.803h-.769v-.645h.645v-8.668h-1.129l-5.815 9.635v2.567l1.128.645v1.6h1.29c.484.049 1.45.582 1.45 2.244v2.567h-.966v5.344h-4.526v-5.344h-4.526v5.344H61.43v-5.344h-2.914v5.344h-2.778L52.526 53.32l4.849-27.69 2.058-1.103v-2.753h.323v2.89l1.661.967 2.914 27.292h.323v-2.405h.645l1.128-3.373 9.213-6.746 1.45.323v9.225l-.185.732ZM126.604 23.436a17.084 17.084 0 0 1-.149-1.773h6.089c-.162.372-.831 1.19-2.245 1.45-.769.125-2.232.236-3.695.323Z",fill:"#A3ABC8"})),Zh||(Zh=u.createElement("path",{d:"m21.328 115.556 2.17 6.051 2.17-6.051h1.686v7.886h-1.302v-2.604l.124-3.472-2.22 6.076h-.93l-2.219-6.076.124 3.472v2.604H19.63v-7.886h1.699ZM33.22 121.607h-2.914l-.608 1.835h-1.364l2.84-7.886h1.178l2.852 7.886H33.84l-.62-1.835Zm-2.555-1.104h2.183l-1.092-3.273-1.09 3.273ZM38.812 120.404h-1.463v3.038h-1.302v-7.886h2.641c.868 0 1.538.198 2.009.607.471.409.707 1.005.707 1.773 0 .521-.124.968-.372 1.327-.236.36-.583.633-1.017.819l1.686 3.286v.074H40.3l-1.488-3.038Zm-1.45-1.104H38.7c.447 0 .782-.111 1.03-.347.248-.235.372-.558.372-.955 0-.421-.112-.744-.348-.979-.223-.236-.57-.347-1.029-.36H37.35v2.641h.012ZM44.032 123.442H42.73v-7.886h1.302v7.886ZM51.609 123.442h-1.302l-3.348-5.592v5.592h-1.302v-7.886h1.302l3.36 5.617v-5.617h1.302v7.886h-.012ZM57.56 119.92h-3.087v2.431h3.609v1.091h-4.923v-7.886h4.885v1.103h-3.57v2.183h3.087v1.078ZM63.153 123.442h-1.302v-7.886h1.302v7.886ZM70.73 123.442h-1.302l-3.348-5.592v5.592h-1.302v-7.886h1.302l3.36 5.617v-5.617h1.302v7.886h-.012ZM76.62 120.094h-3.026v3.336h-1.302v-7.874h4.786v1.103h-3.472v2.344h3.026v1.091h-.012ZM84.11 119.697c0 .769-.125 1.451-.385 2.034-.26.583-.62 1.029-1.091 1.339a2.914 2.914 0 0 1-1.637.471c-.62 0-1.153-.149-1.637-.471-.471-.31-.843-.756-1.104-1.339-.26-.583-.384-1.24-.396-1.997v-.446c0-.769.124-1.451.384-2.034.26-.582.632-1.041 1.104-1.351a2.914 2.914 0 0 1 1.636-.471c.62 0 1.154.161 1.625.471.471.31.843.756 1.103 1.327.26.582.385 1.252.397 2.021v.446Zm-1.315-.409c0-.868-.161-1.538-.471-2.009-.31-.471-.757-.694-1.34-.694-.582 0-1.004.235-1.326.694-.323.459-.484 1.116-.484 1.972v.459c0 .868.161 1.537.484 2.008.322.472.768.707 1.339.707.57 0 1.029-.235 1.339-.694.31-.459.471-1.141.471-2.021v-.422h-.012ZM88.177 120.404h-1.464v3.038h-1.302v-7.886h2.641c.868 0 1.538.198 2.01.607.47.409.706 1.005.706 1.773 0 .521-.124.968-.372 1.327-.236.36-.583.633-1.017.819l1.687 3.286v.074h-1.401l-1.489-3.038Zm-1.464-1.104h1.34c.446 0 .78-.111 1.029-.347.248-.235.372-.558.372-.955 0-.421-.112-.744-.347-.979-.224-.236-.57-.347-1.03-.36h-1.376v2.641h.012ZM93.707 115.556l2.17 6.051 2.17-6.051h1.686v7.886h-1.302v-2.604l.124-3.472-2.22 6.076h-.93l-2.22-6.076.125 3.472v2.604h-1.302v-7.886h1.699ZM105.586 121.607h-2.914l-.608 1.835H100.7l2.84-7.886h1.178l2.852 7.886h-1.364l-.62-1.835Zm-2.542-1.104h2.182l-1.091-3.273-1.091 3.273ZM113.237 116.659h-2.344v6.783h-1.302v-6.783h-2.331v-1.103h5.964v1.103h.013ZM115.618 123.442h-1.302v-7.886h1.302v7.886ZM123.231 119.697c0 .769-.124 1.451-.384 2.034-.261.583-.62 1.029-1.091 1.339a2.916 2.916 0 0 1-1.637.471c-.62 0-1.153-.149-1.637-.471-.471-.31-.843-.756-1.104-1.339-.26-.583-.384-1.24-.396-1.997v-.446c0-.769.124-1.451.384-2.034.26-.582.632-1.041 1.104-1.351a2.91 2.91 0 0 1 1.636-.471c.62 0 1.154.161 1.625.471.471.31.843.756 1.103 1.327.261.582.385 1.252.397 2.021v.446Zm-1.314-.409c0-.868-.161-1.538-.471-2.009-.31-.471-.757-.694-1.34-.694-.582 0-1.004.235-1.326.694-.323.459-.484 1.116-.484 1.972v.459c0 .868.161 1.537.484 2.008.322.472.768.707 1.339.707.57 0 1.029-.235 1.339-.694.31-.459.471-1.141.471-2.021v-.422h-.012ZM130.498 123.442h-1.302l-3.348-5.592v5.592h-1.302v-7.886h1.302l3.36 5.617v-5.617h1.302v7.886h-.012ZM138.607 121.408c0-.347-.111-.62-.347-.806-.236-.186-.645-.372-1.252-.57-.608-.186-1.092-.409-1.451-.645-.682-.446-1.029-1.041-1.029-1.761 0-.632.248-1.165.744-1.574.496-.41 1.14-.62 1.922-.62.52 0 .992.099 1.401.297.409.199.731.496.967.868s.347.781.347 1.24h-1.302c0-.409-.124-.731-.372-.967s-.595-.347-1.054-.347c-.421 0-.756.099-.992.285-.235.186-.347.459-.347.806 0 .285.124.533.384.732.261.186.67.384 1.265.558.583.186 1.054.384 1.414.62.359.235.62.496.781.806.161.297.248.657.248 1.054 0 .657-.236 1.178-.719 1.574-.484.385-1.129.583-1.959.583a3.533 3.533 0 0 1-1.501-.31 2.584 2.584 0 0 1-1.066-.88c-.248-.372-.372-.806-.372-1.302h1.302c0 .446.136.793.421 1.041.286.248.682.372 1.216.372.458 0 .793-.099 1.029-.285a.999.999 0 0 0 .322-.769ZM143.518 119.288l1.736-3.732h1.45l-2.517 4.984v2.902h-1.314v-2.902l-2.53-4.984h1.451l1.724 3.732ZM151.367 121.408c0-.347-.112-.62-.347-.806-.236-.186-.645-.372-1.253-.57-.607-.186-1.091-.409-1.451-.645-.682-.446-1.029-1.041-1.029-1.761 0-.632.248-1.165.744-1.574.496-.41 1.141-.62 1.922-.62.521 0 .992.099 1.401.297.41.199.732.496.968.868.235.372.347.781.347 1.24h-1.302c0-.409-.124-.731-.372-.967s-.595-.347-1.054-.347c-.422 0-.757.099-.992.285-.236.186-.347.459-.347.806 0 .285.124.533.384.732.26.186.67.384 1.265.558.583.186 1.054.384 1.413.62.36.235.62.496.782.806.161.297.248.657.248 1.054 0 .657-.236 1.178-.72 1.574-.483.385-1.128.583-1.959.583a3.531 3.531 0 0 1-1.5-.31 2.594 2.594 0 0 1-1.067-.88c-.248-.372-.372-.806-.372-1.302h1.302c0 .446.137.793.422 1.041.285.248.682.372 1.215.372.459 0 .794-.099 1.029-.285a1 1 0 0 0 .323-.769ZM159.253 116.659h-2.343v6.783h-1.302v-6.783h-2.332v-1.103h5.965v1.103h.012ZM164.647 119.92h-3.087v2.431h3.608v1.091h-4.923v-7.886h4.886v1.103h-3.571v2.183h3.087v1.078ZM167.933 115.556l2.17 6.051 2.17-6.051h1.687v7.886h-1.302v-2.604l.124-3.472-2.22 6.076h-.93l-2.22-6.076.125 3.472v2.604h-1.303v-7.886h1.699ZM182.478 120.094h-3.025v3.336h-1.302v-7.874h4.786v1.103h-3.472v2.344h3.026v1.091h-.013ZM189.968 119.697c0 .769-.124 1.451-.384 2.034-.261.583-.62 1.029-1.092 1.339a2.91 2.91 0 0 1-1.636.471c-.62 0-1.154-.149-1.637-.471-.471-.31-.843-.756-1.104-1.339-.26-.583-.384-1.24-.396-1.997v-.446c0-.769.124-1.451.384-2.034.26-.582.632-1.041 1.104-1.351a2.91 2.91 0 0 1 1.636-.471c.62 0 1.154.161 1.625.471.471.31.843.756 1.103 1.327.261.582.385 1.252.397 2.021v.446Zm-1.314-.409c0-.868-.162-1.538-.472-2.009-.31-.471-.756-.694-1.339-.694s-1.004.235-1.326.694c-.323.459-.484 1.116-.484 1.972v.459c0 .868.161 1.537.484 2.008.322.472.768.707 1.339.707.57 0 1.029-.235 1.339-.694.31-.459.471-1.141.471-2.021v-.422h-.012ZM194.035 120.404h-1.463v3.038h-1.302v-7.886h2.641c.868 0 1.538.198 2.009.607.471.409.707 1.005.707 1.773 0 .521-.124.968-.372 1.327-.236.36-.583.633-1.017.819l1.686 3.286v.074h-1.401l-1.488-3.038Zm-1.463-1.104h1.339c.447 0 .781-.111 1.029-.347.248-.235.372-.558.372-.955 0-.421-.111-.744-.347-.979-.223-.236-.57-.347-1.029-.36h-1.376v2.641h.012ZM204.91 119.92h-3.088v2.431h3.609v1.091h-4.923v-7.886h4.886v1.103h-3.572v2.183h3.088v1.078ZM212.003 115.556v5.27c0 .843-.261 1.5-.769 1.996-.508.484-1.191.732-2.046.732-.856 0-1.55-.236-2.046-.72-.509-.483-.757-1.153-.757-2.008v-5.27h1.303v5.27c0 .533.123.93.384 1.202.26.273.632.422 1.128.422 1.005 0 1.513-.558 1.513-1.674v-5.22h1.29ZM216.157 120.404h-1.463v3.038h-1.302v-7.886h2.641c.868 0 1.537.198 2.009.607.471.409.706 1.005.706 1.773 0 .521-.124.968-.372 1.327-.235.36-.582.633-1.016.819l1.686 3.286v.074h-1.401l-1.488-3.038Zm-1.451-1.104h1.339c.447 0 .781-.111 1.029-.347.248-.235.372-.558.372-.955 0-.421-.111-.744-.347-.979-.223-.236-.57-.347-1.029-.36h-1.376v2.641h.012ZM226.002 119.697c0 .769-.124 1.451-.384 2.034-.26.583-.62 1.029-1.091 1.339a2.914 2.914 0 0 1-1.637.471c-.62 0-1.153-.149-1.637-.471-.471-.31-.843-.756-1.103-1.339-.261-.583-.385-1.24-.397-1.997v-.446c0-.769.124-1.451.384-2.034.261-.582.633-1.041 1.104-1.351a2.914 2.914 0 0 1 1.637-.471c.62 0 1.153.161 1.624.471.471.31.843.756 1.104 1.327.26.582.384 1.252.396 2.021v.446Zm-1.302-.409c0-.868-.161-1.538-.471-2.009-.31-.471-.756-.694-1.339-.694s-1.004.235-1.327.694c-.322.459-.483 1.116-.483 1.972v.459c0 .868.161 1.537.483 2.008.323.472.769.707 1.339.707.571 0 1.03-.235 1.34-.694.31-.459.471-1.141.471-2.021v-.422h-.013ZM228.619 120.503v2.927h-1.302v-7.874h2.877c.843 0 1.512.223 1.996.682.496.458.744 1.066.744 1.822 0 .757-.248 1.377-.732 1.798-.483.434-1.165.645-2.033.645h-1.55Zm0-1.091h1.575c.471 0 .818-.112 1.066-.347.248-.236.372-.558.372-.992 0-.434-.124-.769-.372-1.017-.248-.26-.595-.384-1.029-.397h-1.612v2.753ZM238.477 119.92h-3.088v2.431h3.609v1.091h-4.923v-7.886h4.885v1.103h-3.571v2.183h3.088v1.078Z",fill:"#054D7F"})))};var dh;function Mh(){return Mh=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return u.createElement("svg",Mh({width:240,height:124,viewBox:"0 0 240 124",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?u.createElement("title",{id:e},c):null,dh||(dh=u.createElement("g",{fill:"#fff"},u.createElement("path",{d:"M238.948 70.63v9.3h-18.612v5.816h15.115v9.3h-15.115v6.398h18.612v9.883h-30.814V70.618h30.814v.012Z"}),u.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m79.224 111.327 2.492-8.023h11.086l2.343 8.023h12.971L95.12 70.618H81.691l-15.45 40.709h12.983Zm4.65-16.901 3.36-11.805 1.674 5.903 1.674 5.902h-6.708Z"}),u.createElement("path",{d:"M19.716 111.327V70.618H35.6l5.717 20.98 5.716-20.98h15.724v40.709h-10.64V82.931l-7.142 28.396H37.51L30.53 82.931v28.396H19.716ZM163.928 111.327h-12.214V70.618h12.214v40.709Z"}),u.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M146.246 88.858c.954-1.798 1.426-3.88 1.426-6.224 0-3.596-1.302-6.498-3.906-8.705-2.604-2.195-6.225-3.299-10.925-3.299h-21.253v40.71h12.214V95.641h4.24l5.952 15.699h13.851l-7.378-17.757c2.902-1.352 4.836-2.927 5.779-4.725Zm-13.02-2.752c-.955.644-2.22.806-3.77.806h-5.63v-7.564h6.064c3.199 0 4.799 1.252 4.799 3.856-.037 1.277-.521 2.232-1.463 2.902Z"}),u.createElement("path",{d:"M168.578 70.63v40.71h10.478V87.036l13.925 24.291h10.478V70.618H193.44V92.07l-12.512-21.452h-12.35v.012ZM238.948-.31v15.116h-30.244v9.882l24.428-.037v14.57h-24.428V50.27h30.244v15.698h-50.009V-.322h50.009v.012ZM153.276 22.642c7.726 1.625 13.206 3.038 16.455 4.303 3.249 1.265 5.952 3.398 8.172 6.436 2.182 3.038 3.249 6.634 3.249 10.75 0 6.486-2.617 11.768-7.924 15.798-5.307 4.03-12.251 6.039-20.857 6.039-15.735 0-25.457-6.522-29.14-19.592l18.402-3.274c1.55 5.171 5.555 7.788 11.929 7.788 4.96 0 7.452-1.302 7.452-3.956 0-1.389-.595-2.492-1.748-3.236-1.154-.794-3.212-1.464-6.188-2.059-11.334-2.17-18.6-5.022-21.812-8.494-3.211-3.472-4.836-7.589-4.836-12.288 0-6.089 2.344-11.098 6.944-15.128 4.638-4.03 11.26-6.039 19.94-6.039 13.119 0 21.811 5.295 26.052 15.798l-16.418 4.935c-1.698-4.303-5.158-6.436-10.341-6.436-4.328 0-6.461 1.302-6.461 3.993 0 1.19.472 2.096 1.464 2.765.954.67 2.852 1.302 5.666 1.897ZM116.833 65.98H96.484V-.31h20.349v66.29ZM55.738-.31l9.833 38.23 9.3-38.23h15.587L72.862 65.98h-17.1l-9.274-36.555L37.72 65.98H19.728L2.282-.31h19.145l9.288 38.155L39.755-.31h15.983ZM21.328 115.556l2.17 6.051 2.17-6.051h1.687v7.886h-1.303v-2.604l.125-3.472-2.22 6.076h-.93l-2.22-6.076.124 3.472v2.604H19.63v-7.886h1.7ZM33.22 121.607h-2.914l-.608 1.835h-1.364l2.84-7.886h1.178l2.852 7.886H33.84l-.62-1.835Zm-2.555-1.104h2.183l-1.092-3.273-1.09 3.273ZM38.812 120.404h-1.463v3.038h-1.302v-7.886h2.641c.868 0 1.538.198 2.009.607.471.409.707 1.005.707 1.773 0 .521-.124.968-.372 1.327-.236.36-.583.633-1.017.819l1.686 3.286v.074H40.3l-1.488-3.038Zm-1.45-1.104H38.7c.447 0 .782-.111 1.03-.347.248-.235.372-.558.372-.955 0-.421-.112-.744-.348-.979-.223-.236-.57-.347-1.029-.36H37.35v2.641h.012ZM44.032 123.442h-1.301v-7.886h1.301v7.886ZM51.609 123.442h-1.302l-3.348-5.592v5.592h-1.302v-7.886h1.302l3.36 5.617v-5.617h1.302v7.886h-.012ZM57.56 119.92h-3.087v2.431h3.609v1.091h-4.923v-7.886h4.885v1.103h-3.57v2.183h3.087v1.078ZM63.153 123.442h-1.302v-7.886h1.302v7.886ZM70.73 123.442h-1.302l-3.348-5.592v5.592h-1.302v-7.886h1.302l3.36 5.617v-5.617h1.302v7.886h-.012ZM76.62 120.094h-3.026v3.336h-1.302v-7.874h4.786v1.103h-3.472v2.344h3.026v1.091h-.012ZM84.11 119.697c0 .769-.125 1.451-.385 2.034-.26.583-.62 1.029-1.091 1.339a2.914 2.914 0 0 1-1.637.471c-.62 0-1.153-.149-1.637-.471-.471-.31-.843-.756-1.104-1.339-.26-.583-.384-1.24-.396-1.997v-.446c0-.769.124-1.451.384-2.034.26-.582.632-1.041 1.104-1.351a2.914 2.914 0 0 1 1.636-.471c.62 0 1.154.161 1.625.471.471.31.843.756 1.103 1.327.26.582.385 1.252.397 2.021v.446Zm-1.315-.409c0-.868-.161-1.538-.471-2.009-.31-.471-.757-.694-1.34-.694-.582 0-1.004.235-1.326.694-.323.459-.484 1.116-.484 1.972v.459c0 .868.161 1.537.484 2.008.322.472.768.707 1.339.707.57 0 1.029-.235 1.339-.694.31-.459.471-1.141.471-2.021v-.422h-.012ZM88.177 120.404h-1.464v3.038h-1.302v-7.886h2.641c.868 0 1.538.198 2.01.607.47.409.706 1.005.706 1.773 0 .521-.124.968-.372 1.327-.236.36-.583.633-1.017.819l1.687 3.286v.074h-1.401l-1.489-3.038Zm-1.464-1.104h1.34c.446 0 .78-.111 1.029-.347.248-.235.372-.558.372-.955 0-.421-.112-.744-.347-.979-.224-.236-.57-.347-1.03-.36h-1.376v2.641h.012ZM93.707 115.556l2.17 6.051 2.17-6.051h1.686v7.886h-1.302v-2.604l.124-3.472-2.22 6.076h-.93l-2.22-6.076.125 3.472v2.604h-1.302v-7.886h1.699ZM105.586 121.607h-2.914l-.608 1.835H100.7l2.84-7.886h1.178l2.852 7.886h-1.364l-.62-1.835Zm-2.542-1.104h2.182l-1.091-3.273-1.091 3.273ZM113.237 116.659h-2.344v6.783h-1.302v-6.783h-2.331v-1.103h5.964v1.103h.013ZM115.618 123.442h-1.302v-7.886h1.302v7.886ZM123.231 119.697c0 .769-.124 1.451-.384 2.034-.261.583-.62 1.029-1.091 1.339a2.916 2.916 0 0 1-1.637.471c-.62 0-1.153-.149-1.637-.471-.471-.31-.843-.756-1.104-1.339-.26-.583-.384-1.24-.396-1.997v-.446c0-.769.124-1.451.384-2.034.26-.582.632-1.041 1.104-1.351a2.91 2.91 0 0 1 1.636-.471c.62 0 1.154.161 1.625.471.471.31.843.756 1.103 1.327.261.582.385 1.252.397 2.021v.446Zm-1.314-.409c0-.868-.161-1.538-.471-2.009-.31-.471-.757-.694-1.34-.694-.582 0-1.004.235-1.326.694-.323.459-.484 1.116-.484 1.972v.459c0 .868.161 1.537.484 2.008.322.472.768.707 1.339.707.57 0 1.029-.235 1.339-.694.31-.459.471-1.141.471-2.021v-.422h-.012ZM130.498 123.442h-1.302l-3.348-5.592v5.592h-1.302v-7.886h1.302l3.36 5.617v-5.617h1.302v7.886h-.012ZM138.607 121.408c0-.347-.111-.62-.347-.806-.236-.186-.645-.372-1.252-.57-.608-.186-1.092-.409-1.451-.645-.682-.446-1.029-1.041-1.029-1.761 0-.632.248-1.165.744-1.574.496-.41 1.14-.62 1.922-.62.52 0 .992.099 1.401.297.409.199.731.496.967.868s.347.781.347 1.24h-1.302c0-.409-.124-.731-.372-.967s-.595-.347-1.054-.347c-.421 0-.756.099-.992.285-.235.186-.347.459-.347.806 0 .285.124.533.384.732.261.186.67.384 1.265.558.583.186 1.054.384 1.414.62.359.235.62.496.781.806.161.297.248.657.248 1.054 0 .657-.236 1.178-.719 1.574-.484.385-1.129.583-1.959.583a3.533 3.533 0 0 1-1.501-.31 2.584 2.584 0 0 1-1.066-.88c-.248-.372-.372-.806-.372-1.302h1.302c0 .446.136.793.421 1.041.286.248.682.372 1.216.372.458 0 .793-.099 1.029-.285a.999.999 0 0 0 .322-.769ZM143.518 119.288l1.736-3.732h1.45l-2.517 4.984v2.902h-1.314v-2.902l-2.53-4.984h1.451l1.724 3.732ZM151.367 121.408c0-.347-.112-.62-.347-.806-.236-.186-.645-.372-1.253-.57-.607-.186-1.091-.409-1.451-.645-.682-.446-1.029-1.041-1.029-1.761 0-.632.248-1.165.744-1.574.496-.41 1.141-.62 1.922-.62.521 0 .992.099 1.401.297.41.199.732.496.968.868.235.372.347.781.347 1.24h-1.302c0-.409-.124-.731-.372-.967s-.595-.347-1.054-.347c-.422 0-.757.099-.992.285-.236.186-.347.459-.347.806 0 .285.124.533.384.732.26.186.67.384 1.265.558.583.186 1.054.384 1.413.62.36.235.62.496.782.806.161.297.248.657.248 1.054 0 .657-.236 1.178-.72 1.574-.483.385-1.128.583-1.959.583a3.531 3.531 0 0 1-1.5-.31 2.594 2.594 0 0 1-1.067-.88c-.248-.372-.372-.806-.372-1.302h1.302c0 .446.137.793.422 1.041.285.248.682.372 1.215.372.459 0 .794-.099 1.029-.285a1 1 0 0 0 .323-.769ZM159.253 116.659h-2.343v6.783h-1.302v-6.783h-2.332v-1.103h5.965v1.103h.012ZM164.647 119.92h-3.087v2.431h3.608v1.091h-4.923v-7.886h4.886v1.103h-3.571v2.183h3.087v1.078ZM167.933 115.556l2.17 6.051 2.17-6.051h1.687v7.886h-1.302v-2.604l.124-3.472-2.22 6.076h-.93l-2.22-6.076.125 3.472v2.604h-1.303v-7.886h1.699ZM182.478 120.094h-3.025v3.336h-1.302v-7.874h4.786v1.103h-3.472v2.344h3.026v1.091h-.013ZM189.968 119.697c0 .769-.124 1.451-.384 2.034-.261.583-.62 1.029-1.092 1.339a2.91 2.91 0 0 1-1.636.471c-.62 0-1.154-.149-1.637-.471-.471-.31-.843-.756-1.104-1.339-.26-.583-.384-1.24-.396-1.997v-.446c0-.769.124-1.451.384-2.034.26-.582.632-1.041 1.104-1.351a2.91 2.91 0 0 1 1.636-.471c.62 0 1.154.161 1.625.471.471.31.843.756 1.103 1.327.261.582.385 1.252.397 2.021v.446Zm-1.314-.409c0-.868-.162-1.538-.472-2.009-.31-.471-.756-.694-1.339-.694s-1.004.235-1.326.694c-.323.459-.484 1.116-.484 1.972v.459c0 .868.161 1.537.484 2.008.322.472.768.707 1.339.707.57 0 1.029-.235 1.339-.694.31-.459.471-1.141.471-2.021v-.422h-.012ZM194.035 120.404h-1.463v3.038h-1.302v-7.886h2.641c.868 0 1.538.198 2.009.607.471.409.707 1.005.707 1.773 0 .521-.124.968-.372 1.327-.236.36-.583.633-1.017.819l1.686 3.286v.074h-1.401l-1.488-3.038Zm-1.463-1.104h1.339c.447 0 .781-.111 1.029-.347.248-.235.372-.558.372-.955 0-.421-.111-.744-.347-.979-.223-.236-.57-.347-1.029-.36h-1.376v2.641h.012ZM204.91 119.92h-3.088v2.431h3.609v1.091h-4.923v-7.886h4.886v1.103h-3.572v2.183h3.088v1.078ZM212.003 115.556v5.27c0 .843-.261 1.5-.769 1.996-.508.484-1.191.732-2.046.732-.856 0-1.55-.236-2.046-.72-.509-.483-.757-1.153-.757-2.008v-5.27h1.303v5.27c0 .533.123.93.384 1.202.26.273.632.422 1.128.422 1.005 0 1.513-.558 1.513-1.674v-5.22h1.29ZM216.157 120.404h-1.463v3.038h-1.302v-7.886h2.641c.868 0 1.537.198 2.009.607.471.409.706 1.005.706 1.773 0 .521-.124.968-.372 1.327-.235.36-.582.633-1.016.819l1.686 3.286v.074h-1.401l-1.488-3.038Zm-1.451-1.104h1.339c.447 0 .781-.111 1.029-.347.248-.235.372-.558.372-.955 0-.421-.111-.744-.347-.979-.223-.236-.57-.347-1.029-.36h-1.376v2.641h.012ZM226.002 119.697c0 .769-.124 1.451-.384 2.034-.26.583-.62 1.029-1.091 1.339a2.914 2.914 0 0 1-1.637.471c-.62 0-1.153-.149-1.637-.471-.471-.31-.843-.756-1.103-1.339-.261-.583-.385-1.24-.397-1.997v-.446c0-.769.124-1.451.384-2.034.261-.582.633-1.041 1.104-1.351a2.914 2.914 0 0 1 1.637-.471c.62 0 1.153.161 1.624.471.471.31.843.756 1.104 1.327.26.582.384 1.252.396 2.021v.446Zm-1.302-.409c0-.868-.161-1.538-.471-2.009-.31-.471-.756-.694-1.339-.694s-1.004.235-1.327.694c-.322.459-.483 1.116-.483 1.972v.459c0 .868.161 1.537.483 2.008.323.472.769.707 1.339.707.571 0 1.03-.235 1.34-.694.31-.459.471-1.141.471-2.021v-.422h-.013ZM228.619 120.503v2.927h-1.302v-7.874h2.877c.843 0 1.512.223 1.996.682.496.458.744 1.066.744 1.822 0 .757-.248 1.377-.732 1.798-.483.434-1.165.645-2.033.645h-1.55Zm0-1.091h1.575c.471 0 .818-.112 1.066-.347.248-.236.372-.558.372-.992 0-.434-.124-.769-.372-1.017-.248-.26-.595-.384-1.029-.397h-1.612v2.753ZM238.477 119.92h-3.088v2.431h3.609v1.091h-4.923v-7.886h4.885v1.103h-3.571v2.183h3.088v1.078Z"}))))};var uh,fh,gh;function bh(){return bh=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return u.createElement("svg",bh({width:287,height:124,viewBox:"0 0 287 124",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?u.createElement("title",{id:e},c):null,uh||(uh=u.createElement("path",{d:"M286.022-.103v18.37h-36.029v11.541h29.136v17.665h-29.136v13.01h36.029v19h-60.068V-.103h60.068ZM139.373 79.469h-24.51V-.117h24.51v79.586ZM65.282-.103 77.125 45.8 88.32-.103h18.751L85.889 79.483H65.297l-11.165-43.89-10.546 43.89H22.124L.928-.103H23.98l11.18 45.814L46.045-.103h19.237ZM182.325 27.43c9.324 1.952 15.923 3.655 19.841 5.183 3.918 1.527 7.173 4.082 9.854 7.738 2.636 3.656 3.918 7.973 3.918 12.922 0 7.782-3.152 14.155-9.56 19-6.407 4.846-14.774 7.269-25.158 7.269-18.987 0-30.697-7.841-35.145-23.553l22.183-3.935c1.87 6.226 6.687 9.353 14.391 9.353 5.98 0 8.985-1.57 8.985-4.742 0-1.66-.722-2.996-2.106-3.892-1.385-.954-3.874-1.762-7.454-2.467-13.669-2.613-22.433-6.034-26.292-10.205-3.874-4.184-5.833-9.118-5.833-14.771 0-7.313 2.828-13.348 8.366-18.194 5.598-4.845 13.581-7.268 24.054-7.268 15.834 0 26.292 6.358 31.418 19l-19.796 5.933c-2.063-5.183-6.216-7.738-12.476-7.738-5.215 0-7.792 1.57-7.792 4.801 0 1.424.574 2.511 1.767 3.319 1.149.778 3.432 1.527 6.835 2.246ZM22.124 112.566h8.485v-10.602h9.28v-6.373h-9.28v-4.61h12.063v-6.755H22.11v28.34h.014ZM69.79 96.898c.662-1.248 1.001-2.702 1.001-4.332 0-2.51-.913-4.522-2.725-6.064-1.812-1.527-4.345-2.305-7.63-2.305H45.59v28.339h8.735v-10.851h2.754l4.154 10.851h9.677l-5.155-12.363c2.018-.925 3.373-2.027 4.036-3.275Zm-9.103-1.909c-.663.455-1.562.676-2.637.676h-3.726v-5.419h4.02c2.24 0 3.36.91 3.36 2.717 0 .896-.355 1.556-1.017 2.026Zm13.463 17.577h21.402v-6.77h-12.83v-4.625h10.37v-6.285h-10.37v-4.111h12.83v-6.549H74.15v28.34Zm42.745-16.77c-1.428-.557-3.844-1.189-7.247-1.893-1.237-.265-2.077-.544-2.504-.837-.442-.294-.648-.69-.648-1.22 0-1.189.943-1.761 2.843-1.761 2.283 0 3.815.94 4.551 2.834l7.233-2.173c-1.871-4.626-5.701-6.96-11.475-6.96-3.829 0-6.746.88-8.779 2.657-2.032 1.777-3.049 3.994-3.049 6.667 0 2.07.722 3.876 2.136 5.418 1.414 1.527 4.611 2.79 9.604 3.744 1.311.265 2.224.558 2.725.911.501.337.766.822.766 1.424 0 1.16-1.105 1.747-3.285 1.747-2.813 0-4.581-1.145-5.258-3.436l-8.102 1.439c1.62 5.756 5.907 8.634 12.83 8.634 3.785 0 6.849-.881 9.191-2.657 2.342-1.777 3.491-4.112 3.491-6.96 0-1.806-.471-3.392-1.429-4.743-.972-1.336-2.165-2.276-3.594-2.834Zm22.993-1.145h-6.672V84.227h-8.735v28.34h8.735v-11.028h6.672v11.028h8.735v-28.34h-8.735v10.425Zm42.982-10.425-3.977 16.343-4.228-16.343h-6.849l-3.874 16.314-3.977-16.314h-8.204l7.556 28.34h7.645l3.756-15.639 3.977 15.639h7.335l7.512-28.34h-6.672Zm14.464 0-8.779 28.34h7.085l1.709-5.595h7.615l1.606 5.595h8.911l-8.926-28.34h-9.221Zm1.503 16.578 2.312-8.223 2.313 8.223h-4.625Zm14.833-9.794h5.906v21.556h8.278V91.01h5.907v-6.784h-20.062v6.784h-.029Zm21.829 21.556h21.402v-6.77h-12.829v-4.625h10.37v-6.285h-10.37v-4.111h12.829v-6.549h-21.402v28.34Zm45.323-12.364c2.033-.954 3.374-2.056 4.036-3.304.663-1.248 1.002-2.702 1.002-4.332 0-2.51-.913-4.522-2.725-6.064-1.812-1.527-4.345-2.305-7.63-2.305h-14.847v28.339h8.734v-10.851h2.755l4.153 10.851h9.678l-5.156-12.334Zm-5.067-5.213c-.662.455-1.561.676-2.636.676h-3.727v-5.419h4.021c2.239 0 3.359.91 3.359 2.717 0 .896-.339 1.556-1.017 2.026Z",fill:"#00B4D5"})),fh||(fh=u.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M118.854 48.867V44.58c1.665.279 5.023.705 8.146.705 3.123 0 6.746-.544 8.543-.881v4.478c-1.325-.264-4.36-.69-8.543-.69-4.183 0-6.923.411-8.146.675Zm8.161-4.346c2.356 0 4.978-.308 6.864-.602-.192-.03-.383-.044-.604-.073-1.429-.162-3.491-.294-6.275-.294-2.784 0-4.772.132-6.128.294a25.51 25.51 0 0 0-.957.132c1.797.25 4.537.543 7.1.543Zm0-1.747c-2.814 0-4.832.132-6.216.294-.693.088-1.238.176-1.635.264-.398.088-.678.176-.855.264l-.22.103V58.25c.058 2.643.235 6.872.515 10.939.28 4.053.692 7.988 1.237 10.044l.074.279h14.361l.074-.28c.471-1.659 1.488-8.134 1.959-20.983V43.67l-.25-.103c-.383-.147-1.252-.353-2.71-.514-1.444-.147-3.536-.28-6.334-.28Zm-8.161 6.578c.884.485 3.889 1.527 8.544 1.527 4.654 0 7.409-1.042 8.145-1.527v.5c-1.208.587-3.962 1.424-8.145 1.424-4.184 0-7.262-.867-8.544-1.454v-.47Zm.914 13.641c.265 4.714.663 11.938 1.428 13.45.383.779 3.683 1.16 5.244.588.678-.25.236-.602-.559-1.233-.943-.75-2.387-1.91-3.123-3.789-.678-1.718-1.488-5.389-2.121-8.223-.648-2.907-1.105-4.919-.987-2.995.029.617.073 1.365.118 2.202ZM59.714 57.531l5.583 21.952h18.191c.56-2.232 1.458-6.123-1.841-11.938-.854-1.512-1.915-2.878-2.917-4.185-2.268-2.936-4.286-5.565-3.299-8.78 1.547-5.037 4.758-8.517 5.627-8.517.147 0 .176.117.25.338.103.352.265.954 1.12 1.791 1.355 1.351 7.202 5.462 7.954 5.61.883.175.368-.838.073-1.41-.03-.06-.044-.103-.073-.147-.53-.881-1.297-1.982-2.004-2.981-.854-1.219-1.605-2.29-1.694-2.628-.117-.5.148-1.072.413-1.63.147-.309.294-.617.368-.881.015-.044.015-.088.03-.133.235-.895.84-3.23-1.002-4.507-1.753-1.22-4.92-1.028-7.38.587l-.75.558-1.253 5.154-.825-3.201c-3.034 3.407-5.523 6.77-6.098 11.997-.456 4.184.81 8.869 2.931 12.48 1.208 2.056 3.285 5.58 1.532 6.858-2.136 1.542-4.08-2.51-5.052-4.83-.957-2.336-4.065-9.766-9.884-11.557Zm25.763-12.73a.59.59 0 0 1-1.179 0 .59.59 0 0 1 1.179 0ZM38.96 79.468h4.625l5.465-22.775c-.265-.059-1.178-.073-1.959.382-.972.587-.59 1.16.59 1.747.382.191.382 1.16-.973.587-.427-.176-.751-.367-1.031-.513-.604-.338-.958-.53-1.502-.265-.516.265.176.867.869 1.469.338.293.692.602.883.866.752.984 0 1.747-.972.97-.972-.78-1.679-1.176-2.519-.97-.78.19-.972 1.16.192 2.13 1.68 1.394 2.136 3.097.191 3.288-5.023.5-5.626 2.702-5.435 5.419.177 2.452 3.52 3.626 5.303 4.258.191.073.368.132.515.19 1.164.588.192 1.16-1.752 1.16-1.945 0-2.52-.587-2.917-.968a4.305 4.305 0 0 1-.236-.265c-.294-.352-.53-.646-.53.265.03.925.81 2.408 1.193 3.025ZM32.936 101.964c-3.874-1.16-7.07-2.261-9.368-3.142l-.28.72c1.885.719 4.36 1.6 7.32 2.525v-.103h2.328Zm12.638 3.333v.793c2.784.632 5.7 1.248 8.735 1.792v-.793c-3.02-.558-5.951-1.16-8.735-1.792Zm13.905 2.673.324.837c3.285.499 6.658.925 10.075 1.248l-.339-.808c-3.417-.338-6.79-.763-10.06-1.277Zm14.67 1.644v.778c2.902.191 5.834.294 8.75.294 4.655 0 8.838-.059 12.653-.161v-.779c-3.8.103-7.984.162-12.653.162-2.916 0-5.833-.103-8.75-.294Zm25.188 0c.266.265.53.514.825.734 8.102-.352 14.421-1.027 20.268-2.055.207-.279.383-.573.545-.881-6.171 1.13-12.873 1.85-21.638 2.202Zm25.159-2.892v.792a147.82 147.82 0 0 0 8.735-2.143v-.808c-2.991.837-5.833 1.557-8.735 2.159Zm15.392-4.068v.808c2.401-.72 4.935-1.498 7.66-2.335.353-.103.707-.22 1.06-.323v-.808c-.442.133-.869.265-1.296.397-2.636.807-5.096 1.556-7.424 2.261Zm15.511-4.772.206.749c1.119-.367 2.298-.764 3.55-1.19 1.178-.396 2.43-.822 3.741-1.262l-.191-.75c-1.341.441-2.607.882-3.815 1.278-1.238.411-2.401.808-3.491 1.175Zm9.972-3.333-.206.88c3.432-1.115 7.261-2.29 11.533-3.406l-.192-.749c-4.109 1.072-7.806 2.203-11.135 3.275Zm16.085-4.508-.207.837a161.765 161.765 0 0 1 6.923-1.469l.221-.822c-2.415.455-4.728.954-6.937 1.454Zm14.936-2.76-.251.822c3.55-.5 7.291-.925 11.254-1.234l-.236-.763c-3.786.293-7.365.69-10.767 1.174Zm17.292-1.572v.778c2.652-.117 5.391-.176 8.219-.176 3.948 0 7.925.176 11.843.485v-.779c-3.933-.308-7.895-.47-11.843-.47-2.828 0-5.567.045-8.219.162Zm21.815.44v.779c7.439.66 14.7 1.777 21.402 3.083v-.792c-6.702-1.307-13.963-2.409-21.402-3.07Zm25.144 3.848v.793c3.078.66 6.009 1.35 8.749 2.055v-.793a223.768 223.768 0 0 0-8.749-2.055Zm15.937 4.008c-.103.25-.25.47-.456.676 3.284.954 6.142 1.865 8.454 2.687.104-.147.192-.308.28-.455.045-.074.074-.147.118-.22-2.298-.823-5.14-1.733-8.396-2.688ZM265.253 16.828c.25.308.398.778.471 1.424h-12.726c.059-.646.206-1.116.471-1.424.369-.456.943-.558 1.635-.558h.958c-.03-.896.28-1.704.677-2.35a5.436 5.436 0 0 1 1.267-1.424v-.881a4.642 4.642 0 0 1-3.285-4.053h-2.931c-.515.778-2.062 2.32-4.08 2.32-2.519 0-3.889-1.35-3.889-3.48 0-2.129 1.945-3.098 3.889-3.098 1.547 0 3.358 1.292 4.08 1.938h3.329a4.655 4.655 0 0 1 4.242-2.702 4.653 4.653 0 0 1 4.596 3.862h2.975c.516-.778 2.062-2.32 4.08-2.32 2.519 0 3.889 1.351 3.889 3.48 0 2.13-1.944 3.098-3.889 3.098-1.546 0-3.358-1.292-4.08-1.938h-3.181a4.651 4.651 0 0 1-3.035 2.893v.88c.369.28.869.78 1.267 1.425.398.646.707 1.454.678 2.35h.957c.692 0 1.267.102 1.635.558Zm-15.26 7.386h-8.882c-5.745 0-7.704 2.834-7.954 4.258v16.636c-.972 0-1.753.265-1.753 1.351 0 1.087.781 1.351 1.944 1.351h10.871c.972 0 1.547-.425 1.547-1.35 0-.926-.59-1.352-1.547-1.352v-8.516h34.909v-6.784h-29.135v-5.595Zm-15.083 39.22c0-2.966 3.844-10.72 4.242-11.498.015-.029.044-.029.059 0 .398.779 4.242 8.546 4.242 11.498 0 3.127-1.915 5.653-4.272 5.653-2.356 0-4.271-2.526-4.271-5.653Zm51.112-45.593v.426h-4.389c.53-1.072 1.31-2.174 2.18-2.174.765 0 1.59.837 2.209 1.748Zm-45.147 49c.295.132.707-.177.914-.661.206-.485.147-.999-.148-1.116-.294-.132-.707.176-.913.66-.221.485-.147.984.147 1.117ZM179.217 49.705a94.961 94.961 0 0 1-2.71-.602V33.874h-3.683v-2.701h3.683v-1.748h2.71v1.748h18.648c1.679.499 3.108.969 4.301 1.439a21.8 21.8 0 0 1 2.71 1.277H198.1l-2.356 4.288c1.517.235 2.695 1.777 2.695 3.641 0 .984-.324 1.88-.854 2.54l.825 15.463h4.492l-.073.587v.03l.044.058c.014.03.029.059.059.103.044.088.103.19.162.308.221.426.486.999.633 1.557.147.558.206 1.16-.059 1.63-.236.425-.692.704-1.429.763l-.309 2.335h9.309V39.367c.265.338.531.676.781 1.028a19.554 19.554 0 0 1 1.929 3.304v19.397c-1.576 3.51-4.094 6.578-7.571 9.207-6.407 4.845-14.774 7.268-25.158 7.268-1.635 0-3.211-.058-4.728-.176v-7.562h-2.917v-4.64h2.917v-6.608c.854.264 1.753.47 2.71.617v6.005h9.781l1.487-7.708a3.08 3.08 0 0 0 .501-.588l-1.591 8.282h5.73l-.972-7.357h3.844l-.81-15.065a2.797 2.797 0 0 1-1.885.749 2.79 2.79 0 0 1-1.65-.558l-2.091 10.866a4.211 4.211 0 0 0-.221-.867l1.988-10.293c-.677-.675-1.119-1.689-1.119-2.834 0-1.88 1.193-3.436 2.725-3.642l-1.945-4.287h-13.787v15.8h.03Zm14.214-15.83 1.9 4.215 2.313-4.215h-4.213Zm8.853 30.557c.589-.058.883-.279 1.031-.543.176-.338.162-.808.014-1.336a7.98 7.98 0 0 0-.604-1.483l-.441 3.362Z",fill:"#99E1EF"})),gh||(gh=u.createElement("path",{d:"M26.676 120.979h-3.24v3.29h-1.4v-7.768h5.126v1.087h-3.727v2.305h3.24v1.086ZM31.227 121.273h-1.561v2.996h-1.4v-7.768h2.829c.928 0 1.65.205 2.15.602.5.396.751.984.751 1.747 0 .514-.132.955-.397 1.307-.265.353-.619.617-1.09.808l1.811 3.245v.073h-1.502l-1.59-3.01Zm-1.561-1.086h1.443c.472 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.369-.969-.25-.22-.603-.338-1.09-.352H29.68v2.599h-.014ZM40.065 120.803h-3.314v2.394h3.874v1.072h-5.273v-7.768h5.229v1.087h-3.83v2.143h3.314v1.072ZM45.972 122.272a.947.947 0 0 0-.383-.793c-.25-.191-.693-.367-1.34-.558-.649-.191-1.164-.397-1.547-.632-.737-.44-1.105-1.028-1.105-1.747 0-.631.265-1.145.795-1.542.53-.411 1.223-.602 2.062-.602.56 0 1.061.103 1.503.294.442.205.78.484 1.031.851.25.368.383.779.383 1.219h-1.4c0-.411-.132-.719-.397-.954s-.633-.353-1.134-.353c-.457 0-.81.088-1.075.279a.948.948 0 0 0-.384.793c0 .279.133.529.413.72.28.191.722.367 1.355.558.633.176 1.134.382 1.517.616.383.221.663.485.84.793.177.294.265.646.265 1.043 0 .646-.265 1.16-.78 1.542-.516.382-1.209.572-2.092.572-.59 0-1.12-.102-1.606-.308-.486-.206-.869-.499-1.134-.866a2.125 2.125 0 0 1-.398-1.278h1.4c0 .441.147.778.456 1.028.31.235.737.367 1.296.367.486 0 .855-.088 1.09-.279a.936.936 0 0 0 .369-.763ZM55.001 124.269h-1.4v-3.451h-3.608v3.451h-1.4v-7.768h1.4v3.23h3.609v-3.23H55v7.768ZM62.984 122.345l1.238-5.844h1.384l-1.856 7.768h-1.34l-1.532-5.668-1.561 5.668h-1.34l-1.857-7.768h1.385l1.252 5.844 1.547-5.844h1.178l1.502 5.844ZM70.909 122.463h-3.123l-.648 1.806H65.68l3.049-7.768h1.252l3.05 7.768h-1.46l-.662-1.806Zm-2.725-1.087h2.342l-1.164-3.23-1.178 3.23ZM79.114 117.588h-2.52v6.681H75.21v-6.681h-2.49v-1.087h6.394v1.087ZM84.888 120.803h-3.315v2.394h3.874v1.072h-5.273v-7.768h5.23v1.087h-3.83v2.143h3.314v1.072ZM89.542 121.273h-1.561v2.996h-1.4v-7.768h2.828c.928 0 1.65.205 2.151.602.5.396.766.984.766 1.747 0 .514-.132.955-.398 1.307-.265.353-.618.617-1.09.808l1.812 3.245v.073h-1.502l-1.606-3.01Zm-1.561-1.086h1.443c.472 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.369-.969-.25-.22-.604-.338-1.09-.352h-1.472v2.599h-.015ZM97.953 124.269h-1.4v-7.768h1.4v7.768ZM106.069 124.269h-1.399l-3.594-5.507v5.507h-1.4v-7.768h1.4l3.608 5.536v-5.536h1.385v7.768ZM112.373 120.979h-3.24v3.29h-1.4v-7.768h5.126v1.087h-3.726v2.305h3.24v1.086ZM120.401 120.583c0 .764-.133 1.424-.413 2.012-.279.572-.662 1.013-1.178 1.321-.501.309-1.09.455-1.753.455-.663 0-1.237-.146-1.753-.455-.515-.308-.898-.749-1.178-1.321-.28-.573-.412-1.219-.427-1.968v-.44c0-.764.132-1.425.412-2.012a3.085 3.085 0 0 1 1.179-1.336 3.32 3.32 0 0 1 1.752-.47c.663 0 1.238.147 1.739.455.515.308.898.734 1.178 1.307.28.572.412 1.233.427 1.997v.455h.015Zm-1.399-.396c0-.867-.177-1.528-.516-1.983-.339-.455-.81-.69-1.429-.69-.618 0-1.075.235-1.429.69-.338.455-.515 1.102-.515 1.938v.456c0 .851.177 1.512.515 1.982.354.47.825.705 1.444.705s1.09-.22 1.429-.676c.339-.455.501-1.116.501-1.997v-.425ZM124.761 121.273H123.2v2.996h-1.4v-7.768h2.828c.928 0 1.65.205 2.151.602.501.396.751.984.751 1.747 0 .514-.132.955-.398 1.307-.265.353-.618.617-1.09.808l1.812 3.245v.073h-1.502l-1.591-3.01Zm-1.561-1.086h1.443c.471 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.369-.969-.25-.22-.604-.338-1.09-.352h-1.473v2.599h-.014ZM130.682 116.501l2.328 5.962 2.312-5.962h1.812v7.768h-1.399v-2.555l.132-3.422-2.386 5.991h-1.002l-2.371-5.976.132 3.421v2.555h-1.399v-7.782h1.841ZM143.409 122.463h-3.123l-.648 1.806h-1.458l3.049-7.768h1.252l3.049 7.768h-1.458l-.663-1.806Zm-2.725-1.087h2.342l-1.164-3.23-1.178 3.23ZM151.613 117.588h-2.519v6.681h-1.384v-6.681h-2.49v-1.087h6.393v1.087ZM154.147 124.269h-1.4v-7.768h1.4v7.768ZM162.307 120.583c0 .764-.132 1.424-.412 2.012-.28.572-.663 1.013-1.179 1.321-.5.309-1.09.455-1.753.455-.662 0-1.237-.146-1.752-.455-.516-.308-.899-.749-1.179-1.321-.28-.573-.412-1.219-.427-1.968v-.44c0-.764.133-1.425.413-2.012a3.076 3.076 0 0 1 1.178-1.336 3.321 3.321 0 0 1 1.753-.47c.663 0 1.237.147 1.738.455.515.308.898.734 1.178 1.307.28.572.413 1.233.427 1.997v.455h.015Zm-1.399-.396c0-.867-.177-1.528-.516-1.983-.339-.455-.81-.69-1.429-.69-.618 0-1.075.235-1.428.69-.339.455-.516 1.102-.516 1.938v.456c0 .851.177 1.512.516 1.982.353.47.825.705 1.443.705.619 0 1.09-.22 1.429-.676.339-.455.501-1.116.501-1.997v-.425ZM170.099 124.269H168.7l-3.594-5.507v5.507h-1.4v-7.768h1.4l3.609 5.536v-5.536h1.384v7.768ZM178.79 122.272a.948.948 0 0 0-.383-.793c-.251-.191-.693-.367-1.341-.558-.648-.191-1.163-.397-1.546-.632-.737-.44-1.105-1.028-1.105-1.747 0-.631.265-1.145.795-1.542.531-.411 1.223-.602 2.062-.602.56 0 1.061.103 1.503.294.442.205.781.484 1.031.851.25.368.383.779.383 1.219h-1.399c0-.411-.133-.719-.398-.954s-.633-.353-1.134-.353c-.457 0-.81.088-1.076.279a.95.95 0 0 0-.383.793c0 .279.133.529.413.72.28.191.722.367 1.355.558.633.176 1.134.382 1.517.616.383.221.663.485.84.793.177.294.265.646.265 1.043 0 .646-.265 1.16-.781 1.542-.515.382-1.208.572-2.091.572-.59 0-1.12-.102-1.606-.308-.486-.206-.869-.499-1.134-.866a2.126 2.126 0 0 1-.398-1.278h1.4c0 .441.147.778.456 1.028.309.235.737.367 1.296.367.486 0 .855-.088 1.09-.279a.935.935 0 0 0 .369-.763ZM184.048 120.187l1.856-3.686h1.547l-2.696 4.904v2.864h-1.414v-2.864l-2.71-4.904h1.561l1.856 3.686ZM192.459 122.272a.948.948 0 0 0-.383-.793c-.25-.191-.692-.367-1.34-.558-.649-.191-1.164-.397-1.547-.632-.737-.44-1.105-1.028-1.105-1.747 0-.631.265-1.145.796-1.542.53-.411 1.222-.602 2.062-.602.559 0 1.06.103 1.502.294.442.205.781.484 1.031.851.251.368.383.779.383 1.219h-1.399c0-.411-.133-.719-.398-.954s-.633-.353-1.134-.353c-.457 0-.81.088-1.075.279a.947.947 0 0 0-.383.793c0 .279.132.529.412.72.28.191.722.367 1.355.558.634.176 1.135.382 1.518.616.382.221.662.485.839.793.177.294.265.646.265 1.043 0 .646-.265 1.16-.78 1.542-.516.382-1.208.572-2.092.572-.589 0-1.12-.102-1.606-.308-.486-.206-.869-.499-1.134-.866a2.126 2.126 0 0 1-.397-1.278h1.399c0 .441.147.778.456 1.028.31.235.737.367 1.297.367.486 0 .854-.088 1.09-.279.235-.205.368-.455.368-.763ZM200.914 117.588h-2.519v6.681h-1.385v-6.681h-2.489v-1.087h6.393v1.087ZM206.688 120.803h-3.315v2.394h3.874v1.072h-5.273v-7.768h5.229v1.087h-3.83v2.143h3.315v1.072ZM210.193 116.501l2.328 5.962 2.312-5.962h1.812v7.768h-1.399v-2.555l.132-3.422-2.386 5.991h-1.002l-2.371-5.976.133 3.421v2.555h-1.37v-7.782h1.811ZM225.778 120.979h-3.241v3.29h-1.399v-7.768h5.126v1.087h-3.727v2.305h3.241v1.086ZM233.805 120.583c0 .764-.132 1.424-.412 2.012-.28.572-.663 1.013-1.179 1.321-.5.309-1.09.455-1.752.455-.663 0-1.238-.146-1.753-.455-.516-.308-.899-.749-1.179-1.321-.28-.573-.412-1.219-.427-1.968v-.44c0-.764.133-1.425.413-2.012a3.076 3.076 0 0 1 1.178-1.336 3.321 3.321 0 0 1 1.753-.47c.663 0 1.237.147 1.738.455.515.308.898.734 1.178 1.307.28.572.413 1.233.427 1.997v.455h.015Zm-1.399-.396c0-.867-.177-1.528-.516-1.983-.338-.455-.81-.69-1.428-.69-.619 0-1.076.235-1.429.69-.339.455-.516 1.102-.516 1.938v.456c0 .851.177 1.512.516 1.982.353.47.825.705 1.443.705.619 0 1.09-.22 1.429-.676.339-.455.501-1.116.501-1.997v-.425ZM238.165 121.273h-1.561v2.996h-1.399v-7.768h2.828c.928 0 1.649.205 2.15.602.501.396.751.984.751 1.747 0 .514-.132.955-.397 1.307-.265.353-.619.617-1.09.808l1.811 3.245v.073h-1.502l-1.591-3.01Zm-1.561-1.086h1.443c.472 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.368-.969-.251-.22-.604-.338-1.09-.352h-1.473v2.599h-.015ZM249.816 120.803h-3.314v2.394h3.874v1.072h-5.273v-7.768h5.229v1.087h-3.83v2.143h3.314v1.072ZM257.402 116.501v5.198c0 .822-.28 1.483-.825 1.968-.545.484-1.281.719-2.18.719-.898 0-1.649-.235-2.194-.705-.545-.47-.811-1.13-.811-1.982v-5.198h1.4v5.198c0 .514.132.91.412 1.189.28.279.678.412 1.208.412 1.075 0 1.62-.544 1.62-1.645v-5.154h1.37ZM261.865 121.273h-1.561v2.996h-1.399v-7.768h2.828c.928 0 1.649.205 2.15.602.501.396.766.984.766 1.747 0 .514-.132.955-.398 1.307-.265.353-.618.617-1.09.808l1.812 3.245v.073h-1.502l-1.606-3.01Zm-1.561-1.086h1.443c.472 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.368-.969-.251-.22-.604-.338-1.09-.352h-1.473v2.599h-.015ZM272.412 120.583c0 .764-.133 1.424-.413 2.012-.28.572-.663 1.013-1.178 1.321-.501.309-1.09.455-1.753.455-.663 0-1.237-.146-1.753-.455-.515-.308-.898-.749-1.178-1.321-.28-.573-.413-1.219-.427-1.968v-.44c0-.764.132-1.425.412-2.012a3.085 3.085 0 0 1 1.179-1.336 3.32 3.32 0 0 1 1.752-.47c.663 0 1.238.147 1.738.455.516.308.899.734 1.179 1.307.28.572.412 1.233.427 1.997v.455h.015Zm-1.4-.396c0-.867-.176-1.528-.515-1.983-.339-.455-.81-.69-1.429-.69s-1.075.235-1.429.69c-.338.455-.515 1.102-.515 1.938v.456c0 .851.177 1.512.515 1.982.354.47.825.705 1.444.705.618 0 1.09-.22 1.429-.676.338-.455.5-1.116.5-1.997v-.425ZM275.21 121.376v2.893h-1.399v-7.768h3.079c.898 0 1.62.22 2.135.675.531.456.796 1.043.796 1.792 0 .749-.265 1.351-.781 1.777-.515.425-1.237.631-2.18.631h-1.65Zm0-1.072h1.68c.5 0 .883-.117 1.134-.338.265-.22.398-.558.398-.984 0-.425-.133-.748-.398-.998s-.634-.382-1.09-.396h-1.724v2.716ZM285.771 120.803h-3.314v2.394h3.874v1.072h-5.273v-7.768h5.229v1.087h-3.83v2.143h3.314v1.072Z",fill:"#00B4D5"})))};var qh;function kh(){return kh=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return u.createElement("svg",kh({width:287,height:124,viewBox:"0 0 287 124",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?u.createElement("title",{id:e},c):null,qh||(qh=u.createElement("g",{fill:"#fff"},u.createElement("path",{d:"M286.022-.103v18.37h-36.029v11.541h29.136v17.665h-29.136v13.01h36.029v19h-60.068V-.103h60.068ZM139.373 79.469h-24.51V-.117h24.51v79.586ZM65.282-.103 77.125 45.8 88.32-.103h18.751L85.889 79.483H65.297l-11.165-43.89-10.547 43.89h-21.46L.927-.103H23.98l11.18 45.814L46.045-.103h19.237ZM182.325 27.43c9.324 1.952 15.923 3.655 19.841 5.183 3.918 1.527 7.173 4.082 9.854 7.738 2.636 3.656 3.918 7.973 3.918 12.922 0 7.782-3.152 14.155-9.56 19-6.407 4.846-14.774 7.269-25.158 7.269-18.987 0-30.697-7.841-35.145-23.553l22.183-3.935c1.87 6.226 6.687 9.353 14.391 9.353 5.98 0 8.985-1.57 8.985-4.742 0-1.66-.722-2.996-2.106-3.892-1.385-.954-3.874-1.762-7.454-2.467-13.669-2.613-22.433-6.034-26.292-10.205-3.874-4.184-5.833-9.118-5.833-14.771 0-7.313 2.828-13.348 8.366-18.194 5.598-4.845 13.581-7.268 24.054-7.268 15.834 0 26.292 6.358 31.418 19l-19.796 5.933c-2.063-5.183-6.216-7.738-12.476-7.738-5.215 0-7.792 1.57-7.792 4.801 0 1.424.574 2.511 1.767 3.319 1.149.778 3.432 1.527 6.835 2.246ZM22.124 112.566h8.485v-10.602h9.28v-6.373h-9.28v-4.61h12.063v-6.755H22.11v28.34h.014ZM69.79 96.898c.662-1.248 1.001-2.702 1.001-4.332 0-2.51-.913-4.522-2.725-6.064-1.812-1.527-4.345-2.305-7.63-2.305H45.59v28.339h8.734v-10.851h2.755l4.154 10.851h9.677l-5.155-12.363c2.018-.925 3.373-2.027 4.036-3.275Zm-9.103-1.909c-.663.455-1.562.676-2.637.676h-3.727v-5.419h4.022c2.239 0 3.358.91 3.358 2.717 0 .896-.354 1.556-1.016 2.026Zm13.463 17.577h21.402v-6.77h-12.83v-4.625h10.37v-6.285h-10.37v-4.111h12.83v-6.549H74.15v28.34Zm42.745-16.77c-1.428-.557-3.844-1.189-7.247-1.893-1.237-.265-2.077-.544-2.504-.837-.442-.294-.648-.69-.648-1.22 0-1.189.943-1.761 2.843-1.761 2.283 0 3.815.94 4.551 2.834l7.233-2.173c-1.871-4.626-5.701-6.96-11.475-6.96-3.829 0-6.746.88-8.779 2.657-2.032 1.777-3.049 3.994-3.049 6.667 0 2.07.722 3.876 2.136 5.418 1.414 1.527 4.611 2.79 9.604 3.744 1.311.265 2.224.558 2.725.911.501.337.766.822.766 1.424 0 1.16-1.105 1.747-3.285 1.747-2.813 0-4.581-1.145-5.258-3.436l-8.102 1.439c1.62 5.756 5.907 8.634 12.83 8.634 3.785 0 6.849-.881 9.191-2.657 2.342-1.777 3.491-4.112 3.491-6.96 0-1.806-.471-3.392-1.429-4.743-.972-1.336-2.165-2.276-3.594-2.834Zm22.993-1.145h-6.672V84.227h-8.735v28.34h8.735v-11.028h6.672v11.028h8.735v-28.34h-8.735v10.425Zm42.982-10.425-3.977 16.343-4.228-16.343h-6.849l-3.874 16.314-3.977-16.314h-8.204l7.556 28.34h7.645l3.756-15.639 3.977 15.639h7.335l7.512-28.34h-6.672Zm14.464 0-8.779 28.34h7.085l1.709-5.595h7.615l1.606 5.595h8.911l-8.926-28.34h-9.221Zm1.503 16.578 2.312-8.223 2.313 8.223h-4.625Zm14.833-9.794h5.906v21.556h8.278V91.01h5.907v-6.784h-20.062v6.784h-.029Zm21.829 21.556h21.402v-6.77h-12.829v-4.625h10.37v-6.285h-10.37v-4.111h12.829v-6.549h-21.402v28.34Zm45.323-12.364c2.033-.954 3.374-2.056 4.036-3.304.663-1.248 1.002-2.702 1.002-4.332 0-2.51-.913-4.522-2.725-6.064-1.812-1.527-4.345-2.305-7.63-2.305h-14.848v28.339h8.735v-10.851h2.755l4.153 10.851h9.678l-5.156-12.334Zm-5.067-5.213c-.662.455-1.561.676-2.636.676h-3.727v-5.419h4.021c2.239 0 3.359.91 3.359 2.717 0 .896-.339 1.556-1.017 2.026ZM26.676 120.979h-3.24v3.29h-1.4v-7.768h5.126v1.087h-3.727v2.305h3.24v1.086ZM31.227 121.273h-1.561v2.996h-1.4v-7.768h2.829c.928 0 1.65.205 2.15.602.5.396.751.984.751 1.747 0 .514-.132.955-.397 1.307-.265.353-.619.617-1.09.808l1.811 3.245v.073h-1.502l-1.59-3.01Zm-1.561-1.086h1.443c.472 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.369-.969-.25-.22-.603-.338-1.09-.352H29.68v2.599h-.014ZM40.065 120.803h-3.314v2.394h3.874v1.072H35.35v-7.768h5.23v1.087h-3.83v2.143h3.314v1.072ZM45.972 122.272a.947.947 0 0 0-.383-.793c-.25-.191-.693-.367-1.34-.558-.649-.191-1.164-.397-1.547-.632-.737-.44-1.105-1.028-1.105-1.747 0-.631.265-1.145.795-1.542.53-.411 1.223-.602 2.062-.602.56 0 1.061.103 1.503.294.442.205.78.484 1.031.851.25.368.383.779.383 1.219h-1.4c0-.411-.132-.719-.397-.954s-.633-.353-1.134-.353c-.457 0-.81.088-1.075.279a.948.948 0 0 0-.384.793c0 .279.133.529.413.72.28.191.722.367 1.355.558.633.176 1.134.382 1.517.616.383.221.663.485.84.793.177.294.265.646.265 1.043 0 .646-.265 1.16-.78 1.542-.516.382-1.209.572-2.092.572-.59 0-1.12-.102-1.606-.308-.486-.206-.869-.499-1.134-.866a2.125 2.125 0 0 1-.398-1.278h1.4c0 .441.147.778.456 1.028.31.235.737.367 1.296.367.486 0 .855-.088 1.09-.279a.936.936 0 0 0 .369-.763ZM55.001 124.269h-1.4v-3.451h-3.608v3.451h-1.4v-7.768h1.4v3.23h3.609v-3.23h1.4v7.768ZM62.984 122.345l1.238-5.844h1.384l-1.856 7.768h-1.34l-1.532-5.668-1.561 5.668h-1.34l-1.857-7.768h1.385l1.252 5.844 1.547-5.844h1.178l1.502 5.844ZM70.909 122.463h-3.123l-.648 1.806H65.68l3.049-7.768h1.252l3.05 7.768h-1.46l-.662-1.806Zm-2.725-1.087h2.342l-1.164-3.23-1.178 3.23ZM79.114 117.588h-2.52v6.681H75.21v-6.681h-2.49v-1.087h6.394v1.087ZM84.888 120.803h-3.315v2.394h3.874v1.072h-5.273v-7.768h5.23v1.087h-3.83v2.143h3.314v1.072ZM89.542 121.273h-1.561v2.996h-1.4v-7.768h2.828c.928 0 1.65.205 2.151.602.5.396.766.984.766 1.747 0 .514-.132.955-.398 1.307-.265.353-.618.617-1.09.808l1.812 3.245v.073h-1.502l-1.606-3.01Zm-1.561-1.086h1.443c.472 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.369-.969-.25-.22-.604-.338-1.09-.352h-1.472v2.599h-.015ZM97.953 124.269h-1.4v-7.768h1.4v7.768ZM106.069 124.269h-1.399l-3.594-5.507v5.507h-1.4v-7.768h1.4l3.608 5.536v-5.536h1.385v7.768ZM112.373 120.979h-3.24v3.29h-1.4v-7.768h5.126v1.087h-3.726v2.305h3.24v1.086ZM120.401 120.583c0 .764-.133 1.424-.413 2.012-.279.572-.662 1.013-1.178 1.321-.501.309-1.09.455-1.753.455-.663 0-1.237-.146-1.753-.455-.515-.308-.898-.749-1.178-1.321-.28-.573-.412-1.219-.427-1.968v-.44c0-.764.132-1.425.412-2.012a3.085 3.085 0 0 1 1.179-1.336 3.32 3.32 0 0 1 1.752-.47c.663 0 1.238.147 1.739.455.515.308.898.734 1.178 1.307.28.572.412 1.233.427 1.997v.455h.015Zm-1.399-.396c0-.867-.177-1.528-.516-1.983-.339-.455-.81-.69-1.429-.69-.618 0-1.075.235-1.429.69-.338.455-.515 1.102-.515 1.938v.456c0 .851.177 1.512.515 1.982.354.47.825.705 1.444.705s1.09-.22 1.429-.676c.339-.455.501-1.116.501-1.997v-.425ZM124.761 121.273H123.2v2.996h-1.4v-7.768h2.828c.928 0 1.65.205 2.151.602.501.396.751.984.751 1.747 0 .514-.132.955-.398 1.307-.265.353-.618.617-1.09.808l1.812 3.245v.073h-1.502l-1.591-3.01Zm-1.561-1.086h1.443c.471 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.369-.969-.25-.22-.604-.338-1.09-.352h-1.473v2.599h-.014ZM130.682 116.501l2.328 5.962 2.312-5.962h1.812v7.768h-1.399v-2.555l.132-3.422-2.386 5.991h-1.002l-2.371-5.976.132 3.421v2.555h-1.399v-7.782h1.841ZM143.409 122.463h-3.123l-.648 1.806h-1.458l3.049-7.768h1.252l3.049 7.768h-1.458l-.663-1.806Zm-2.725-1.087h2.342l-1.164-3.23-1.178 3.23ZM151.613 117.588h-2.519v6.681h-1.384v-6.681h-2.49v-1.087h6.393v1.087ZM154.147 124.269h-1.4v-7.768h1.4v7.768ZM162.307 120.583c0 .764-.132 1.424-.412 2.012-.28.572-.663 1.013-1.179 1.321-.5.309-1.09.455-1.753.455-.662 0-1.237-.146-1.752-.455-.516-.308-.899-.749-1.179-1.321-.28-.573-.412-1.219-.427-1.968v-.44c0-.764.133-1.425.413-2.012a3.076 3.076 0 0 1 1.178-1.336 3.321 3.321 0 0 1 1.753-.47c.663 0 1.237.147 1.738.455.515.308.898.734 1.178 1.307.28.572.413 1.233.427 1.997v.455h.015Zm-1.399-.396c0-.867-.177-1.528-.516-1.983-.339-.455-.81-.69-1.429-.69-.618 0-1.075.235-1.428.69-.339.455-.516 1.102-.516 1.938v.456c0 .851.177 1.512.516 1.982.353.47.825.705 1.443.705.619 0 1.09-.22 1.429-.676.339-.455.501-1.116.501-1.997v-.425ZM170.099 124.269H168.7l-3.594-5.507v5.507h-1.4v-7.768h1.4l3.609 5.536v-5.536h1.384v7.768ZM178.79 122.272a.948.948 0 0 0-.383-.793c-.251-.191-.693-.367-1.341-.558-.648-.191-1.163-.397-1.546-.632-.737-.44-1.105-1.028-1.105-1.747 0-.631.265-1.145.795-1.542.531-.411 1.223-.602 2.062-.602.56 0 1.061.103 1.503.294.442.205.781.484 1.031.851.25.368.383.779.383 1.219h-1.399c0-.411-.133-.719-.398-.954s-.633-.353-1.134-.353c-.457 0-.81.088-1.076.279a.95.95 0 0 0-.383.793c0 .279.133.529.413.72.28.191.722.367 1.355.558.633.176 1.134.382 1.517.616.383.221.663.485.84.793.177.294.265.646.265 1.043 0 .646-.265 1.16-.781 1.542-.515.382-1.208.572-2.091.572-.59 0-1.12-.102-1.606-.308-.486-.206-.869-.499-1.134-.866a2.126 2.126 0 0 1-.398-1.278h1.4c0 .441.147.778.456 1.028.309.235.737.367 1.296.367.486 0 .855-.088 1.09-.279a.935.935 0 0 0 .369-.763ZM184.048 120.187l1.856-3.686h1.547l-2.696 4.904v2.864h-1.414v-2.864l-2.71-4.904h1.561l1.856 3.686ZM192.459 122.272a.948.948 0 0 0-.383-.793c-.25-.191-.692-.367-1.34-.558-.649-.191-1.164-.397-1.547-.632-.737-.44-1.105-1.028-1.105-1.747 0-.631.265-1.145.796-1.542.53-.411 1.222-.602 2.062-.602.559 0 1.06.103 1.502.294.442.205.781.484 1.031.851.251.368.383.779.383 1.219h-1.399c0-.411-.133-.719-.398-.954s-.633-.353-1.134-.353c-.457 0-.81.088-1.075.279a.947.947 0 0 0-.383.793c0 .279.132.529.412.72.28.191.722.367 1.355.558.634.176 1.135.382 1.518.616.382.221.662.485.839.793.177.294.265.646.265 1.043 0 .646-.265 1.16-.78 1.542-.516.382-1.208.572-2.092.572-.589 0-1.12-.102-1.606-.308-.486-.206-.869-.499-1.134-.866a2.126 2.126 0 0 1-.397-1.278h1.399c0 .441.147.778.456 1.028.31.235.737.367 1.297.367.486 0 .854-.088 1.09-.279.235-.205.368-.455.368-.763ZM200.914 117.588h-2.519v6.681h-1.385v-6.681h-2.489v-1.087h6.393v1.087ZM206.688 120.803h-3.315v2.394h3.874v1.072h-5.273v-7.768h5.229v1.087h-3.83v2.143h3.315v1.072ZM210.193 116.501l2.328 5.962 2.312-5.962h1.812v7.768h-1.399v-2.555l.132-3.422-2.386 5.991h-1.002l-2.371-5.976.133 3.421v2.555h-1.37v-7.782h1.811ZM225.778 120.979h-3.241v3.29h-1.399v-7.768h5.126v1.087h-3.727v2.305h3.241v1.086ZM233.805 120.583c0 .764-.132 1.424-.412 2.012-.28.572-.663 1.013-1.179 1.321-.5.309-1.09.455-1.752.455-.663 0-1.238-.146-1.753-.455-.516-.308-.899-.749-1.179-1.321-.28-.573-.412-1.219-.427-1.968v-.44c0-.764.133-1.425.413-2.012a3.076 3.076 0 0 1 1.178-1.336 3.321 3.321 0 0 1 1.753-.47c.663 0 1.237.147 1.738.455.515.308.898.734 1.178 1.307.28.572.413 1.233.427 1.997v.455h.015Zm-1.399-.396c0-.867-.177-1.528-.516-1.983-.338-.455-.81-.69-1.428-.69-.619 0-1.076.235-1.429.69-.339.455-.516 1.102-.516 1.938v.456c0 .851.177 1.512.516 1.982.353.47.825.705 1.443.705.619 0 1.09-.22 1.429-.676.339-.455.501-1.116.501-1.997v-.425ZM238.165 121.273h-1.561v2.996h-1.399v-7.768h2.828c.928 0 1.649.205 2.15.602.501.396.751.984.751 1.747 0 .514-.132.955-.397 1.307-.265.353-.619.617-1.09.808l1.811 3.245v.073h-1.502l-1.591-3.01Zm-1.561-1.086h1.443c.472 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.368-.969-.251-.22-.604-.338-1.09-.352h-1.473v2.599h-.015ZM249.816 120.803h-3.314v2.394h3.874v1.072h-5.273v-7.768h5.229v1.087h-3.83v2.143h3.314v1.072ZM257.402 116.501v5.198c0 .822-.28 1.483-.825 1.968-.545.484-1.281.719-2.18.719-.898 0-1.649-.235-2.194-.705-.545-.47-.811-1.13-.811-1.982v-5.198h1.4v5.198c0 .514.132.91.412 1.189.28.279.678.412 1.208.412 1.075 0 1.62-.544 1.62-1.645v-5.154h1.37ZM261.865 121.273h-1.561v2.996h-1.399v-7.768h2.828c.928 0 1.649.205 2.15.602.501.396.766.984.766 1.747 0 .514-.132.955-.398 1.307-.265.353-.618.617-1.09.808l1.812 3.245v.073h-1.502l-1.606-3.01Zm-1.561-1.086h1.443c.472 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.368-.969-.251-.22-.604-.338-1.09-.352h-1.473v2.599h-.015ZM272.412 120.583c0 .764-.133 1.424-.413 2.012-.28.572-.663 1.013-1.178 1.321-.501.309-1.09.455-1.753.455-.663 0-1.237-.146-1.753-.455-.515-.308-.898-.749-1.178-1.321-.28-.573-.413-1.219-.427-1.968v-.44c0-.764.132-1.425.412-2.012a3.085 3.085 0 0 1 1.179-1.336 3.32 3.32 0 0 1 1.752-.47c.663 0 1.238.147 1.738.455.516.308.899.734 1.179 1.307.28.572.412 1.233.427 1.997v.455h.015Zm-1.4-.396c0-.867-.176-1.528-.515-1.983-.339-.455-.81-.69-1.429-.69s-1.075.235-1.429.69c-.338.455-.515 1.102-.515 1.938v.456c0 .851.177 1.512.515 1.982.354.47.825.705 1.444.705.618 0 1.09-.22 1.429-.676.338-.455.5-1.116.5-1.997v-.425ZM275.21 121.376v2.893h-1.399v-7.768h3.079c.898 0 1.62.22 2.135.675.531.456.796 1.043.796 1.792 0 .749-.265 1.351-.781 1.777-.515.425-1.237.631-2.18.631h-1.65Zm0-1.072h1.68c.5 0 .883-.117 1.134-.338.265-.22.398-.558.398-.984 0-.425-.133-.748-.398-.998s-.634-.382-1.09-.396h-1.724v2.716ZM285.771 120.803h-3.314v2.394h3.874v1.072h-5.273v-7.768h5.229v1.087h-3.83v2.143h3.314v1.072Z"}))))};var Vh,Eh,zh;function Hh(){return Hh=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return u.createElement("svg",Hh({width:95,height:22,viewBox:"0 0 95 22",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?u.createElement("title",{id:e},c):null,Vh||(Vh=u.createElement("g",{clipPath:"url(#a)",fill:"#3D5265"},u.createElement("path",{d:"M18.03 16.224H4.744c-.524 0-.95.402-.95.898s.426.898.95.898h13.284c.524 0 .949-.402.949-.898s-.425-.898-.949-.898Z"}),u.createElement("path",{d:"M3.796 15.325v1.797c0 .495.425.898.949.898s.949-.402.949-.898v-1.796c0-.496-.425-.899-.95-.899-.523 0-.948.403-.948.899ZM17.08 15.325v1.797c0 .495.425.898.949.898s.949-.402.949-.898v-1.796c0-.496-.425-.899-.949-.899s-.949.403-.949.899ZM11.386 13.53a.987.987 0 0 1-.55-.162L7.04 10.836a.894.894 0 0 1-.386-.58.86.86 0 0 1 .159-.668.929.929 0 0 1 .27-.243.982.982 0 0 1 .719-.117.976.976 0 0 1 .34.144l3.244 2.146 3.227-2.298a.99.99 0 0 1 .703-.17.96.96 0 0 1 .625.35c.151.19.216.43.18.665a.89.89 0 0 1-.37.591l-3.795 2.694a.985.985 0 0 1-.57.18Z"}),u.createElement("path",{d:"M11.386 11.734a.977.977 0 0 1-.67-.263.874.874 0 0 1-.278-.635V3.652c0-.238.1-.467.277-.635a.977.977 0 0 1 .671-.263c.252 0 .493.095.671.263a.874.874 0 0 1 .278.635v7.184c0 .238-.1.466-.278.635a.977.977 0 0 1-.67.263Z"}))),Eh||(Eh=u.createElement("path",{d:"M34.622 15.901h-2.078l.014-1.073h2.064c.711 0 1.303-.148 1.777-.444.474-.301.83-.72 1.067-1.258.241-.542.362-1.176.362-1.9v-.609c0-.57-.068-1.075-.205-1.517a3.071 3.071 0 0 0-.601-1.128 2.541 2.541 0 0 0-.971-.704 3.337 3.337 0 0 0-1.306-.24h-2.242v-1.08h2.242c.652 0 1.247.11 1.784.328.538.215 1 .527 1.388.937.392.405.693.898.902 1.476.21.575.315 1.222.315 1.942v.595c0 .72-.105 1.37-.315 1.948a3.97 3.97 0 0 1-2.331 2.406c-.551.214-1.173.321-1.866.321Zm-1.374-9.953v9.953h-1.32V5.948h1.32Zm7.482 6.337v-.157c0-.533.077-1.028.232-1.483.155-.46.378-.86.67-1.197a2.989 2.989 0 0 1 1.06-.793 3.29 3.29 0 0 1 1.394-.287c.52 0 .987.096 1.402.287.419.187.774.451 1.066.793.296.337.522.736.677 1.197.155.455.232.95.232 1.483v.157a4.58 4.58 0 0 1-.232 1.484c-.155.455-.38.854-.677 1.196a3.1 3.1 0 0 1-1.06.793c-.41.187-.874.28-1.394.28-.52 0-.987-.093-1.401-.28a3.17 3.17 0 0 1-1.067-.793 3.612 3.612 0 0 1-.67-1.196 4.58 4.58 0 0 1-.232-1.484Zm1.265-.157v.157c0 .37.043.718.13 1.046.086.324.216.61.389.861.178.251.399.45.663.595.264.141.572.212.923.212.346 0 .65-.07.91-.212.264-.146.482-.344.655-.595.174-.25.303-.537.39-.86a3.89 3.89 0 0 0 .137-1.047v-.157c0-.365-.046-.709-.137-1.032a2.658 2.658 0 0 0-.396-.869 1.885 1.885 0 0 0-.657-.601 1.84 1.84 0 0 0-.916-.219c-.346 0-.651.073-.916.219-.26.146-.478.346-.656.601-.173.251-.303.54-.39.869-.086.323-.13.667-.13 1.032Zm9.067 2.46 1.9-6.083h.835l-.164 1.21-1.935 6.186h-.813l.177-1.312Zm-1.278-6.083 1.62 6.152.116 1.244h-.854l-2.147-7.396h1.265Zm5.831 6.104 1.545-6.104h1.258L56.27 15.9h-.847l.191-1.292Zm-1.634-6.104 1.86 5.981.212 1.415h-.807l-1.99-6.2-.163-1.196h.888Zm7.14 1.579v5.817h-1.265V8.505h1.197l.068 1.579Zm-.3 1.839-.527-.02c.005-.507.08-.974.226-1.402.145-.433.35-.809.615-1.128a2.742 2.742 0 0 1 2.167-1.005c.364 0 .693.05.984.15.292.096.54.251.745.465.21.215.37.493.479.834.11.338.164.75.164 1.238V15.9h-1.272v-4.86c0-.387-.056-.697-.17-.93a1.05 1.05 0 0 0-.5-.512c-.218-.11-.487-.164-.806-.164-.315 0-.602.066-.861.198a2.06 2.06 0 0 0-.664.547 2.752 2.752 0 0 0-.43.8c-.1.296-.15.61-.15.943ZM69.108 5.4v10.5h-1.272v-10.5h1.272Zm1.835 6.884v-.157c0-.533.078-1.028.233-1.483.154-.46.378-.86.67-1.197a2.989 2.989 0 0 1 1.06-.793 3.29 3.29 0 0 1 1.394-.287c.52 0 .986.096 1.401.287.42.187.775.451 1.066.793.297.337.522.736.677 1.197.155.455.233.95.233 1.483v.157a4.58 4.58 0 0 1-.233 1.484c-.155.455-.38.854-.677 1.196a3.1 3.1 0 0 1-1.06.793c-.41.187-.874.28-1.394.28-.52 0-.986-.093-1.401-.28a3.17 3.17 0 0 1-1.066-.793 3.612 3.612 0 0 1-.67-1.196 4.58 4.58 0 0 1-.233-1.484Zm1.265-.157v.157c0 .37.043.718.13 1.046.086.324.216.61.39.861.177.251.398.45.662.595.265.141.572.212.923.212.347 0 .65-.07.91-.212.264-.146.483-.344.656-.595.173-.25.303-.537.39-.86a3.89 3.89 0 0 0 .136-1.047v-.157c0-.365-.046-.709-.137-1.032a2.66 2.66 0 0 0-.396-.869 1.885 1.885 0 0 0-.656-.601 1.84 1.84 0 0 0-.916-.219c-.347 0-.652.073-.916.219-.26.146-.479.346-.657.601-.173.251-.303.54-.39.869-.086.323-.13.667-.13 1.032Zm11.556 2.509v-3.808c0-.292-.06-.545-.178-.759a1.163 1.163 0 0 0-.52-.506c-.232-.118-.519-.177-.86-.177-.32 0-.6.054-.842.164-.237.11-.423.253-.56.43a.944.944 0 0 0-.198.575h-1.265c0-.265.068-.527.205-.786.137-.26.333-.495.588-.705.26-.214.57-.382.93-.505.364-.128.77-.192 1.216-.192.538 0 1.012.091 1.422.274.415.182.739.458.971.827.237.364.355.822.355 1.374v3.445c0 .246.021.508.062.786.046.278.112.518.198.718v.11h-1.32a2.366 2.366 0 0 1-.15-.582 4.68 4.68 0 0 1-.054-.683Zm.219-3.22.013.889H82.72c-.36 0-.681.03-.964.089-.282.054-.52.139-.71.253a1.202 1.202 0 0 0-.438.43c-.1.169-.15.367-.15.595 0 .232.052.444.156.636.105.191.263.344.472.458.214.109.476.164.786.164.388 0 .73-.082 1.026-.246.296-.165.53-.365.704-.602.177-.237.273-.467.287-.69l.54.608a1.836 1.836 0 0 1-.26.636 3.062 3.062 0 0 1-1.401 1.196c-.32.137-.68.205-1.08.205-.502 0-.941-.098-1.32-.294a2.256 2.256 0 0 1-.875-.786 2.082 2.082 0 0 1-.307-1.114c0-.397.077-.745.232-1.046.155-.306.378-.558.67-.759a3.18 3.18 0 0 1 1.053-.465c.41-.105.868-.157 1.374-.157h1.47Zm7.837 3.049V5.4h1.271v10.5H91.93l-.11-1.435Zm-4.977-2.18v-.144c0-.566.069-1.078.205-1.538.142-.465.34-.864.595-1.197a2.69 2.69 0 0 1 .923-.765c.36-.183.761-.274 1.203-.274.465 0 .87.082 1.217.246.35.16.647.394.889.704.246.306.44.675.58 1.108.142.433.24.923.294 1.47v.628a6.442 6.442 0 0 1-.293 1.463 3.451 3.451 0 0 1-.581 1.108 2.43 2.43 0 0 1-.89.704c-.35.16-.76.24-1.23.24-.433 0-.83-.094-1.19-.281a2.806 2.806 0 0 1-.922-.786 3.832 3.832 0 0 1-.595-1.19 5.238 5.238 0 0 1-.205-1.497Zm1.272-.144v.143c0 .37.036.716.11 1.04.077.323.195.608.355.854.16.246.362.44.608.58.246.137.54.206.882.206.42 0 .763-.089 1.032-.267.273-.178.492-.412.656-.704a4.06 4.06 0 0 0 .383-.95v-1.648a3.65 3.65 0 0 0-.24-.724 2.233 2.233 0 0 0-.396-.629 1.714 1.714 0 0 0-.594-.444 1.927 1.927 0 0 0-.828-.164 1.75 1.75 0 0 0-.895.218 1.744 1.744 0 0 0-.608.588 2.72 2.72 0 0 0-.356.861 4.72 4.72 0 0 0-.11 1.04Z",fill:"#3D5265"})),zh||(zh=u.createElement("defs",null,u.createElement("clipPath",{id:"a"},u.createElement("path",{fill:"#fff",transform:"translate(0 .06)",d:"M0 0h22.773v21.552H0z"})))))},Lh={toc:[{value:"EEA logo",id:"eea-logo",children:[],level:3},{value:"EEA logo dark",id:"eea-logo-dark",children:[],level:3},{value:"Thematic websites",id:"thematic-websites",children:[{value:"Biodiversity",id:"biodiversity",children:[],level:3},{value:"Biodiversity logo dark",id:"biodiversity-logo-dark",children:[],level:3},{value:"Forest Information System",id:"forest-information-system",children:[],level:3},{value:"Forest Information System dark",id:"forest-information-system-dark",children:[],level:3},{value:"Wise Freshwater",id:"wise-freshwater",children:[],level:3},{value:"Wise Freshwater dark",id:"wise-freshwater-dark",children:[],level:3},{value:"Wise Marine",id:"wise-marine",children:[],level:3},{value:"Wise Marine dark",id:"wise-marine-dark",children:[],level:3}],level:2}]},xh="wrapper";function Th(h){let{components:c,...l}=h;return(0,f.kt)(xh,(0,p.Z)({},Lh,l,{components:c,mdxType:"MDXLayout"}),(0,f.kt)("div",{className:"rowLogos"},(0,f.kt)("div",null,(0,f.kt)("h3",{id:"eea-logo"},"EEA logo"),(0,f.kt)("div",{className:"thematicLogoWrapper"},(0,f.kt)(w,{mdxType:"EEALogo"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(5853).Z},(0,f.kt)(Oh,{mdxType:"Download"})))),(0,f.kt)("div",null,(0,f.kt)("h3",{id:"eea-logo-dark"},"EEA logo dark"),(0,f.kt)("div",{className:"thematicLogoWrapper dark"},(0,f.kt)(j,{mdxType:"EEALogoDark"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(3323).Z},(0,f.kt)(Oh,{mdxType:"Download"})))),(0,f.kt)("br",null)),(0,f.kt)("h2",{id:"thematic-websites"},"Thematic websites"),(0,f.kt)("br",null),(0,f.kt)("div",{className:"rowLogos"},(0,f.kt)("div",null,(0,f.kt)("h3",{id:"biodiversity"},"Biodiversity"),(0,f.kt)("div",{className:"thematicLogoWrapper"},(0,f.kt)(B,{mdxType:"BiseLogo"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(9303).Z},(0,f.kt)(Oh,{mdxType:"Download"})))),(0,f.kt)("div",null,(0,f.kt)("h3",{id:"biodiversity-logo-dark"},"Biodiversity logo dark"),(0,f.kt)("div",{className:"thematicLogoWrapper dark"},(0,f.kt)(X,{mdxType:"BiseLogoDark"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(2855).Z},(0,f.kt)(Oh,{mdxType:"Download"}))))),(0,f.kt)("div",{className:"rowLogos"},(0,f.kt)("div",null,(0,f.kt)("h3",{id:"forest-information-system"},"Forest Information System"),(0,f.kt)("div",{className:"thematicLogoWrapper"},(0,f.kt)(Y,{mdxType:"FiseLogo"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(8511).Z},(0,f.kt)(Oh,{mdxType:"Download"})))),(0,f.kt)("div",null,(0,f.kt)("h3",{id:"forest-information-system-dark"},"Forest Information System dark"),(0,f.kt)("div",{className:"thematicLogoWrapper dark"},(0,f.kt)(eh,{mdxType:"FiseLogoDark"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(3271).Z},(0,f.kt)(Oh,{mdxType:"Download"}))))),(0,f.kt)("div",{className:"rowLogos"},(0,f.kt)("div",null,(0,f.kt)("h3",{id:"wise-freshwater"},"Wise Freshwater"),(0,f.kt)("div",{className:"thematicLogoWrapper"},(0,f.kt)(wh,{mdxType:"WiseFLogo"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(7032).Z},(0,f.kt)(Oh,{mdxType:"Download"})))),(0,f.kt)("div",null,(0,f.kt)("h3",{id:"wise-freshwater-dark"},"Wise Freshwater dark"),(0,f.kt)("div",{className:"thematicLogoWrapper dark"},(0,f.kt)(yh,{mdxType:"WiseFLogoDark"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(6953).Z},(0,f.kt)(Oh,{mdxType:"Download"}))))),(0,f.kt)("div",{className:"rowLogos"},(0,f.kt)("div",null,(0,f.kt)("h3",{id:"wise-marine"},"Wise Marine"),(0,f.kt)("div",{className:"thematicLogoWrapper"},(0,f.kt)(mh,{mdxType:"WiseMLogo"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(5352).Z},(0,f.kt)(Oh,{mdxType:"Download"})))),(0,f.kt)("div",null,(0,f.kt)("h3",{id:"wise-marine-dark"},"Wise Marine dark"),(0,f.kt)("div",{className:"thematicLogoWrapper dark"},(0,f.kt)(ph,{mdxType:"WiseMLogoDark"})),(0,f.kt)("p",null,(0,f.kt)("a",{target:"_blank",href:e(905).Z},(0,f.kt)(Oh,{mdxType:"Download"}))))))}Th.isMDXComponent=!0;Dh="AccordionJSDoc";var Dh;const jh={title:"Logo",description:"",hide_table_of_contents:!0},Nh=void 0,Ch={unversionedId:"webdev/Components/Logo",id:"webdev/Components/Logo",title:"Logo",description:"",source:"@site/docs/webdev/5-Components/14-Logo.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Logo",permalink:"/volto-eea-design-system/docs/webdev/Components/Logo",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/logo_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:14,frontMatter:{title:"Logo",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"List",permalink:"/volto-eea-design-system/docs/webdev/Components/Lists"},next:{title:"Image",permalink:"/volto-eea-design-system/docs/webdev/Components/Image"}},Rh=[],Ph={toc:Rh},Ih="wrapper";function Ah(h){let{components:c,...e}=h;return(0,f.kt)(Ih,(0,p.Z)({},Ph,e,{components:c,mdxType:"MDXLayout"}),(0,f.kt)(g.ZP,{usage:(0,f.kt)(R,{mdxType:"Usage"}),showcase:(0,f.kt)(Th,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}Ah.isMDXComponent=!0},7521:(h,c,e)=>{e.d(c,{ZP:()=>o});var l=e(7462),v=(e(7294),e(3905)),a=e(2263);function t(){const{siteConfig:h}=(0,a.Z)(),{customFields:c}=h;return c.storyBookUrl}const n={toc:[],getUrl:t},r="wrapper";function o(h){let{components:c,...e}=h;return(0,v.kt)(r,(0,l.Z)({},n,e,{components:c,mdxType:"MDXLayout"}),(0,v.kt)("div",{className:"frameWrapper"},(0,v.kt)("iframe",{style:{height:(e.height?e.height:300)+"px"},src:t()+"/iframe.html?id="+e.id,title:"description"})))}o.isMDXComponent=!0},4037:(h,c,e)=>{e.d(c,{ZP:()=>f});var l=e(7462),v=e(7294),a=e(3905),t=e(2389),n=e(9443);const r=function(){const h=(0,v.useContext)(n.Z);if(null==h)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return h};var o=e(3810),i=e(6010);const Z={tabItem:"tabItem_vU9c"};function s(h){const{lazy:c,block:e,defaultValue:l,values:a,groupId:t,className:n}=h,s=v.Children.map(h.children,(h=>{if((0,v.isValidElement)(h)&&void 0!==h.props.value)return h;throw new Error(`Docusaurus error: Bad child <${"string"==typeof h.type?h.type:h.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??s.map((h=>{let{props:{value:c,label:e}}=h;return{value:c,label:e}})),d=(0,o.lx)(m,((h,c)=>h.value===c.value));if(d.length>0)throw new Error(`Docusaurus error: Duplicate values "${d.map((h=>h.value)).join(", ")}" found in . Every value needs to be unique.`);const M=null===l?l:l??s.find((h=>h.props.default))?.props.value??s[0]?.props.value;if(null!==M&&!m.some((h=>h.value===M)))throw new Error(`Docusaurus error: The has a defaultValue "${M}" but none of its children has the corresponding value. Available values are: ${m.map((h=>h.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:p,setTabGroupChoices:u}=r(),[f,g]=(0,v.useState)(M),b=[],{blockElementScrollPositionUntilNextRender:w}=(0,o.o5)();if(null!=t){const h=p[t];null!=h&&h!==f&&m.some((c=>c.value===h))&&g(h)}const q=h=>{const c=h.currentTarget,e=b.indexOf(c),l=m[e].value;l!==f&&(w(c),g(l),null!=t&&u(t,l))},k=h=>{let c=null;switch(h.key){case"ArrowRight":{const e=b.indexOf(h.currentTarget)+1;c=b[e]||b[0];break}case"ArrowLeft":{const e=b.indexOf(h.currentTarget)-1;c=b[e]||b[b.length-1];break}}c?.focus()};return v.createElement("div",{className:"tabs-container"},v.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,i.Z)("tabs",{"tabs--block":e},n)},m.map((h=>{let{value:c,label:e}=h;return v.createElement("li",{role:"tab",tabIndex:f===c?0:-1,"aria-selected":f===c,className:(0,i.Z)("tabs__item",Z.tabItem,{"tabs__item--active":f===c}),key:c,ref:h=>b.push(h),onKeyDown:k,onFocus:q,onClick:q},e??c)}))),c?(0,v.cloneElement)(s.filter((h=>h.props.value===f))[0],{className:"margin-vert--md"}):v.createElement("div",{className:"margin-vert--md"},s.map(((h,c)=>(0,v.cloneElement)(h,{key:c,hidden:h.props.value!==f})))))}function m(h){const c=(0,t.Z)();return v.createElement(s,(0,l.Z)({key:String(c)},h))}const d=function(h){let{children:c,hidden:e,className:l}=h;return v.createElement("div",{role:"tabpanel",hidden:e,className:l},c)};function M(h){let c=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return h.api&&c.push({label:"API",value:"api"}),h.playground&&c.push({label:"Playground",value:"playground"}),c}const p={toc:[],getValues:M},u="wrapper";function f(h){let{components:c,...e}=h;return(0,a.kt)(u,(0,l.Z)({},p,e,{components:c,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:M(e),mdxType:"Tabs"},(0,a.kt)(d,{value:"usage",mdxType:"TabItem"},e.usage),(0,a.kt)(d,{value:"showcase",mdxType:"TabItem"},e.showcase),(0,a.kt)(d,{value:"api",mdxType:"TabItem"},e.api)))}f.isMDXComponent=!0},2855:(h,c,e)=>{e.d(c,{Z:()=>l});const l=e.p+"assets/files/bise-logo-white-6a0d35411ec5ce5ce7321d408762d6e1.zip"},9303:(h,c,e)=>{e.d(c,{Z:()=>l});const l=e.p+"assets/files/bise-logo-3f929a19a21caa603f68610ff1c672b2.zip"},3323:(h,c,e)=>{e.d(c,{Z:()=>l});const l=e.p+"assets/files/eea-logo-white-46129f92b5d9df0df6fabb46cb046c9c.zip"},5853:(h,c,e)=>{e.d(c,{Z:()=>l});const l=e.p+"assets/files/eea-logo-20d1de287d862d5bde60ece1912e2424.zip"},3271:(h,c,e)=>{e.d(c,{Z:()=>l});const l=e.p+"assets/files/fise-logo-white-fe3a6494ea20927e962daef3dae6db7c.zip"},8511:(h,c,e)=>{e.d(c,{Z:()=>l});const l=e.p+"assets/files/fise-logo-96921311d8051683b3cb7e77afcddc95.zip"},6953:(h,c,e)=>{e.d(c,{Z:()=>l});const l=e.p+"assets/files/wise-freshwater-logo-white-13766413b602ebefbb3faae94fc16b1b.zip"},7032:(h,c,e)=>{e.d(c,{Z:()=>l});const l=e.p+"assets/files/wise-freshwater-logo-a49dbda5549b443a37e0db8fefec119e.zip"},905:(h,c,e)=>{e.d(c,{Z:()=>l});const l=e.p+"assets/files/wise-marine-logo-white-4c4c0c3cd72bf7e8511ff6d60ef92ddf.zip"},5352:(h,c,e)=>{e.d(c,{Z:()=>l});const l=e.p+"assets/files/wise-marine-logo-ff927f268c7d885badbfca29d880bc0c.zip"},6361:(h,c,e)=>{e.d(c,{Z:()=>l});const l=e.p+"assets/images/logo-white-bcacedf66c8e3bc5a99a5f3f28f1d228.png"}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1272],{5788:(h,c,e)=>{e.d(c,{Iu:()=>i,yg:()=>d});var l=e(1504);function v(h,c,e){return c in h?Object.defineProperty(h,c,{value:e,enumerable:!0,configurable:!0,writable:!0}):h[c]=e,h}function a(h,c){var e=Object.keys(h);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(h);c&&(l=l.filter((function(c){return Object.getOwnPropertyDescriptor(h,c).enumerable}))),e.push.apply(e,l)}return e}function t(h){for(var c=1;c=0||(v[e]=h[e]);return v}(h,c);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(h);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(h,e)&&(v[e]=h[e])}return v}var r=l.createContext({}),o=function(h){var c=l.useContext(r),e=c;return h&&(e="function"==typeof h?h(c):t(t({},c),h)),e},i=function(h){var c=o(h.components);return l.createElement(r.Provider,{value:c},h.children)},s="mdxType",Z={inlineCode:"code",wrapper:function(h){var c=h.children;return l.createElement(l.Fragment,{},c)}},m=l.forwardRef((function(h,c){var e=h.components,v=h.mdxType,a=h.originalType,r=h.parentName,i=n(h,["components","mdxType","originalType","parentName"]),s=o(e),m=v,d=s["".concat(r,".").concat(m)]||s[m]||Z[m]||a;return e?l.createElement(d,t(t({ref:c},i),{},{components:e})):l.createElement(d,t({ref:c},i))}));function d(h,c){var e=arguments,v=c&&c.mdxType;if("string"==typeof h||v){var a=e.length,t=new Array(a);t[0]=m;var n={};for(var r in c)hasOwnProperty.call(c,r)&&(n[r]=c[r]);n.originalType=h,n[s]="string"==typeof h?h:v,t[1]=n;for(var o=2;o{e.r(c),e.d(c,{contentTitle:()=>Nh,default:()=>Ah,frontMatter:()=>jh,metadata:()=>Ch,toc:()=>Rh});var l,v,a,t,n,r,o,i,s,Z,m,d,M,p=e(5072),g=e(1504),u=e(5788),f=e(7144);function y(){return y=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...p}=h;return g.createElement("svg",y({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 350 129",width:350,height:129,"aria-labelledby":e},p),c?g.createElement("title",{id:e},c):null,l||(l=g.createElement("style",null,".a{fill:#004b7f}.b{fill:#007b6c}")),v||(v=g.createElement("path",{className:"a",d:"M62.4 95.3c-4.1 0-7.9-.9-11.5-2.5l4.1-7.5c2.3 1 4.8 1.5 7.4 1.5 11.1 0 20-9.5 20-21.2 0-6.7-3.3-12.4-7.9-16.3l4.4-7.8c1.2.9 2.3 1.9 3.4 3 5.3 5.6 8.2 13.1 8.2 21.1 0 16.4-12.6 29.7-28.1 29.7z"})),a||(a=g.createElement("path",{className:"b",d:"m69.9 46.5-.2.2-.3-.1c-.5-.3-1-.5-1.6-.7q-.7-.2-1.5-.4l-.2-.1-.1-.3c-2.5-9.5 1.8-24.7 10.1-36 1.6-2.2 3.3-4.1 5-5.8l.6-.5.1.8q.7 3.6.8 7.7c.1 14.2-5.2 29-12.7 35.2zM58.6 7.5c6.1 12.6 7.5 28.4 3.3 37.5l-.1.2h-.3c-.5.1-1.1.1-1.7.2q-.7.1-1.5.4H58l-.1-.2c-6.3-7.4-8.8-23-6.1-37 .6-2.7 1.3-5.3 2.1-7.6l.3-.8.5.7c1.4 1.9 2.7 4.2 3.9 6.6zM53.3 47.4v.3l-.2.1q-.8.5-1.5 1-.7.4-1.2 1l-.2.2-.3-.1C41.2 46.1 32.4 33.3 29 19.5q-1-4.1-1.3-7.8l-.1-.8.7.3c2.1 1.1 4.2 2.5 6.3 4.1 10.7 8.5 18.6 22 18.7 32.1zM8.7 33.5l-.4-.7h.8c2.2 0 4.7.3 7.3.8 13.2 2.5 25.9 11 30.1 20l.1.2-.1.2c-.4.5-.7 1.1-.9 1.6q-.4.7-.7 1.5l-.1.2-.3.1c-9.4.7-22.6-6.7-31.5-17.5-1.7-2.1-3.2-4.2-4.3-6.4zM7.2 65.6c-2.4-1-4.6-2.3-6.6-3.6l-.6-.5.7-.3c2-1.1 4.4-2 6.8-2.8 13-3.8 27.9-2.2 35.5 3.9l.2.2v.3c-.1.6-.2 1.2-.2 1.8v1.6l.1.3-.3.1c-8.1 5-23 4.6-35.6-1zM12.7 91.6q-3.9.3-7.4-.1l-.8-.1.5-.7c1.4-2 3.1-3.9 5-5.7 10-9.4 24-15 33.4-13.1l.2.1.1.3q.3.8.6 1.7c.2.5.4.9.7 1.4l.1.3-.1.2c-5.2 8.3-18.7 14.9-32.3 15.7zM50.8 82.6l.2.2v.3c-1.2 9.8-10.6 22.1-22.4 29.2-2.3 1.3-4.6 2.5-6.8 3.3l-.7.3.1-.9c.5-2.4 1.2-4.9 2.2-7.4 4.9-13.2 15.2-24.7 24.4-27.4h.3l.2.2q.6.7 1.2 1.3c.4.3.8.6 1.3.9z"})),t||(t=g.createElement("path",{className:"a",d:"M102.5 75.8c-.7 3.2-.2 1.5-1.2 4.5 3.2 2.1 7.7 5.3 10.5 8.3 1.5 1.6 2.9 3.3 4 4.9q-1.8 4-4.2 7.6c-1.9-.1-4.1-.6-6.2-1.1-3.9-1-8.8-3.5-12.1-5.3-2 2.4-.9 1.2-3.1 3.4 1.9 3.4 4.4 8.5 5.6 12.5.6 2.1 1.1 4.2 1.4 6.1-2.3 1.7-4.7 3.3-7.2 4.7-1.6-1-3.4-2.4-4.9-3.9-3-2.8-6.2-7.5-8.4-10.8-2.9 1.2-1.3.8-4.2 1.6.1 3.9.1 9.7-.7 13.8-.3 2-.8 4.3-1.4 6-2.7.4-8.5.6-8.7.6-.8-1.6-1.6-3.8-2.3-5.8-1.4-4-2.2-9.7-2.6-13.7-3.1-.4-1.5 0-4.4-.8-1.7 3.6-4.2 8.7-6.7 11.9-1.3 1.6-2.6 3-3.9 4.3q-3.1-1.2-6.1-2.8l13-23.7c4.2 1.9 8.9 3 13.6 3 9 0 17.5-3.7 23.8-10.4C92.5 84 96 75 96 65.5s-3.5-18.4-9.9-25.1q-1.8-2-3.9-3.6l12.9-23.5c1.9 1.3 3.7 2.7 5.5 4.3-.4 2-.8 3.8-1.6 6-1.3 4-4.2 8.9-6.3 12.2 2.2 2.4 1.2 1.1 2.9 3.6 3.5-1.6 8.5-3.8 12.4-4.5 2.1-.5 4.1-.7 6-.7q2.1 3.8 3.6 7.9c-1.2 1.6-2.6 3.2-4.2 4.8-2.9 2.8-7.7 5.7-11 7.6.9 3.2.5 1.5 1 4.6 3.7.3 9.1.9 12.9 2.1 2 .7 4 1.6 5.7 2.5 0 .7 0 6.4-.2 8.7-1.8.8-3.9 1.5-6.1 2.1-3.8 1.1-9.3 1.2-13.2 1.3z"})),n||(n=g.createElement("path",{d:"M171.9 29.4h-9.7v6.5h11.4V40h-16.5V15.5h16.5v4.1h-11.4v5.8h9.7zM186.9 38.1q-1.8 2.2-5 2.2-2.9 0-4.5-1.6-1.5-1.7-1.5-5V21.8h4.8v11.8q0 2.8 2.6 2.8 2.4 0 3.4-1.7V21.8h4.9V40H187zM205.5 26.4q-1-.2-1.7-.2-2.8 0-3.7 1.9V40h-4.8V21.8h4.6l.1 2.2c1-1.7 2.4-2.5 4.1-2.5q.8 0 1.5.2z"})),r||(r=g.createElement("path",{fillRule:"evenodd",d:"M206.5 30.7q0-2.7 1-4.8 1.1-2.1 3-3.3c1.3-.7 2.8-1.1 4.6-1.1 2.4 0 4.5.7 6 2.2 1.6 1.5 2.4 3.6 2.6 6.1V31q0 4.2-2.3 6.7c-1.6 1.7-3.7 2.6-6.3 2.6q-4 0-6.3-2.6c-1.6-1.6-2.4-3.9-2.4-6.8v-.2zm4.9.4q0 2.6 1 3.9c.6 1 1.6 1.4 2.8 1.4q1.7 0 2.8-1.3 1-1.4 1-4.3 0-2.6-1-4t-2.8-1.4q-1.8 0-2.8 1.4-1 1.4-1 4.3zM243.2 31.1q0 4.2-2 6.7c-1.3 1.7-3 2.5-5.1 2.5q-2.8 0-4.5-1.9V47h-4.9V21.8h4.5l.2 1.8q1.8-2.1 4.6-2.1 3.4 0 5.3 2.5 1.8 2.4 1.9 6.8zm-4.9-.4c0-1.7-.3-2.9-.9-3.9-.6-.9-1.5-1.3-2.6-1.3-1.6 0-2.6.5-3.2 1.7v7.4q.9 1.8 3.2 1.8c2.3 0 3.5-1.9 3.5-5.7zM254.6 40.3q-4 0-6.6-2.4c-1.6-1.6-2.5-3.8-2.5-6.5v-.5q0-2.7 1.1-4.9 1-2.2 3-3.3 1.9-1.2 4.4-1.2 3.8 0 5.9 2.4 2.2 2.3 2.2 6.6v2h-11.6c.1 1.2.6 2.1 1.4 2.9q1.2 1 3 1 2.8 0 4.4-2l2.4 2.7c-.7 1-1.7 1.8-2.9 2.4-1.4.5-2.7.8-4.2.8zm-.6-14.9q-1.4 0-2.3 1-1 1-1.2 2.8h6.8v-.4q-.1-1.6-.9-2.5-.9-.9-2.4-.9zM275.4 40c-.2-.4-.4-1-.5-1.7q-1.8 2-4.6 2-2.7 0-4.5-1.6-1.7-1.5-1.7-3.9 0-2.8 2.1-4.4 2.2-1.5 6.3-1.6h2.2v-1q0-1.3-.6-2-.7-.7-2.1-.7-1.2 0-1.9.6-.7.5-.7 1.6h-4.9q0-1.6 1-3 .9-1.3 2.7-2c1.2-.5 2.6-.8 4-.8q3.4 0 5.4 1.7c1.3 1.1 2 2.7 2 4.7v7.9c0 1.7.2 3 .7 3.9v.3zm-4-3.4c.7 0 1.4-.1 2-.5q.9-.5 1.3-1.3v-3.1h-1.8q-3.7 0-3.9 2.5v.3q0 .9.7 1.5.5.6 1.7.6z"})),o||(o=g.createElement("path",{d:"m287.8 21.8.1 2.1q2-2.4 5.3-2.4c1.9 0 3.3.5 4.3 1.7.9 1.1 1.4 2.8 1.4 5V40H294V28.4q.1-1.6-.6-2.3-.7-.7-2.3-.7c-1.4 0-2.3.6-3.1 1.7v12.8h-4.8V21.8h4.6zM171.9 66.9h-9.7v6.6h11.4v4h-16.5V53.1h16.5v4.1h-11.4V63h9.7zM180.7 59.4l.2 2.1q1.9-2.5 5.2-2.5c1.9 0 3.4.6 4.3 1.7 1 1.2 1.4 2.9 1.5 5.1v11.7H187V65.9q0-1.5-.7-2.2-.7-.7-2.2-.7c-1.4 0-2.4.5-3.1 1.7v12.8h-4.9V59.4h4.6zM202.4 71.6l3.4-12.2h5.1l-6.2 18.1H200l-6.1-18.1h5.1zM213 54.7c0-.8.2-1.3.7-1.8.5-.5 1.1-.7 2-.7q1.2 0 2 .7.7.7.7 1.8t-.7 1.8q-.8.7-2 .7t-2-.7q-.7-.7-.7-1.8zm.3 4.7h4.8v18.1h-4.8zM232.4 63.9q-1-.1-1.8-.1-2.7 0-3.6 1.9v11.8h-4.9V59.4h4.6l.2 2.2c.9-1.7 2.3-2.6 4-2.6q.8 0 1.5.3z"})),i||(i=g.createElement("path",{fillRule:"evenodd",d:"M233.4 68.3q0-2.7 1-4.8 1.1-2.2 3-3.3c1.3-.8 2.8-1.2 4.6-1.2 2.4 0 4.5.8 6 2.3 1.6 1.5 2.4 3.5 2.6 6.1v1.2q0 4.2-2.3 6.7c-1.6 1.7-3.7 2.5-6.3 2.5q-4 0-6.3-2.5c-1.6-1.7-2.4-4-2.4-6.8v-.2zm4.9.3q0 2.6 1 4c.6.9 1.6 1.4 2.8 1.4q1.7 0 2.8-1.3 1-1.4.9-4.4.1-2.5-.9-3.9-1.1-1.4-2.9-1.4-1.7 0-2.7 1.4-1 1.3-1 4.2z"})),s||(s=g.createElement("path",{d:"m258.1 59.4.2 2.1q1.9-2.5 5.2-2.5c1.9 0 3.4.6 4.3 1.7 1 1.2 1.4 2.9 1.5 5.1v11.7h-4.9V65.9q0-1.5-.7-2.2-.7-.7-2.2-.7c-1.4 0-2.4.5-3.1 1.7v12.8h-4.9V59.4h4.6zM277.5 59.4l.2 2q1.9-2.4 5.2-2.4 3.5 0 4.8 2.8 1.9-2.8 5.5-2.8 3 0 4.4 1.8 1.5 1.7 1.5 5.2v11.5h-4.9V66q0-1.6-.6-2.3-.6-.7-2.1-.7-2.2 0-3.1 2.1v12.4h-4.8V66q0-1.6-.7-2.3-.6-.7-2.1-.7-2.1 0-3 1.7v12.8h-4.9V59.4z"})),Z||(Z=g.createElement("path",{fillRule:"evenodd",d:"M311.2 77.9q-4 0-6.5-2.4c-1.7-1.7-2.5-3.9-2.5-6.6v-.4q0-2.7 1-4.9 1.1-2.2 3.1-3.4 1.9-1.1 4.4-1.1 3.7 0 5.9 2.3 2.1 2.4 2.1 6.7v2h-11.6c.2 1.1.7 2.1 1.5 2.8q1.1 1.1 3 1.1 2.8 0 4.4-2l2.4 2.6c-.8 1.1-1.7 1.9-3 2.4-1.2.6-2.7.9-4.2.9zm-.5-14.9q-1.5 0-2.4 1c-.6.6-1 1.6-1.1 2.8h6.7v-.4q0-1.6-.9-2.5-.8-.9-2.3-.9z"})),m||(m=g.createElement("path",{d:"m326 59.4.1 2.1q2-2.5 5.2-2.5c1.9 0 3.4.6 4.3 1.7 1 1.2 1.5 2.9 1.5 5.1v11.7h-4.9V65.9q0-1.5-.7-2.2-.7-.7-2.2-.7c-1.4 0-2.4.5-3.1 1.7v12.8h-4.9V59.4h4.7zM346.6 54.9v4.5h3.2v3.5h-3.2V72q0 1 .4 1.5.4.4 1.5.4c.5 0 1 0 1.4-.1v3.7c-.9.3-1.9.4-2.9.4q-5.1 0-5.3-5.1V63h-2.6v-3.6h2.6v-4.5z"})),d||(d=g.createElement("path",{fillRule:"evenodd",d:"M171 110.1h-8.8l-1.7 5h-5.4l9.1-24.4h4.7l9.2 24.4h-5.4zm-7.5-4.1h6.1l-3.1-9.1zM179.3 105.9q0-4.2 2-6.7c1.3-1.7 3.2-2.6 5.4-2.6q3 0 4.7 2.1l.2-1.7h4.4v17.5q0 2.4-1.1 4.2-1.1 1.7-3.1 2.6c-1.3.7-2.8 1-4.6 1-1.4 0-2.6-.3-3.9-.8q-1.9-.8-2.9-2.1l2.2-2.9q1.8 2 4.4 2c1.3 0 2.3-.3 3-1q1.1-1 1.1-3v-.9c-1.2 1.3-2.6 1.9-4.5 1.9-2.2 0-3.9-.9-5.3-2.6q-2-2.5-2-6.8v-.2zm4.9.3c0 1.7.3 3 1 3.9.6.9 1.5 1.4 2.7 1.4q2.3 0 3.2-1.6v-7.7q-1-1.6-3.2-1.7-1.7 0-2.7 1.5c-.7 1-1 2.4-1 4.2zM208.1 115.5q-4 0-6.5-2.5c-1.7-1.6-2.6-3.8-2.6-6.5v-.5q0-2.7 1.1-4.9 1.1-2.1 3-3.3 2-1.2 4.5-1.2 3.7 0 5.9 2.4 2.1 2.3 2.1 6.6v2H204c.2 1.2.7 2.2 1.4 2.9q1.2 1.1 3.1 1.1 2.8 0 4.4-2.1l2.4 2.7c-.8 1-1.7 1.8-3 2.4-1.2.6-2.7.9-4.2.9zm-.5-15q-1.5 0-2.4 1-.9 1-1.1 2.8h6.8v-.4q-.1-1.6-.9-2.5-.9-.9-2.4-.9z"})),M||(M=g.createElement("path",{d:"m222.9 97 .1 2.1q2-2.5 5.2-2.5c2 0 3.4.6 4.4 1.7.9 1.1 1.4 2.8 1.4 5.1v11.7h-4.9v-11.6q0-1.6-.6-2.2-.7-.7-2.3-.8c-1.4 0-2.4.6-3.1 1.8v12.8h-4.8V96.9h4.6zM245.3 111.5q1.3 0 2.2-.7.8-.8.9-2h4.5c0 1.3-.3 2.4-1 3.4q-1 1.5-2.7 2.4-1.7.8-3.8.8-3.9 0-6.1-2.5-2.3-2.4-2.3-6.8v-.3q0-4.2 2.3-6.7 2.2-2.5 6.1-2.5 3.4 0 5.5 1.9c1.4 1.3 2.1 3 2.1 5.2h-4.5c-.1-1-.4-1.7-.9-2.3q-.9-.9-2.3-.9-1.7 0-2.5 1.2-.9 1.3-.9 4.1v.4q0 2.9.9 4.1c.5.8 1.3 1.2 2.5 1.2zM262.5 108.2l3.4-11.3h5.2l-7.3 21-.4 1c-1.1 2.3-2.9 3.5-5.4 3.5q-1.1 0-2.2-.3v-3.7h.8q1.3 0 2-.4t1.1-1.4l.6-1.5-6.4-18.2h5.2z"})))};var w,q,V,E,z,H,O,L,x,k,T;function D(){return D=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return g.createElement("svg",D({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 350 129",width:350,height:129,"aria-labelledby":e},l),c?g.createElement("title",{id:e},c):null,w||(w=g.createElement("style",null,".white{fill:#fff}")),q||(q=g.createElement("path",{className:"white",d:"M62.4 95.3c-4.1 0-7.9-.9-11.5-2.5l4.1-7.5c2.3 1 4.8 1.5 7.4 1.5 11.1 0 20-9.5 20-21.2 0-6.7-3.3-12.4-7.9-16.3l4.4-7.8c1.2.9 2.3 1.9 3.4 3 5.3 5.6 8.2 13.1 8.2 21.1 0 16.4-12.6 29.7-28.1 29.7zM69.9 46.5l-.2.2-.3-.1c-.5-.3-1-.5-1.6-.7q-.7-.2-1.5-.4l-.2-.1-.1-.3c-2.5-9.5 1.8-24.7 10.1-36 1.6-2.2 3.3-4.1 5-5.8l.6-.5.1.8q.7 3.6.8 7.7c.1 14.2-5.2 29-12.7 35.2zM58.6 7.5c6.1 12.6 7.5 28.4 3.3 37.5l-.1.2h-.3c-.5.1-1.1.1-1.7.2q-.7.1-1.5.4H58l-.1-.2c-6.3-7.4-8.8-23-6.1-37 .6-2.7 1.3-5.3 2.1-7.6l.3-.8.5.7c1.4 1.9 2.7 4.2 3.9 6.6zM53.3 47.4v.3l-.2.1q-.8.5-1.5 1-.7.4-1.2 1l-.2.2-.3-.1C41.2 46.1 32.4 33.3 29 19.5q-1-4.1-1.3-7.8l-.1-.8.7.3c2.1 1.1 4.2 2.5 6.3 4.1 10.7 8.5 18.6 22 18.7 32.1zM8.7 33.5l-.4-.7h.8c2.2 0 4.7.3 7.3.8 13.2 2.5 25.9 11 30.1 20l.1.2-.1.2c-.4.5-.7 1.1-.9 1.6q-.4.7-.7 1.5l-.1.2-.3.1c-9.4.7-22.6-6.7-31.5-17.5-1.7-2.1-3.2-4.2-4.3-6.4zM7.2 65.6c-2.4-1-4.6-2.3-6.6-3.6l-.6-.5.7-.3c2-1.1 4.4-2 6.8-2.8 13-3.8 27.9-2.2 35.5 3.9l.2.2v.3c-.1.6-.2 1.2-.2 1.8v1.6l.1.3-.3.1c-8.1 5-23 4.6-35.6-1zM12.7 91.6q-3.9.3-7.4-.1l-.8-.1.5-.7c1.4-2 3.1-3.9 5-5.7 10-9.4 24-15 33.4-13.1l.2.1.1.3q.3.8.6 1.7c.2.5.4.9.7 1.4l.1.3-.1.2c-5.2 8.3-18.7 14.9-32.3 15.7zM50.8 82.6l.2.2v.3c-1.2 9.8-10.6 22.1-22.4 29.2-2.3 1.3-4.6 2.5-6.8 3.3l-.7.3.1-.9c.5-2.4 1.2-4.9 2.2-7.4 4.9-13.2 15.2-24.7 24.4-27.4h.3l.2.2q.6.7 1.2 1.3c.4.3.8.6 1.3.9z"})),V||(V=g.createElement("path",{className:"white",d:"M102.5 75.8c-.7 3.2-.2 1.5-1.2 4.5 3.2 2.1 7.7 5.3 10.5 8.3 1.5 1.6 2.9 3.3 4 4.9q-1.8 4-4.2 7.6c-1.9-.1-4.1-.6-6.2-1.1-3.9-1-8.8-3.5-12.1-5.3-2 2.4-.9 1.2-3.1 3.4 1.9 3.4 4.4 8.5 5.6 12.5.6 2.1 1.1 4.2 1.4 6.1-2.3 1.7-4.7 3.3-7.2 4.7-1.6-1-3.4-2.4-4.9-3.9-3-2.8-6.2-7.5-8.4-10.8-2.9 1.2-1.3.8-4.2 1.6.1 3.9.1 9.7-.7 13.8-.3 2-.8 4.3-1.4 6-2.7.4-8.5.6-8.7.6-.8-1.6-1.6-3.8-2.3-5.8-1.4-4-2.2-9.7-2.6-13.7-3.1-.4-1.5 0-4.4-.8-1.7 3.6-4.2 8.7-6.7 11.9-1.3 1.6-2.6 3-3.9 4.3q-3.1-1.2-6.1-2.8l13-23.7c4.2 1.9 8.9 3 13.6 3 9 0 17.5-3.7 23.8-10.4C92.5 84 96 75 96 65.5s-3.5-18.4-9.9-25.1q-1.8-2-3.9-3.6l12.9-23.5c1.9 1.3 3.7 2.7 5.5 4.3-.4 2-.8 3.8-1.6 6-1.3 4-4.2 8.9-6.3 12.2 2.2 2.4 1.2 1.1 2.9 3.6 3.5-1.6 8.5-3.8 12.4-4.5 2.1-.5 4.1-.7 6-.7q2.1 3.8 3.6 7.9c-1.2 1.6-2.6 3.2-4.2 4.8-2.9 2.8-7.7 5.7-11 7.6.9 3.2.5 1.5 1 4.6 3.7.3 9.1.9 12.9 2.1 2 .7 4 1.6 5.7 2.5 0 .7 0 6.4-.2 8.7-1.8.8-3.9 1.5-6.1 2.1-3.8 1.1-9.3 1.2-13.2 1.3zM171.9 29.4h-9.7v6.5h11.4V40h-16.5V15.5h16.5v4.1h-11.4v5.8h9.7zM186.9 38.1q-1.8 2.2-5 2.2-2.9 0-4.5-1.6-1.5-1.7-1.5-5V21.8h4.8v11.8q0 2.8 2.6 2.8 2.4 0 3.4-1.7V21.8h4.9V40H187zM205.5 26.4q-1-.2-1.7-.2-2.8 0-3.7 1.9V40h-4.8V21.8h4.6l.1 2.2c1-1.7 2.4-2.5 4.1-2.5q.8 0 1.5.2z"})),E||(E=g.createElement("path",{fillRule:"evenodd",className:"white",d:"M206.5 30.7q0-2.7 1-4.8 1.1-2.1 3-3.3c1.3-.7 2.8-1.1 4.6-1.1 2.4 0 4.5.7 6 2.2 1.6 1.5 2.4 3.6 2.6 6.1V31q0 4.2-2.3 6.7c-1.6 1.7-3.7 2.6-6.3 2.6q-4 0-6.3-2.6c-1.6-1.6-2.4-3.9-2.4-6.8v-.2zm4.9.4q0 2.6 1 3.9c.6 1 1.6 1.4 2.8 1.4q1.7 0 2.8-1.3 1-1.4 1-4.3 0-2.6-1-4t-2.8-1.4q-1.8 0-2.8 1.4-1 1.4-1 4.3zM243.2 31.1q0 4.2-2 6.7c-1.3 1.7-3 2.5-5.1 2.5q-2.8 0-4.5-1.9V47h-4.9V21.8h4.5l.2 1.8q1.8-2.1 4.6-2.1 3.4 0 5.3 2.5 1.8 2.4 1.9 6.8zm-4.9-.4c0-1.7-.3-2.9-.9-3.9-.6-.9-1.5-1.3-2.6-1.3-1.6 0-2.6.5-3.2 1.7v7.4q.9 1.8 3.2 1.8c2.3 0 3.5-1.9 3.5-5.7zM254.6 40.3q-4 0-6.6-2.4c-1.6-1.6-2.5-3.8-2.5-6.5v-.5q0-2.7 1.1-4.9 1-2.2 3-3.3 1.9-1.2 4.4-1.2 3.8 0 5.9 2.4 2.2 2.3 2.2 6.6v2h-11.6c.1 1.2.6 2.1 1.4 2.9q1.2 1 3 1 2.8 0 4.4-2l2.4 2.7c-.7 1-1.7 1.8-2.9 2.4-1.4.5-2.7.8-4.2.8zm-.6-14.9q-1.4 0-2.3 1-1 1-1.2 2.8h6.8v-.4q-.1-1.6-.9-2.5-.9-.9-2.4-.9zM275.4 40c-.2-.4-.4-1-.5-1.7q-1.8 2-4.6 2-2.7 0-4.5-1.6-1.7-1.5-1.7-3.9 0-2.8 2.1-4.4 2.2-1.5 6.3-1.6h2.2v-1q0-1.3-.6-2-.7-.7-2.1-.7-1.2 0-1.9.6-.7.5-.7 1.6h-4.9q0-1.6 1-3 .9-1.3 2.7-2c1.2-.5 2.6-.8 4-.8q3.4 0 5.4 1.7c1.3 1.1 2 2.7 2 4.7v7.9c0 1.7.2 3 .7 3.9v.3zm-4-3.4c.7 0 1.4-.1 2-.5q.9-.5 1.3-1.3v-3.1h-1.8q-3.7 0-3.9 2.5v.3q0 .9.7 1.5.5.6 1.7.6z"})),z||(z=g.createElement("path",{className:"white",d:"m287.8 21.8.1 2.1q2-2.4 5.3-2.4c1.9 0 3.3.5 4.3 1.7.9 1.1 1.4 2.8 1.4 5V40H294V28.4q.1-1.6-.6-2.3-.7-.7-2.3-.7c-1.4 0-2.3.6-3.1 1.7v12.8h-4.8V21.8h4.6zM171.9 66.9h-9.7v6.6h11.4v4h-16.5V53.1h16.5v4.1h-11.4V63h9.7zM180.7 59.4l.2 2.1q1.9-2.5 5.2-2.5c1.9 0 3.4.6 4.3 1.7 1 1.2 1.4 2.9 1.5 5.1v11.7H187V65.9q0-1.5-.7-2.2-.7-.7-2.2-.7c-1.4 0-2.4.5-3.1 1.7v12.8h-4.9V59.4h4.6zM202.4 71.6l3.4-12.2h5.1l-6.2 18.1H200l-6.1-18.1h5.1zM213 54.7c0-.8.2-1.3.7-1.8.5-.5 1.1-.7 2-.7q1.2 0 2 .7.7.7.7 1.8t-.7 1.8q-.8.7-2 .7t-2-.7q-.7-.7-.7-1.8zm.3 4.7h4.8v18.1h-4.8zM232.4 63.9q-1-.1-1.8-.1-2.7 0-3.6 1.9v11.8h-4.9V59.4h4.6l.2 2.2c.9-1.7 2.3-2.6 4-2.6q.8 0 1.5.3z"})),H||(H=g.createElement("path",{fillRule:"evenodd",className:"white",d:"M233.4 68.3q0-2.7 1-4.8 1.1-2.2 3-3.3c1.3-.8 2.8-1.2 4.6-1.2 2.4 0 4.5.8 6 2.3 1.6 1.5 2.4 3.5 2.6 6.1v1.2q0 4.2-2.3 6.7c-1.6 1.7-3.7 2.5-6.3 2.5q-4 0-6.3-2.5c-1.6-1.7-2.4-4-2.4-6.8v-.2zm4.9.3q0 2.6 1 4c.6.9 1.6 1.4 2.8 1.4q1.7 0 2.8-1.3 1-1.4.9-4.4.1-2.5-.9-3.9-1.1-1.4-2.9-1.4-1.7 0-2.7 1.4-1 1.3-1 4.2z"})),O||(O=g.createElement("path",{className:"white",d:"m258.1 59.4.2 2.1q1.9-2.5 5.2-2.5c1.9 0 3.4.6 4.3 1.7 1 1.2 1.4 2.9 1.5 5.1v11.7h-4.9V65.9q0-1.5-.7-2.2-.7-.7-2.2-.7c-1.4 0-2.4.5-3.1 1.7v12.8h-4.9V59.4h4.6zM277.5 59.4l.2 2q1.9-2.4 5.2-2.4 3.5 0 4.8 2.8 1.9-2.8 5.5-2.8 3 0 4.4 1.8 1.5 1.7 1.5 5.2v11.5h-4.9V66q0-1.6-.6-2.3-.6-.7-2.1-.7-2.2 0-3.1 2.1v12.4h-4.8V66q0-1.6-.7-2.3-.6-.7-2.1-.7-2.1 0-3 1.7v12.8h-4.9V59.4z"})),L||(L=g.createElement("path",{fillRule:"evenodd",className:"white",d:"M311.2 77.9q-4 0-6.5-2.4c-1.7-1.7-2.5-3.9-2.5-6.6v-.4q0-2.7 1-4.9 1.1-2.2 3.1-3.4 1.9-1.1 4.4-1.1 3.7 0 5.9 2.3 2.1 2.4 2.1 6.7v2h-11.6c.2 1.1.7 2.1 1.5 2.8q1.1 1.1 3 1.1 2.8 0 4.4-2l2.4 2.6c-.8 1.1-1.7 1.9-3 2.4-1.2.6-2.7.9-4.2.9zm-.5-14.9q-1.5 0-2.4 1c-.6.6-1 1.6-1.1 2.8h6.7v-.4q0-1.6-.9-2.5-.8-.9-2.3-.9z"})),x||(x=g.createElement("path",{className:"white",d:"m326 59.4.1 2.1q2-2.5 5.2-2.5c1.9 0 3.4.6 4.3 1.7 1 1.2 1.5 2.9 1.5 5.1v11.7h-4.9V65.9q0-1.5-.7-2.2-.7-.7-2.2-.7c-1.4 0-2.4.5-3.1 1.7v12.8h-4.9V59.4h4.7zM346.6 54.9v4.5h3.2v3.5h-3.2V72q0 1 .4 1.5.4.4 1.5.4c.5 0 1 0 1.4-.1v3.7c-.9.3-1.9.4-2.9.4q-5.1 0-5.3-5.1V63h-2.6v-3.6h2.6v-4.5z"})),k||(k=g.createElement("path",{fillRule:"evenodd",className:"white",d:"M171 110.1h-8.8l-1.7 5h-5.4l9.1-24.4h4.7l9.2 24.4h-5.4zm-7.5-4.1h6.1l-3.1-9.1zM179.3 105.9q0-4.2 2-6.7c1.3-1.7 3.2-2.6 5.4-2.6q3 0 4.7 2.1l.2-1.7h4.4v17.5q0 2.4-1.1 4.2-1.1 1.7-3.1 2.6c-1.3.7-2.8 1-4.6 1-1.4 0-2.6-.3-3.9-.8q-1.9-.8-2.9-2.1l2.2-2.9q1.8 2 4.4 2c1.3 0 2.3-.3 3-1q1.1-1 1.1-3v-.9c-1.2 1.3-2.6 1.9-4.5 1.9-2.2 0-3.9-.9-5.3-2.6q-2-2.5-2-6.8v-.2zm4.9.3c0 1.7.3 3 1 3.9.6.9 1.5 1.4 2.7 1.4q2.3 0 3.2-1.6v-7.7q-1-1.6-3.2-1.7-1.7 0-2.7 1.5c-.7 1-1 2.4-1 4.2zM208.1 115.5q-4 0-6.5-2.5c-1.7-1.6-2.6-3.8-2.6-6.5v-.5q0-2.7 1.1-4.9 1.1-2.1 3-3.3 2-1.2 4.5-1.2 3.7 0 5.9 2.4 2.1 2.3 2.1 6.6v2H204c.2 1.2.7 2.2 1.4 2.9q1.2 1.1 3.1 1.1 2.8 0 4.4-2.1l2.4 2.7c-.8 1-1.7 1.8-3 2.4-1.2.6-2.7.9-4.2.9zm-.5-15q-1.5 0-2.4 1-.9 1-1.1 2.8h6.8v-.4q-.1-1.6-.9-2.5-.9-.9-2.4-.9z"})),T||(T=g.createElement("path",{className:"white",d:"m222.9 97 .1 2.1q2-2.5 5.2-2.5c2 0 3.4.6 4.4 1.7.9 1.1 1.4 2.8 1.4 5.1v11.7h-4.9v-11.6q0-1.6-.6-2.2-.7-.7-2.3-.8c-1.4 0-2.4.6-3.1 1.8v12.8h-4.8V96.9h4.6zM245.3 111.5q1.3 0 2.2-.7.8-.8.9-2h4.5c0 1.3-.3 2.4-1 3.4q-1 1.5-2.7 2.4-1.7.8-3.8.8-3.9 0-6.1-2.5-2.3-2.4-2.3-6.8v-.3q0-4.2 2.3-6.7 2.2-2.5 6.1-2.5 3.4 0 5.5 1.9c1.4 1.3 2.1 3 2.1 5.2h-4.5c-.1-1-.4-1.7-.9-2.3q-.9-.9-2.3-.9-1.7 0-2.5 1.2-.9 1.3-.9 4.1v.4q0 2.9.9 4.1c.5.8 1.3 1.2 2.5 1.2zM262.5 108.2l3.4-11.3h5.2l-7.3 21-.4 1c-1.1 2.3-2.9 3.5-5.4 3.5q-1.1 0-2.2-.3v-3.7h.8q1.3 0 2-.4t1.1-1.4l.6-1.5-6.4-18.2h5.2z"})))},N={toc:[{value:"EEA LOGO",id:"eea-logo",children:[],level:3},{value:"EEA LOGO - Dark version",id:"eea-logo---dark-version",children:[],level:3}]},C="wrapper";function R(h){let{components:c,...l}=h;return(0,u.yg)(C,(0,p.c)({},N,l,{components:c,mdxType:"MDXLayout"}),(0,u.yg)("h3",{id:"eea-logo"},"EEA LOGO"),(0,u.yg)("p",null," To ensure consistency, it is important that the EEA logo appears only in the colours specified in these guidelines."),(0,u.yg)("p",null," When applying the logo to images ensure that it is against a light, uncluttered background."),(0,u.yg)("div",{className:"thematicLogoWrapper"},(0,u.yg)(b,{mdxType:"EEALogo"})),(0,u.yg)("p",null,"To ensure logo's integrity and visibility, it must always be kept clear of competing text, images or graphic elements. It must be surrounded by a minimum clear space \u03bff 16px as indicated below. "),(0,u.yg)("p",null,(0,u.yg)("img",{src:e(8380).c})),(0,u.yg)("h3",{id:"eea-logo---dark-version"},"EEA LOGO - Dark version"),(0,u.yg)("p",null,"The only time the white version of the EEA logo appears on is against the dark background of the footer. "),(0,u.yg)("div",{className:"thematicLogoWrapper dark"},(0,u.yg)(j,{mdxType:"EEALogoDark"})))}R.isMDXComponent=!0;var I,P,A,F;e(4620);function W(){return W=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return g.createElement("svg",W({width:414,height:124,viewBox:"0 0 414 124",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?g.createElement("title",{id:e},c):null,I||(I=g.createElement("path",{d:"m36.633 104.886-2.009-6.224-2.008 6.224H26.04l5.296 3.72-1.972 6.408 5.26-4.014 5.295 4.051-2.008-6.298 5.076-3.867h-6.355ZM62.894 111.847l-2.009-6.077-2.009 6.077-6.538.184 5.296 3.683-2.008 6.224 5.259-3.867 5.296 4.051-2.009-6.298 5.04-3.977h-6.318ZM89.008 104.886l-1.826-6.224-2.155 6.224H78.6l5.15 3.72-2.009 6.371L87.146 111l5.368 4.051-2.227-6.298 5.076-3.867h-6.355ZM17.422 85.515l-1.826-6.077-2.192 6.077H7.05l5.077 3.83-1.972 6.224 5.405-3.83 5.333 4.087-2.228-6.334 5.076-3.977h-6.318ZM8.51 65.26l5.332 4.087-2.19-6.334 5.04-3.978h-6.32L8.548 52.96l-2.192 6.076L0 59.22l5.077 3.646-1.972 6.224 5.405-3.83ZM34.624 7.402l-2.008 6.077h-6.538l5.26 3.83-2.01 6.298 5.296-4.051 5.296 4.05-2.008-6.297 5.076-3.83h-6.355l-2.009-6.077ZM15.596 26.627l-2.192 6.076H7.05l5.077 3.83-2.009 6.261 5.442-4.014 5.333 4.088-2.228-6.335 5.113-3.83h-6.355l-1.826-6.076ZM60.885 0l-2.009 6.077-6.538.184 5.296 3.646-2.008 6.224 5.259-3.83 5.296 4.05-2.009-6.297 5.04-4.014h-6.318L60.885 0ZM87.182 7.402l-2.155 6.077h-6.392l5.114 3.83-2.009 6.26 5.406-4.013 5.368 4.088-2.227-6.335 5.076-3.83h-6.355l-1.826-6.077Z",fill:"#F4CF00"})),P||(P=g.createElement("path",{d:"M224.438 78.407c-1.68 0-3.36-.332-4.894-1.031a11.732 11.732 0 0 1-3.872-2.836 13.107 13.107 0 0 1-2.52-4.309 15.838 15.838 0 0 1-.913-5.377c0-1.804.256-3.609.84-5.303a13.1 13.1 0 0 1 2.374-4.309c.986-1.178 2.228-2.173 3.616-2.836a9.917 9.917 0 0 1 4.602-1.03c1.717 0 3.397.404 4.894 1.288a8.715 8.715 0 0 1 3.361 3.462V41.689h7.889v27.29a2.91 2.91 0 0 0 .365 1.657c.329.368.803.553 1.315.59v6.702c-.621.147-1.242.258-1.863.332-.511.036-1.023.073-1.461.073a5.737 5.737 0 0 1-3.36-.847 3.27 3.27 0 0 1-1.461-2.504l-.146-1.326c-.84 1.547-2.155 2.799-3.726 3.61a11.117 11.117 0 0 1-5.003 1.178l-.037-.037Zm2.119-6.703a5.518 5.518 0 0 0 3.104-.957 6.234 6.234 0 0 0 2.301-2.652v-5.45a7.275 7.275 0 0 0-2.374-3.241 5.402 5.402 0 0 0-3.433-1.253c-.804 0-1.607.185-2.338.553a5.996 5.996 0 0 0-1.826 1.51c-.548.663-.95 1.4-1.205 2.173a8.022 8.022 0 0 0-.438 2.614c0 .921.146 1.805.474 2.689.293.773.731 1.51 1.279 2.136a5.846 5.846 0 0 0 1.972 1.4 5.648 5.648 0 0 0 2.484.478ZM245.658 48.908v-7.182h7.853v7.182h-7.853Zm0 29.02V51.891h7.853v26.037h-7.853ZM265.089 77.928l-9.131-26.037h8.108l5.625 19.666 5.698-19.666h7.341l-9.094 26.037h-8.547ZM296.646 78.407c-2.009 0-3.982-.331-5.844-1.068a13.068 13.068 0 0 1-4.383-2.91c-1.169-1.215-2.119-2.651-2.703-4.235a14.05 14.05 0 0 1-.95-5.045c0-1.805.293-3.61.95-5.34.584-1.62 1.534-3.13 2.703-4.383 1.242-1.289 2.703-2.32 4.346-2.983a14.653 14.653 0 0 1 5.881-1.105c2.008 0 3.981.332 5.843 1.105 1.644.663 3.105 1.694 4.31 2.946a12.357 12.357 0 0 1 2.666 4.272c.621 1.62.913 3.352.913 5.12 0 .478 0 .92-.036 1.362 0 .405-.073.774-.146 1.179H291.13c0 1.546.731 2.983 1.9 3.977a6.13 6.13 0 0 0 3.871 1.363 6.972 6.972 0 0 0 3.324-.847c.986-.48 1.753-1.29 2.118-2.284l6.684 1.879a12.164 12.164 0 0 1-4.712 5.008 14.448 14.448 0 0 1-7.669 1.952v.037Zm5.478-15.983c-.073-1.474-.73-2.873-1.79-3.941a5.327 5.327 0 0 0-3.798-1.436 5.21 5.21 0 0 0-3.799 1.473c-1.022 1.031-1.643 2.43-1.753 3.903H302.124ZM330.138 58.667c-1.753 0-3.507.331-5.187.958-1.388.478-2.556 1.436-3.36 2.688v15.615h-7.852V51.854h7.231v5.266c.804-1.62 1.973-3.056 3.433-4.124a7.771 7.771 0 0 1 4.456-1.547h.804s.329 0 .511.037v7.144l-.036.037ZM343.396 78.407c-2.192 0-4.383-.368-6.501-1.068-2.009-.626-3.835-1.694-5.406-3.094l2.812-4.861a21.614 21.614 0 0 0 4.602 2.541c1.352.553 2.813.884 4.31.884a4.434 4.434 0 0 0 2.374-.552c.548-.332.877-.958.84-1.584 0-.7-.402-1.363-1.059-1.657a16.655 16.655 0 0 0-3.725-1.326c-1.754-.479-3.215-.958-4.383-1.436a11.738 11.738 0 0 1-2.922-1.547c-.694-.479-1.242-1.179-1.607-1.952-.329-.81-.512-1.694-.475-2.578a8.201 8.201 0 0 1 2.958-6.408c.987-.81 2.082-1.4 3.288-1.805a11.87 11.87 0 0 1 4.09-.626c1.826 0 3.689.258 5.442.81 1.826.59 3.47 1.584 4.894 2.873l-3.031 4.75a23.244 23.244 0 0 0-3.945-2.246c-1.059-.441-2.191-.663-3.36-.7-.767 0-1.497.148-2.155.516-.913.553-1.168 1.768-.621 2.652.183.258.402.479.694.663 1.133.552 2.338.92 3.58 1.178 1.57.405 3.141.884 4.638 1.473 1.096.405 2.119.958 3.068 1.658a5.944 5.944 0 0 1 1.717 2.099 7.4 7.4 0 0 1 .548 2.836 7.546 7.546 0 0 1-2.849 6.15c-2.265 1.62-5.004 2.43-7.743 2.283l-.073.074ZM357.494 48.908v-7.182h7.889v7.182h-7.889Zm0 29.02V51.891h7.889v26.037h-7.889ZM387.042 76.529c-1.206.515-2.448.92-3.726 1.289-1.351.405-2.776.589-4.2.589-.95 0-1.863-.11-2.776-.368a6.228 6.228 0 0 1-2.301-1.179 5.36 5.36 0 0 1-1.534-2.173 8.192 8.192 0 0 1-.548-3.24v-13.59h-3.287v-6.003h3.287v-8.286h7.889v8.286h5.26v6.003h-5.26V68.72c-.073.663.183 1.363.621 1.841.439.406 1.023.59 1.607.59.621 0 1.242-.11 1.827-.295a21.104 21.104 0 0 0 1.607-.626l1.534 6.335v-.037ZM390 81.832c.584.22 1.205.368 1.826.516.512.073 1.023.147 1.571.147a2.76 2.76 0 0 0 2.228-.995c.694-1.068 1.168-2.283 1.424-3.572l-9.825-26.037h8.109l5.989 19.26 5.15-19.26h7.378l-9.825 30.272c-1.351 4.383-5.442 7.366-9.971 7.255a12.37 12.37 0 0 1-2.009-.184c-.694-.11-1.388-.331-2.045-.589v-6.813Z",fill:"#00A390"})),A||(A=g.createElement("path",{d:"M214.321 100.062v-12.3h1.534v12.3h-1.534ZM227.031 100.062h-1.497v-5.046c.036-.736-.11-1.473-.439-2.099a1.471 1.471 0 0 0-1.314-.663c-.329 0-.621.074-.913.184-.329.11-.621.295-.877.48a3.506 3.506 0 0 0-.731.736 3.332 3.332 0 0 0-.474.957v5.451h-1.498v-9.023h1.388v1.952c.365-.626.913-1.179 1.534-1.51a4.545 4.545 0 0 1 2.192-.59c.438 0 .876.074 1.278.295.329.184.621.479.803.81.22.369.366.774.439 1.216.073.478.146.994.146 1.51v5.377l-.037-.037ZM230.391 100.062v-7.845h-1.205V91.04h1.205v-.184c-.036-.92.22-1.879.731-2.652a2.416 2.416 0 0 1 2.009-.957c.365 0 .694.037 1.059.147.329.11.621.22.913.405l-.365 1.105s-.365-.221-.585-.295a2.27 2.27 0 0 0-.694-.11c-.438 0-.876.184-1.132.589a2.947 2.947 0 0 0-.402 1.657v.258h2.374v1.179h-2.374v7.844h-1.497l-.037.037ZM240.143 100.246a4.481 4.481 0 0 1-3.25-1.4 4.724 4.724 0 0 1-.913-1.473 5.01 5.01 0 0 1 0-3.572 4.724 4.724 0 0 1 .913-1.473c1.716-1.805 4.565-1.878 6.355-.184l.182.184c.402.442.694.92.914 1.473a5.02 5.02 0 0 1 0 3.572c-.439 1.105-1.279 2.026-2.375 2.505-.584.257-1.205.405-1.826.368Zm-2.958-4.64c0 .442.073.884.219 1.325.146.406.365.737.621 1.068.256.295.584.553.95.7a2.87 2.87 0 0 0 2.337 0c.365-.184.694-.442.95-.736.292-.332.511-.663.657-1.068.146-.442.219-.884.219-1.326 0-.442-.073-.884-.219-1.29a2.91 2.91 0 0 0-.657-1.067 3.156 3.156 0 0 0-.95-.737 2.58 2.58 0 0 0-1.169-.258c-.401 0-.803.074-1.168.258a3.143 3.143 0 0 0-.95.737c-.256.331-.475.663-.621 1.068a4.26 4.26 0 0 0-.219 1.362v-.036ZM252.013 92.365c-.693 0-1.387.22-2.008.589-.585.368-.986.884-1.242 1.547v5.561h-1.498v-9.023h1.388v2.1a4.394 4.394 0 0 1 1.206-1.51 3.26 3.26 0 0 1 1.607-.664h.511v1.4h.036ZM267.682 100.062h-1.497v-5.046c.036-.736-.11-1.473-.439-2.099a1.493 1.493 0 0 0-1.351-.663 2.28 2.28 0 0 0-1.644.663 3.644 3.644 0 0 0-1.022 1.731v5.451h-1.498v-5.046c.073-.736-.109-1.473-.438-2.099a1.493 1.493 0 0 0-1.351-.663c-.621 0-1.206.221-1.644.663-.511.442-.876 1.068-1.059 1.73v5.451h-1.498v-9.022h1.388v1.951a4.13 4.13 0 0 1 1.425-1.546 3.71 3.71 0 0 1 1.972-.553c.657 0 1.278.184 1.79.626.438.406.73.995.803 1.584.621-1.363 1.936-2.21 3.397-2.21.438 0 .913.074 1.315.295.329.184.621.479.84.81.219.368.365.774.438 1.215.11.48.146.995.146 1.51v5.414l-.073-.147ZM273.051 100.246a3.15 3.15 0 0 1-1.169-.221c-.365-.147-.694-.332-.949-.59a2.963 2.963 0 0 1-.621-.883 2.84 2.84 0 0 1-.219-1.105c0-.405.073-.773.255-1.142a2.98 2.98 0 0 1 .767-.884 3.6 3.6 0 0 1 1.206-.552 5.513 5.513 0 0 1 1.534-.22c.438 0 .876.036 1.315.11.401.073.803.184 1.168.331v-.737c.11-1.178-.767-2.246-1.935-2.357h-.439a4.78 4.78 0 0 0-2.849 1.068l-.511-.994a6.244 6.244 0 0 1 3.47-1.178 3.691 3.691 0 0 1 2.739.957c.694.7 1.059 1.694.986 2.689v3.682c0 .369.146.553.475.553v1.326h-.402s-.219.073-.328.036c-.256 0-.548-.073-.731-.257a1.153 1.153 0 0 1-.329-.663v-.626a4.318 4.318 0 0 1-1.57 1.252 4.51 4.51 0 0 1-1.936.442l.073-.037Zm.402-1.142c.511 0 1.023-.11 1.497-.294a2.123 2.123 0 0 0 1.06-.81c.182-.185.328-.406.328-.663V96.01a6.043 6.043 0 0 0-2.264-.442c-.658 0-1.278.147-1.826.478a1.438 1.438 0 0 0-.694 1.253c0 .478.182.957.548 1.289.182.147.401.294.62.368.256.11.512.147.767.147h-.036ZM285.433 99.62l-.366.184c-.146.074-.328.11-.511.184-.219.074-.402.111-.621.147a4.42 4.42 0 0 1-.694.074 2.42 2.42 0 0 1-1.424-.442c-.402-.331-.658-.884-.585-1.436v-6.077h-1.205v-1.178h1.205v-3.02h1.498v3.02h2.009v1.178h-2.009v5.598c0 .295.109.552.329.737.182.147.438.22.694.22.292 0 .547-.036.803-.147.183-.073.329-.147.511-.22l.366 1.215v-.037ZM287.551 89.345V87.43h1.497v1.915h-1.497Zm0 10.717v-9.023h1.497v9.023h-1.497ZM296.171 100.246c-1.242 0-2.411-.516-3.287-1.4a4.746 4.746 0 0 1-.914-1.473 5.02 5.02 0 0 1 0-3.572c.22-.552.512-1.031.914-1.473a4.423 4.423 0 0 1 1.424-1.031 4.497 4.497 0 0 1 1.826-.369c1.242 0 2.447.48 3.287 1.4.402.442.694.92.913 1.473a5.01 5.01 0 0 1 0 3.572 4.724 4.724 0 0 1-.913 1.474c-.402.441-.913.773-1.424 1.03-.585.258-1.205.406-1.826.369Zm-2.959-4.677c0 .442.073.884.219 1.326.146.405.366.736.621 1.068.256.294.585.552.95.7.73.33 1.57.33 2.301 0 .365-.185.694-.443.949-.737.293-.332.512-.663.658-1.068.146-.442.219-.884.219-1.326 0-.442-.073-.884-.219-1.289a2.9 2.9 0 0 0-.658-1.068 3.137 3.137 0 0 0-.949-.737 2.578 2.578 0 0 0-1.169-.257c-.402 0-.803.073-1.169.257a3.137 3.137 0 0 0-.949.737c-.256.331-.475.663-.621 1.068-.146.442-.256.884-.219 1.363l.036-.037ZM311.036 100.062h-1.498v-5.046a4.096 4.096 0 0 0-.438-2.099 1.472 1.472 0 0 0-1.315-.663c-.329 0-.621.074-.913.184-.329.11-.621.295-.876.48a3.46 3.46 0 0 0-.731.736 3.361 3.361 0 0 0-.475.957v5.451h-1.497v-9.023h1.388v1.952c.365-.626.876-1.179 1.534-1.51a4.538 4.538 0 0 1 2.191-.59c.438 0 .877.074 1.278.295.329.184.621.479.841.81.219.369.365.774.438 1.216.073.478.146.994.146 1.51v5.413l-.073-.073ZM325.828 90.34s-.329-.332-.548-.48c-.256-.147-.511-.294-.767-.405a7.143 7.143 0 0 0-.95-.294 4.904 4.904 0 0 0-1.059-.11 3.037 3.037 0 0 0-2.082.552c-.438.368-.693.92-.657 1.473 0 .294.073.589.183.847.146.22.365.442.584.552.329.184.657.295 1.023.405.401.11.876.221 1.424.369.584.11 1.132.294 1.717.478.475.148.913.369 1.315.663.365.258.62.59.84.958.182.442.292.92.292 1.4 0 .515-.11 1.067-.329 1.546-.219.442-.548.81-.95 1.068a4.258 4.258 0 0 1-1.387.626 7.175 7.175 0 0 1-1.754.221 8.096 8.096 0 0 1-2.666-.442 7.884 7.884 0 0 1-2.301-1.289l.731-1.326c.219.221.438.406.694.59.328.22.657.405.986.515.402.147.803.295 1.205.368.438.111.877.148 1.351.148.694.037 1.425-.11 2.009-.479a1.56 1.56 0 0 0 .731-1.4c0-.294-.073-.626-.219-.883a2.133 2.133 0 0 0-.658-.626 5.685 5.685 0 0 0-1.096-.442c-.438-.148-.949-.258-1.497-.405a27.592 27.592 0 0 1-1.644-.48c-.438-.147-.803-.368-1.168-.625a2.324 2.324 0 0 1-.694-.884 2.952 2.952 0 0 1-.256-1.252c0-.553.11-1.068.329-1.547.219-.442.511-.847.913-1.142.402-.331.876-.552 1.388-.7a7.141 7.141 0 0 1 1.753-.22c.767 0 1.497.11 2.228.368.657.22 1.242.59 1.753 1.031l-.731 1.289-.036-.037ZM329.59 102.492s.292.037.438.037h.329s.256 0 .365-.11a1.05 1.05 0 0 0 .329-.368c.146-.258.255-.516.365-.774.146-.331.292-.773.511-1.289l-3.798-9.023h1.57l3.068 7.66 2.776-7.66h1.461l-4.383 11.417a2.842 2.842 0 0 1-.803 1.068 2.284 2.284 0 0 1-1.534.442h-.329s-.256-.037-.402-.074v-1.399l.037.073ZM342.191 100.246a6.9 6.9 0 0 1-2.119-.331 4.323 4.323 0 0 1-1.79-.995l.658-1.031c.475.368 1.023.7 1.57.92.548.222 1.096.295 1.681.295.547 0 1.095-.11 1.57-.368.365-.221.584-.663.584-1.105 0-.184-.036-.405-.146-.552-.109-.184-.292-.295-.474-.405-.256-.148-.512-.221-.804-.295-.329-.074-.694-.184-1.132-.295-.548-.147-1.023-.257-1.388-.405a4.45 4.45 0 0 1-.95-.442c-.219-.147-.438-.368-.548-.626a2.561 2.561 0 0 1-.182-.884c0-.81.328-1.583.986-2.099a3.085 3.085 0 0 1 1.096-.552c.438-.11.876-.184 1.351-.184.657 0 1.278.11 1.899.331a4.472 4.472 0 0 1 1.461.847l-.694.92a3.421 3.421 0 0 0-1.278-.736 3.947 3.947 0 0 0-1.461-.258c-.475 0-.986.11-1.388.369-.402.258-.621.663-.584 1.141 0 .184 0 .369.109.516a.884.884 0 0 0 .365.368c.22.11.439.221.658.295.256.073.584.184.95.258.584.147 1.095.294 1.57.405.402.11.767.294 1.096.515.584.332.913.995.876 1.658 0 .773-.328 1.546-.949 2.025-.767.516-1.644.774-2.557.7h-.036ZM352.929 99.62l-.366.184c-.146.074-.328.11-.511.184-.219.074-.402.111-.621.147a4.42 4.42 0 0 1-.694.074c-.511 0-1.023-.147-1.424-.442-.402-.331-.658-.884-.585-1.436v-6.077h-1.205v-1.178h1.205v-3.02h1.498v3.02h2.009v1.178h-2.009v5.598c0 .295.109.552.329.737.182.147.438.22.693.22.293 0 .548-.036.804-.147.183-.073.329-.147.511-.22l.366 1.215v-.037ZM358.809 100.246c-.621 0-1.279-.111-1.863-.368a4.486 4.486 0 0 1-1.461-.995 5.022 5.022 0 0 1-.95-1.51 5.091 5.091 0 0 1-.328-1.804c0-.626.109-1.216.328-1.805.22-.552.548-1.031.95-1.473a3.98 3.98 0 0 1 1.461-.994c.584-.258 1.205-.369 1.863-.369 1.862 0 3.506 1.105 4.163 2.873.22.552.329 1.142.329 1.73V96.122h-7.451c0 .442.146.847.293 1.216.328.7.876 1.252 1.607 1.583.328.147.73.221 1.095.221.256 0 .548-.037.804-.11.255-.074.511-.184.73-.295.219-.11.439-.295.621-.479a1.66 1.66 0 0 0 .402-.626l1.315.368a3.13 3.13 0 0 1-.621.921 3.208 3.208 0 0 1-.877.7c-.365.22-.73.368-1.132.479-.402.11-.84.147-1.278.147Zm3.068-5.303c0-.405-.146-.81-.329-1.179-.146-.331-.402-.663-.657-.92a3.076 3.076 0 0 0-2.082-.81c-.402 0-.767.073-1.132.22a2.667 2.667 0 0 0-.95.626c-.256.258-.511.59-.658.921-.182.368-.255.773-.292 1.178h6.063l.037-.036ZM379.299 100.062h-1.498v-5.046a4.095 4.095 0 0 0-.438-2.099 1.495 1.495 0 0 0-1.352-.663c-.62 0-1.205.221-1.643.663a3.713 3.713 0 0 0-1.059 1.731v5.451h-1.498v-5.046c.073-.736-.109-1.473-.438-2.099a1.494 1.494 0 0 0-1.351-.663c-.621 0-1.206.221-1.644.663-.511.442-.877 1.068-1.059 1.73v5.451h-1.498v-9.022h1.388v1.951c.329-.626.804-1.178 1.425-1.546a3.71 3.71 0 0 1 1.972-.553c.657 0 1.315.184 1.79.626.438.406.73.995.803 1.584a3.734 3.734 0 0 1 3.433-2.21c.439 0 .877.074 1.279.295.328.184.621.442.84.81.219.368.365.774.438 1.215.11.48.146.995.146 1.51v5.414l-.036-.147ZM214.54 118.476v-7.845h-1.205v-1.178h1.205v-.184a4.075 4.075 0 0 1 .731-2.652 2.415 2.415 0 0 1 2.009-.957c.365 0 .693.036 1.059.147.328.11.621.221.913.405l-.365 1.105s-.366-.221-.585-.295a2.296 2.296 0 0 0-.694-.11c-.438 0-.876.184-1.132.552a2.947 2.947 0 0 0-.402 1.657v.258h2.374v1.179h-2.374v7.844h-1.497l-.037.074ZM224.292 118.66c-1.242 0-2.411-.516-3.287-1.4a4.706 4.706 0 0 1-.913-1.473 5.009 5.009 0 0 1 0-3.572 4.73 4.73 0 0 1 .913-1.473c1.716-1.805 4.565-1.878 6.355-.184l.183.184c.401.442.694.921.913 1.473a5.02 5.02 0 0 1 0 3.572c-.439 1.105-1.279 2.026-2.374 2.505-.585.257-1.206.405-1.827.368h.037Zm-2.958-4.64c0 .442.073.883.219 1.325.146.406.365.737.621 1.068.255.295.584.553.949.7a2.868 2.868 0 0 0 2.338 0c.365-.184.694-.442.949-.736.293-.295.512-.663.658-1.068.146-.442.219-.884.219-1.326 0-.442-.073-.884-.219-1.289a2.894 2.894 0 0 0-.658-1.068 3.13 3.13 0 0 0-.949-.737 2.58 2.58 0 0 0-1.169-.258 2.58 2.58 0 0 0-1.169.258 3.13 3.13 0 0 0-.949.737c-.256.331-.475.663-.621 1.068a4.26 4.26 0 0 0-.219 1.362v-.036ZM236.162 110.779c-.694 0-1.388.221-2.009.589-.584.368-.986.884-1.241 1.547v5.561h-1.498v-9.023h1.388v2.099a4.404 4.404 0 0 1 1.205-1.51 3.273 3.273 0 0 1 1.607-.663h.512v1.4h.036ZM251.21 117.076v1.4h-8.291v-12.301h8.108v1.4h-6.574v3.977h5.734v1.289h-5.734v4.235h6.757ZM256.287 118.66c-.84.037-1.607-.295-2.119-.958a4.604 4.604 0 0 1-.73-2.835v-5.414h1.497v5.119c0 1.841.621 2.762 1.9 2.762.621 0 1.242-.221 1.753-.589a3.504 3.504 0 0 0 1.205-1.621v-5.671h1.498v7.145c0 .368.146.552.474.552v1.326h-.694a.915.915 0 0 1-.73-.221 1.146 1.146 0 0 1-.329-.663v-1.068a4.37 4.37 0 0 1-3.762 2.099l.037.037ZM269.326 110.779c-.694 0-1.388.221-2.009.589-.584.368-.986.884-1.242 1.547v5.561h-1.497v-9.023h1.388v2.099a4.392 4.392 0 0 1 1.205-1.51 3.27 3.27 0 0 1 1.607-.663h.511v1.4h.037ZM275.243 118.66c-1.242 0-2.448-.479-3.288-1.4a4.725 4.725 0 0 1-.913-1.473 5.02 5.02 0 0 1 0-3.572c.219-.552.548-1.031.913-1.473a4.505 4.505 0 0 1 6.355-.184l.183.184c.402.442.731.921.913 1.473a5.02 5.02 0 0 1 0 3.572 4.706 4.706 0 0 1-.913 1.473 4.437 4.437 0 0 1-1.424 1.032c-.585.257-1.206.405-1.826.368Zm-2.959-4.64c0 .442.073.883.219 1.325.146.406.366.737.621 1.068.256.295.585.553.95.7.73.332 1.57.332 2.337 0 .366-.184.694-.442.95-.736.292-.332.511-.663.657-1.068.146-.442.219-.884.219-1.326 0-.442-.073-.884-.219-1.289a2.905 2.905 0 0 0-.657-1.068 3.135 3.135 0 0 0-.95-.737 2.58 2.58 0 0 0-1.168-.258 2.58 2.58 0 0 0-1.169.258 3.147 3.147 0 0 0-.95.737 3.144 3.144 0 0 0-.621 1.068c-.146.442-.255.884-.219 1.362v-.036ZM287.149 118.66a3.712 3.712 0 0 1-1.972-.552 4.474 4.474 0 0 1-1.351-1.4v5.487h-1.498V109.49h1.351v1.694c.366-.553.841-.994 1.388-1.363.585-.331 1.206-.515 1.863-.515.584 0 1.169.11 1.68.368.511.258.95.589 1.352 1.031.767.921 1.205 2.062 1.205 3.241 0 .626-.11 1.252-.292 1.841a4.184 4.184 0 0 1-.84 1.473c-.366.406-.767.774-1.279.995-.511.258-1.059.368-1.643.368l.036.037Zm-.475-1.326c.402 0 .84-.074 1.206-.294a2.65 2.65 0 0 0 .913-.774c.255-.331.475-.7.584-1.068.146-.405.219-.81.219-1.252 0-.884-.328-1.694-.876-2.357-.256-.295-.621-.552-.986-.737-.366-.184-.804-.257-1.206-.257-.292 0-.584.073-.84.147-.292.11-.584.258-.84.442a3.571 3.571 0 0 0-.657.626c-.183.221-.292.516-.365.773v2.578c.109.295.292.59.474.847a3.38 3.38 0 0 0 1.461 1.105c.293.111.585.184.913.184v.037ZM297.778 118.66c-.621 0-1.279-.111-1.863-.368a4.088 4.088 0 0 1-1.461-1.031 5.03 5.03 0 0 1-.95-1.51 5.097 5.097 0 0 1-.328-1.805c0-.626.109-1.215.328-1.805.694-1.767 2.374-2.909 4.237-2.872.621 0 1.279.11 1.863.368a4.352 4.352 0 0 1 2.301 2.468c.219.552.329 1.141.329 1.73v.553h-7.415c0 .442.146.847.292 1.215.147.369.402.663.658.958.256.258.584.479.95.626.328.147.73.221 1.095.221.256 0 .548-.037.804-.111a4.33 4.33 0 0 0 .73-.294c.219-.111.439-.295.621-.479.183-.184.329-.405.402-.626l1.315.368a3.127 3.127 0 0 1-.621.921 3.355 3.355 0 0 1-.877.736 4.34 4.34 0 0 1-1.132.479c-.402.111-.84.147-1.278.147v.111Zm3.068-5.303c0-.405-.146-.81-.329-1.179-.146-.331-.402-.663-.657-.92a3.038 3.038 0 0 0-3.215-.59 2.688 2.688 0 0 0-.949.626c-.256.258-.512.59-.658.921-.182.368-.255.773-.292 1.179h6.063l.037-.037Z",fill:"#666"})),F||(F=g.createElement("path",{d:"M153.838 56.052c.73-.736 1.132-1.73 1.022-2.762a3.612 3.612 0 0 0-.913-2.688c-.548-.626-1.351-.958-2.191-.958h-8.218v7.292h7.926c.876 0 1.716-.294 2.374-.884Zm-.986 7.292h-9.314v7.697h8.948c.987 0 1.936-.331 2.594-1.03a3.789 3.789 0 0 0 1.022-2.726c0-.995-.292-1.989-.949-2.762-.548-.737-1.425-1.142-2.374-1.142l.073-.037Zm40.979-5.193c-1.57 0-3.068.663-4.09 1.879a6.037 6.037 0 0 0-1.206 2.173 8.747 8.747 0 0 0-.438 2.762 7.49 7.49 0 0 0 1.607 4.935 5.238 5.238 0 0 0 4.127 1.841c.767 0 1.571-.147 2.265-.516a5.142 5.142 0 0 0 1.789-1.399 6.038 6.038 0 0 0 1.206-2.173 8.748 8.748 0 0 0 .438-2.762c.073-1.805-.475-3.536-1.607-4.935a5.165 5.165 0 0 0-4.091-1.841v.036ZM147.884 1.215c-33.638 0-60.885 27.51-60.885 61.393C87 96.49 114.246 124 147.884 124c33.639 0 60.885-27.474 60.885-61.392 0-33.882-27.246-61.393-60.885-61.393Zm-43.645 31.451 2.008-6.04 2.009 6.04h6.355l-5.113 3.867 2.009 6.298-5.296-4.051-5.296 4.051 2.009-6.298-5.077-3.867h6.392Zm7.304 63.124-5.296-4.051-5.259 3.83 2.009-6.224-5.077-3.867h6.355l2.009-6.04 2.009 6.04h6.318l-5.076 4.014 2.045 6.298h-.037Zm7.195-26.443-5.149-4.088-5.406 3.83 1.972-6.187-5.076-3.683 6.355-.184 2.191-6.076 1.826 6.04h6.319l-5.04 4.014 2.008 6.334Zm44.705 3.499a7.814 7.814 0 0 1-2.556 2.799c-1.169.773-2.447 1.362-3.799 1.694-1.497.368-3.031.59-4.565.59h-17.02V42.683h19.43c1.133 0 2.265.258 3.288.81a8.534 8.534 0 0 1 2.52 2.062 9.649 9.649 0 0 1 1.607 2.873c.365 1.068.584 2.173.548 3.314a9.808 9.808 0 0 1-1.242 4.751c-.84 1.51-2.192 2.689-3.762 3.388a9.108 9.108 0 0 1 4.748 3.168 9.542 9.542 0 0 1 1.753 5.855c0 1.363-.292 2.725-.913 3.94h-.037Zm12.966 5.082h-7.852V51.891h7.852v26.037Zm0-29.02h-7.852v-7.182h7.852v7.182Zm27.685 25.485a12.486 12.486 0 0 1-4.346 2.946 16.202 16.202 0 0 1-11.761 0 12.504 12.504 0 0 1-4.346-2.946 13.193 13.193 0 0 1-2.703-4.31 15.055 15.055 0 0 1 0-10.274 11.785 11.785 0 0 1 2.703-4.31 13.128 13.128 0 0 1 4.346-2.982 14.651 14.651 0 0 1 5.881-1.105 14.476 14.476 0 0 1 5.844 1.105c1.643.7 3.104 1.694 4.346 2.983 1.169 1.252 2.118 2.725 2.703 4.309.621 1.62.949 3.388.949 5.119 0 1.768-.292 3.499-.913 5.119-.584 1.62-1.497 3.057-2.666 4.309l-.037.037Z",fill:"#00A390"})))};var _;function S(){return S=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return g.createElement("svg",S({width:414,height:124,viewBox:"0 0 414 124",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?g.createElement("title",{id:e},c):null,_||(_=g.createElement("g",{fill:"#fff"},g.createElement("path",{d:"m36.633 104.886-2.009-6.224-2.008 6.224H26.04l5.296 3.72-1.972 6.408 5.26-4.014 5.295 4.051-2.008-6.298 5.076-3.867h-6.355ZM62.894 111.847l-2.009-6.077-2.009 6.077-6.537.184 5.295 3.683-2.008 6.224 5.26-3.867 5.295 4.051-2.009-6.298 5.04-3.977h-6.318ZM89.008 104.886l-1.826-6.224-2.155 6.224H78.6l5.15 3.72-2.009 6.371L87.146 111l5.368 4.051-2.227-6.298 5.076-3.867h-6.355ZM17.422 85.515l-1.826-6.077-2.192 6.077H7.05l5.077 3.83-1.972 6.224 5.405-3.83 5.333 4.087-2.228-6.334 5.076-3.977h-6.318ZM8.51 65.26l5.332 4.087-2.19-6.334 5.04-3.978h-6.32L8.548 52.96l-2.192 6.076L0 59.22l5.077 3.646-1.972 6.224 5.405-3.83ZM34.624 7.402l-2.008 6.077h-6.538l5.26 3.83-2.01 6.298 5.296-4.051 5.296 4.05-2.008-6.297 5.076-3.83h-6.355l-2.009-6.077ZM15.596 26.627l-2.192 6.076H7.05l5.077 3.83-2.009 6.261 5.442-4.014 5.333 4.088-2.228-6.335 5.113-3.83h-6.355l-1.826-6.076ZM60.885 0l-2.009 6.077-6.537.184 5.295 3.646-2.008 6.224 5.26-3.83 5.295 4.05-2.009-6.297 5.04-4.014h-6.318L60.885 0ZM87.182 7.402l-2.155 6.077h-6.392l5.114 3.83-2.009 6.26 5.406-4.013 5.368 4.088-2.227-6.335 5.076-3.83h-6.355l-1.826-6.077ZM224.438 78.407c-1.68 0-3.36-.332-4.894-1.031a11.732 11.732 0 0 1-3.872-2.836 13.107 13.107 0 0 1-2.52-4.309 15.838 15.838 0 0 1-.913-5.377c0-1.804.256-3.609.84-5.303a13.1 13.1 0 0 1 2.374-4.309c.986-1.178 2.228-2.173 3.616-2.836a9.917 9.917 0 0 1 4.602-1.03c1.717 0 3.397.404 4.894 1.288a8.715 8.715 0 0 1 3.361 3.462V41.689h7.889v27.29a2.91 2.91 0 0 0 .365 1.657c.329.368.803.553 1.315.59v6.702c-.621.147-1.242.258-1.863.332-.511.036-1.023.073-1.461.073a5.737 5.737 0 0 1-3.36-.847 3.27 3.27 0 0 1-1.461-2.504l-.146-1.326c-.84 1.547-2.155 2.799-3.726 3.61a11.117 11.117 0 0 1-5.003 1.178l-.037-.037Zm2.119-6.703a5.518 5.518 0 0 0 3.104-.957 6.234 6.234 0 0 0 2.301-2.652v-5.45a7.275 7.275 0 0 0-2.374-3.241 5.402 5.402 0 0 0-3.433-1.253c-.804 0-1.607.185-2.338.553a5.996 5.996 0 0 0-1.826 1.51c-.548.663-.95 1.4-1.205 2.173a8.022 8.022 0 0 0-.438 2.614c0 .921.146 1.805.474 2.689.293.773.731 1.51 1.279 2.136a5.846 5.846 0 0 0 1.972 1.4 5.648 5.648 0 0 0 2.484.478ZM245.658 48.908v-7.182h7.853v7.182h-7.853Zm0 29.02V51.891h7.853v26.037h-7.853ZM265.089 77.928l-9.131-26.037h8.108l5.625 19.666 5.698-19.666h7.341l-9.094 26.037h-8.547ZM296.646 78.407c-2.009 0-3.982-.331-5.844-1.068a13.068 13.068 0 0 1-4.383-2.91c-1.169-1.215-2.119-2.651-2.703-4.235a14.05 14.05 0 0 1-.95-5.045c0-1.805.293-3.61.95-5.34.584-1.62 1.534-3.13 2.703-4.383 1.242-1.289 2.703-2.32 4.346-2.983a14.653 14.653 0 0 1 5.881-1.105c2.008 0 3.981.332 5.843 1.105 1.644.663 3.105 1.694 4.31 2.946a12.357 12.357 0 0 1 2.666 4.272c.621 1.62.913 3.352.913 5.12 0 .478 0 .92-.036 1.362 0 .405-.073.774-.146 1.179H291.13c0 1.546.731 2.983 1.9 3.977a6.13 6.13 0 0 0 3.871 1.363 6.972 6.972 0 0 0 3.324-.847c.986-.48 1.753-1.29 2.118-2.284l6.684 1.879a12.164 12.164 0 0 1-4.712 5.008 14.448 14.448 0 0 1-7.669 1.952v.037Zm5.478-15.983c-.073-1.474-.73-2.873-1.79-3.941a5.327 5.327 0 0 0-3.798-1.436 5.21 5.21 0 0 0-3.799 1.473c-1.022 1.031-1.643 2.43-1.753 3.903H302.124ZM330.138 58.667c-1.753 0-3.507.331-5.187.958-1.388.478-2.556 1.436-3.36 2.688v15.615h-7.852V51.854h7.231v5.266c.804-1.62 1.973-3.056 3.433-4.124a7.771 7.771 0 0 1 4.456-1.547h.804s.329 0 .511.037v7.144l-.036.037ZM343.396 78.407c-2.192 0-4.383-.368-6.501-1.068-2.009-.626-3.835-1.694-5.406-3.094l2.812-4.861a21.614 21.614 0 0 0 4.602 2.541c1.352.553 2.813.884 4.31.884a4.434 4.434 0 0 0 2.374-.552c.548-.332.877-.958.84-1.584 0-.7-.402-1.363-1.059-1.657a16.655 16.655 0 0 0-3.725-1.326c-1.754-.479-3.215-.958-4.383-1.436a11.738 11.738 0 0 1-2.922-1.547c-.694-.479-1.242-1.179-1.607-1.952-.329-.81-.512-1.694-.475-2.578a8.201 8.201 0 0 1 2.958-6.408c.987-.81 2.082-1.4 3.288-1.805a11.87 11.87 0 0 1 4.09-.626c1.826 0 3.689.258 5.442.81 1.826.59 3.47 1.584 4.894 2.873l-3.031 4.75a23.244 23.244 0 0 0-3.945-2.246c-1.059-.441-2.191-.663-3.36-.7-.767 0-1.497.148-2.155.516-.913.553-1.168 1.768-.621 2.652.183.258.402.479.694.663 1.133.552 2.338.92 3.58 1.178 1.57.405 3.141.884 4.638 1.473 1.096.405 2.119.958 3.068 1.658a5.944 5.944 0 0 1 1.717 2.099 7.4 7.4 0 0 1 .548 2.836 7.546 7.546 0 0 1-2.849 6.15c-2.265 1.62-5.004 2.43-7.743 2.283l-.073.074ZM357.494 48.908v-7.182h7.889v7.182h-7.889Zm0 29.02V51.891h7.889v26.037h-7.889ZM387.042 76.529c-1.206.515-2.448.92-3.726 1.289-1.351.405-2.776.589-4.2.589-.95 0-1.863-.11-2.776-.368a6.228 6.228 0 0 1-2.301-1.179 5.36 5.36 0 0 1-1.534-2.173 8.192 8.192 0 0 1-.548-3.24v-13.59h-3.287v-6.003h3.287v-8.286h7.889v8.286h5.26v6.003h-5.26V68.72c-.073.663.183 1.363.621 1.841.439.406 1.023.59 1.607.59.621 0 1.242-.11 1.827-.295a21.104 21.104 0 0 0 1.607-.626l1.534 6.335v-.037ZM390 81.832c.584.22 1.205.368 1.826.516.512.073 1.023.147 1.571.147a2.76 2.76 0 0 0 2.228-.995c.694-1.068 1.168-2.283 1.424-3.572l-9.825-26.037h8.109l5.989 19.26 5.15-19.26h7.378l-9.825 30.272c-1.351 4.383-5.442 7.366-9.971 7.255a12.37 12.37 0 0 1-2.009-.184c-.694-.11-1.388-.331-2.045-.589v-6.813ZM214.321 100.062v-12.3h1.534v12.3h-1.534ZM227.031 100.062h-1.497v-5.046c.036-.736-.11-1.473-.439-2.099a1.471 1.471 0 0 0-1.314-.663c-.329 0-.621.074-.913.184-.329.11-.621.295-.877.48a3.506 3.506 0 0 0-.731.736 3.332 3.332 0 0 0-.474.957v5.451h-1.498v-9.023h1.388v1.952c.365-.626.913-1.179 1.534-1.51a4.545 4.545 0 0 1 2.192-.59c.438 0 .876.074 1.278.295.329.184.621.479.803.81.22.369.366.774.439 1.216.073.478.146.994.146 1.51v5.377l-.037-.037ZM230.391 100.062v-7.845h-1.205V91.04h1.205v-.184c-.036-.92.22-1.879.731-2.652a2.416 2.416 0 0 1 2.009-.957c.365 0 .694.037 1.059.147.329.11.621.22.913.405l-.365 1.105s-.365-.221-.585-.295a2.27 2.27 0 0 0-.694-.11c-.438 0-.876.184-1.132.589a2.947 2.947 0 0 0-.402 1.657v.258h2.374v1.179h-2.374v7.844h-1.497l-.037.037ZM240.143 100.246a4.481 4.481 0 0 1-3.25-1.4 4.724 4.724 0 0 1-.913-1.473 5.01 5.01 0 0 1 0-3.572 4.724 4.724 0 0 1 .913-1.473c1.716-1.805 4.565-1.878 6.355-.184l.182.184c.402.442.694.92.914 1.473a5.02 5.02 0 0 1 0 3.572c-.439 1.105-1.279 2.026-2.375 2.505-.584.257-1.205.405-1.826.368Zm-2.958-4.64c0 .442.073.884.219 1.325.146.406.365.737.621 1.068.256.295.584.553.95.7a2.87 2.87 0 0 0 2.337 0c.365-.184.694-.442.95-.736.292-.332.511-.663.657-1.068.146-.442.219-.884.219-1.326 0-.442-.073-.884-.219-1.29a2.91 2.91 0 0 0-.657-1.067 3.156 3.156 0 0 0-.95-.737 2.58 2.58 0 0 0-1.169-.258c-.401 0-.803.074-1.168.258a3.143 3.143 0 0 0-.95.737c-.256.331-.475.663-.621 1.068a4.26 4.26 0 0 0-.219 1.362v-.036ZM252.013 92.365c-.693 0-1.387.22-2.008.589-.585.368-.986.884-1.242 1.547v5.561h-1.498v-9.023h1.388v2.1a4.394 4.394 0 0 1 1.206-1.51 3.26 3.26 0 0 1 1.607-.664h.511v1.4h.036ZM267.682 100.062h-1.497v-5.046c.036-.736-.11-1.473-.439-2.099a1.493 1.493 0 0 0-1.351-.663 2.28 2.28 0 0 0-1.644.663 3.644 3.644 0 0 0-1.022 1.731v5.451h-1.498v-5.046c.073-.736-.109-1.473-.438-2.099a1.493 1.493 0 0 0-1.351-.663c-.621 0-1.206.221-1.644.663-.511.442-.876 1.068-1.059 1.73v5.451h-1.498v-9.022h1.388v1.951a4.13 4.13 0 0 1 1.425-1.546 3.71 3.71 0 0 1 1.972-.553c.657 0 1.278.184 1.79.626.438.406.73.995.803 1.584.621-1.363 1.936-2.21 3.397-2.21.438 0 .913.074 1.315.295.329.184.621.479.84.81.219.368.365.774.438 1.215.11.48.146.995.146 1.51v5.414l-.073-.147ZM273.051 100.246a3.15 3.15 0 0 1-1.169-.221c-.365-.147-.694-.332-.949-.59a2.963 2.963 0 0 1-.621-.883 2.84 2.84 0 0 1-.219-1.105c0-.405.073-.773.255-1.142a2.98 2.98 0 0 1 .767-.884 3.6 3.6 0 0 1 1.206-.552 5.513 5.513 0 0 1 1.534-.22c.438 0 .876.036 1.315.11.401.073.803.184 1.168.331v-.737c.11-1.178-.767-2.246-1.935-2.357h-.439a4.78 4.78 0 0 0-2.849 1.068l-.511-.994a6.244 6.244 0 0 1 3.47-1.178 3.691 3.691 0 0 1 2.739.957c.694.7 1.059 1.694.986 2.689v3.682c0 .369.146.553.475.553v1.326h-.402s-.219.073-.328.036c-.256 0-.548-.073-.731-.257a1.153 1.153 0 0 1-.329-.663v-.626a4.318 4.318 0 0 1-1.57 1.252 4.51 4.51 0 0 1-1.936.442l.073-.037Zm.402-1.142c.511 0 1.023-.11 1.497-.294a2.123 2.123 0 0 0 1.06-.81c.182-.185.328-.406.328-.663V96.01a6.043 6.043 0 0 0-2.264-.442c-.658 0-1.278.147-1.826.478a1.438 1.438 0 0 0-.694 1.253c0 .478.182.957.548 1.289.182.147.401.294.62.368.256.11.512.147.767.147h-.036ZM285.433 99.62l-.366.184c-.146.074-.328.11-.511.184-.219.074-.402.111-.621.147a4.42 4.42 0 0 1-.694.074 2.42 2.42 0 0 1-1.424-.442c-.402-.331-.658-.884-.585-1.436v-6.077h-1.205v-1.178h1.205v-3.02h1.498v3.02h2.009v1.178h-2.009v5.598c0 .295.109.552.329.737.182.147.438.22.694.22.292 0 .547-.036.803-.147.183-.073.329-.147.511-.22l.366 1.215v-.037ZM287.551 89.345V87.43h1.497v1.915h-1.497Zm0 10.717v-9.023h1.497v9.023h-1.497ZM296.171 100.246c-1.242 0-2.411-.516-3.287-1.4a4.746 4.746 0 0 1-.914-1.473 5.02 5.02 0 0 1 0-3.572c.22-.552.512-1.031.914-1.473a4.423 4.423 0 0 1 1.424-1.031 4.497 4.497 0 0 1 1.826-.369c1.242 0 2.447.48 3.287 1.4.402.442.694.92.913 1.473a5.01 5.01 0 0 1 0 3.572 4.724 4.724 0 0 1-.913 1.474c-.402.441-.913.773-1.424 1.03-.585.258-1.205.406-1.826.369Zm-2.959-4.677c0 .442.073.884.219 1.326.146.405.366.736.621 1.068.256.294.585.552.95.7.73.33 1.57.33 2.301 0 .365-.185.694-.443.949-.737.293-.332.512-.663.658-1.068.146-.442.219-.884.219-1.326 0-.442-.073-.884-.219-1.289a2.9 2.9 0 0 0-.658-1.068 3.137 3.137 0 0 0-.949-.737 2.578 2.578 0 0 0-1.169-.257c-.402 0-.803.073-1.169.257a3.137 3.137 0 0 0-.949.737c-.256.331-.475.663-.621 1.068-.146.442-.256.884-.219 1.363l.036-.037ZM311.036 100.062h-1.498v-5.046a4.096 4.096 0 0 0-.438-2.099 1.472 1.472 0 0 0-1.315-.663c-.329 0-.621.074-.913.184-.329.11-.621.295-.876.48a3.46 3.46 0 0 0-.731.736 3.361 3.361 0 0 0-.475.957v5.451h-1.497v-9.023h1.388v1.952c.365-.626.876-1.179 1.534-1.51a4.538 4.538 0 0 1 2.191-.59c.438 0 .877.074 1.278.295.329.184.621.479.841.81.219.369.365.774.438 1.216.073.478.146.994.146 1.51v5.413l-.073-.073ZM325.828 90.34s-.329-.332-.548-.48c-.256-.147-.511-.294-.767-.405a7.143 7.143 0 0 0-.95-.294 4.904 4.904 0 0 0-1.059-.11 3.037 3.037 0 0 0-2.082.552c-.438.368-.693.92-.657 1.473 0 .294.073.589.183.847.146.22.365.442.584.552.329.184.657.295 1.023.405.401.11.876.221 1.424.369.584.11 1.132.294 1.717.478.475.148.913.369 1.315.663.365.258.62.59.84.958.182.442.292.92.292 1.4 0 .515-.11 1.067-.329 1.546-.219.442-.548.81-.95 1.068a4.258 4.258 0 0 1-1.387.626 7.175 7.175 0 0 1-1.754.221 8.096 8.096 0 0 1-2.666-.442 7.884 7.884 0 0 1-2.301-1.289l.731-1.326c.219.221.438.406.694.59.328.22.657.405.986.515.402.147.803.295 1.205.368.438.111.877.148 1.351.148.694.037 1.425-.11 2.009-.479a1.56 1.56 0 0 0 .731-1.4c0-.294-.073-.626-.219-.883a2.133 2.133 0 0 0-.658-.626 5.685 5.685 0 0 0-1.096-.442c-.438-.148-.949-.258-1.497-.405a27.592 27.592 0 0 1-1.644-.48c-.438-.147-.803-.368-1.168-.625a2.324 2.324 0 0 1-.694-.884 2.952 2.952 0 0 1-.256-1.252c0-.553.11-1.068.329-1.547.219-.442.511-.847.913-1.142.402-.331.876-.552 1.388-.7a7.141 7.141 0 0 1 1.753-.22c.767 0 1.497.11 2.228.368.657.22 1.242.59 1.753 1.031l-.731 1.289-.036-.037ZM329.59 102.492s.292.037.438.037h.329s.256 0 .365-.11a1.05 1.05 0 0 0 .329-.368c.146-.258.255-.516.365-.774.146-.331.292-.773.511-1.289l-3.798-9.023h1.57l3.068 7.66 2.776-7.66h1.461l-4.383 11.417a2.842 2.842 0 0 1-.803 1.068 2.284 2.284 0 0 1-1.534.442h-.329s-.256-.037-.402-.074v-1.399l.037.073ZM342.191 100.246a6.9 6.9 0 0 1-2.119-.331 4.323 4.323 0 0 1-1.79-.995l.658-1.031c.475.368 1.023.7 1.57.92.548.222 1.096.295 1.681.295.547 0 1.095-.11 1.57-.368.365-.221.584-.663.584-1.105 0-.184-.036-.405-.146-.552-.109-.184-.292-.295-.474-.405-.256-.148-.512-.221-.804-.295-.329-.074-.694-.184-1.132-.295-.548-.147-1.023-.257-1.388-.405a4.45 4.45 0 0 1-.95-.442c-.219-.147-.438-.368-.548-.626a2.561 2.561 0 0 1-.182-.884c0-.81.328-1.583.986-2.099a3.085 3.085 0 0 1 1.096-.552c.438-.11.876-.184 1.351-.184.657 0 1.278.11 1.899.331a4.472 4.472 0 0 1 1.461.847l-.694.92a3.421 3.421 0 0 0-1.278-.736 3.947 3.947 0 0 0-1.461-.258c-.475 0-.986.11-1.388.369-.402.258-.621.663-.584 1.141 0 .184 0 .369.109.516a.884.884 0 0 0 .365.368c.22.11.439.221.658.295.256.073.584.184.95.258.584.147 1.095.294 1.57.405.402.11.767.294 1.096.515.584.332.913.995.876 1.658 0 .773-.328 1.546-.949 2.025-.767.516-1.644.774-2.557.7h-.036ZM352.929 99.62l-.366.184c-.146.074-.328.11-.511.184-.219.074-.402.111-.621.147a4.42 4.42 0 0 1-.694.074c-.511 0-1.023-.147-1.424-.442-.402-.331-.658-.884-.585-1.436v-6.077h-1.205v-1.178h1.205v-3.02h1.498v3.02h2.009v1.178h-2.009v5.598c0 .295.109.552.329.737.182.147.438.22.693.22.293 0 .548-.036.804-.147.183-.073.329-.147.511-.22l.366 1.215v-.037ZM358.809 100.246c-.621 0-1.279-.111-1.863-.368a4.486 4.486 0 0 1-1.461-.995 5.022 5.022 0 0 1-.95-1.51 5.091 5.091 0 0 1-.328-1.804c0-.626.109-1.216.328-1.805.22-.552.548-1.031.95-1.473a3.98 3.98 0 0 1 1.461-.994c.584-.258 1.205-.369 1.863-.369 1.862 0 3.506 1.105 4.163 2.873.22.552.329 1.142.329 1.73V96.122h-7.451c0 .442.146.847.293 1.216.328.7.876 1.252 1.607 1.583.328.147.73.221 1.095.221.256 0 .548-.037.804-.11.255-.074.511-.184.73-.295.219-.11.439-.295.621-.479a1.66 1.66 0 0 0 .402-.626l1.315.368a3.13 3.13 0 0 1-.621.921 3.208 3.208 0 0 1-.877.7c-.365.22-.73.368-1.132.479-.402.11-.84.147-1.278.147Zm3.068-5.303c0-.405-.146-.81-.329-1.179-.146-.331-.402-.663-.657-.92a3.076 3.076 0 0 0-2.082-.81c-.402 0-.767.073-1.132.22a2.667 2.667 0 0 0-.95.626c-.256.258-.511.59-.658.921-.182.368-.255.773-.292 1.178h6.063l.037-.036ZM379.299 100.062h-1.498v-5.046a4.095 4.095 0 0 0-.438-2.099 1.495 1.495 0 0 0-1.352-.663c-.62 0-1.205.221-1.643.663a3.713 3.713 0 0 0-1.059 1.731v5.451h-1.498v-5.046c.073-.736-.109-1.473-.438-2.099a1.494 1.494 0 0 0-1.351-.663c-.621 0-1.206.221-1.644.663-.511.442-.877 1.068-1.059 1.73v5.451h-1.498v-9.022h1.388v1.951c.329-.626.804-1.178 1.425-1.546a3.71 3.71 0 0 1 1.972-.553c.657 0 1.315.184 1.79.626.438.406.73.995.803 1.584a3.734 3.734 0 0 1 3.433-2.21c.439 0 .877.074 1.279.295.328.184.621.442.84.81.219.368.365.774.438 1.215.11.48.146.995.146 1.51v5.414l-.036-.147ZM214.54 118.476v-7.845h-1.205v-1.178h1.205v-.184a4.075 4.075 0 0 1 .731-2.652 2.415 2.415 0 0 1 2.009-.957c.365 0 .693.036 1.059.147.328.11.621.221.913.405l-.365 1.105s-.366-.221-.585-.295a2.296 2.296 0 0 0-.694-.11c-.438 0-.876.184-1.132.552a2.947 2.947 0 0 0-.402 1.657v.258h2.374v1.179h-2.374v7.844h-1.497l-.037.074ZM224.292 118.66c-1.242 0-2.411-.516-3.287-1.4a4.706 4.706 0 0 1-.913-1.473 5.009 5.009 0 0 1 0-3.572 4.73 4.73 0 0 1 .913-1.473c1.716-1.805 4.565-1.878 6.355-.184l.183.184c.401.442.694.921.913 1.473a5.02 5.02 0 0 1 0 3.572c-.439 1.105-1.279 2.026-2.374 2.505-.585.257-1.206.405-1.827.368h.037Zm-2.958-4.64c0 .442.073.883.219 1.325.146.406.365.737.621 1.068.255.295.584.553.949.7a2.868 2.868 0 0 0 2.338 0c.365-.184.694-.442.949-.736.293-.295.512-.663.658-1.068.146-.442.219-.884.219-1.326 0-.442-.073-.884-.219-1.289a2.894 2.894 0 0 0-.658-1.068 3.13 3.13 0 0 0-.949-.737 2.58 2.58 0 0 0-1.169-.258 2.58 2.58 0 0 0-1.169.258 3.13 3.13 0 0 0-.949.737c-.256.331-.475.663-.621 1.068a4.26 4.26 0 0 0-.219 1.362v-.036ZM236.162 110.779c-.694 0-1.388.221-2.009.589-.584.368-.986.884-1.241 1.547v5.561h-1.498v-9.023h1.388v2.099a4.404 4.404 0 0 1 1.205-1.51 3.273 3.273 0 0 1 1.607-.663h.512v1.4h.036ZM251.21 117.076v1.4h-8.291v-12.301h8.108v1.4h-6.574v3.977h5.734v1.289h-5.734v4.235h6.757ZM256.287 118.66c-.84.037-1.607-.295-2.119-.958a4.604 4.604 0 0 1-.73-2.835v-5.414h1.497v5.119c0 1.841.621 2.762 1.9 2.762.621 0 1.242-.221 1.753-.589a3.504 3.504 0 0 0 1.205-1.621v-5.671h1.498v7.145c0 .368.146.552.474.552v1.326h-.694a.915.915 0 0 1-.73-.221 1.146 1.146 0 0 1-.329-.663v-1.068a4.37 4.37 0 0 1-3.762 2.099l.037.037ZM269.326 110.779c-.694 0-1.388.221-2.009.589-.584.368-.986.884-1.242 1.547v5.561h-1.497v-9.023h1.388v2.099a4.392 4.392 0 0 1 1.205-1.51 3.27 3.27 0 0 1 1.607-.663h.511v1.4h.037ZM275.243 118.66c-1.242 0-2.448-.479-3.288-1.4a4.725 4.725 0 0 1-.913-1.473 5.02 5.02 0 0 1 0-3.572c.219-.552.548-1.031.913-1.473a4.505 4.505 0 0 1 6.355-.184l.183.184c.402.442.731.921.913 1.473a5.02 5.02 0 0 1 0 3.572 4.706 4.706 0 0 1-.913 1.473 4.437 4.437 0 0 1-1.424 1.032c-.585.257-1.206.405-1.826.368Zm-2.959-4.64c0 .442.073.883.219 1.325.146.406.366.737.621 1.068.256.295.585.553.95.7.73.332 1.57.332 2.337 0 .366-.184.694-.442.95-.736.292-.332.511-.663.657-1.068.146-.442.219-.884.219-1.326 0-.442-.073-.884-.219-1.289a2.905 2.905 0 0 0-.657-1.068 3.135 3.135 0 0 0-.95-.737 2.58 2.58 0 0 0-1.168-.258 2.58 2.58 0 0 0-1.169.258 3.147 3.147 0 0 0-.95.737 3.144 3.144 0 0 0-.621 1.068c-.146.442-.255.884-.219 1.362v-.036ZM287.149 118.66a3.712 3.712 0 0 1-1.972-.552 4.474 4.474 0 0 1-1.351-1.4v5.487h-1.498V109.49h1.351v1.694c.366-.553.841-.994 1.388-1.363.585-.331 1.206-.515 1.863-.515.584 0 1.169.11 1.68.368.511.258.95.589 1.352 1.031.767.921 1.205 2.062 1.205 3.241 0 .626-.11 1.252-.292 1.841a4.184 4.184 0 0 1-.84 1.473c-.366.406-.767.774-1.279.995-.511.258-1.059.368-1.643.368l.036.037Zm-.475-1.326c.402 0 .84-.074 1.206-.294a2.65 2.65 0 0 0 .913-.774c.255-.331.475-.7.584-1.068.146-.405.219-.81.219-1.252 0-.884-.328-1.694-.876-2.357-.256-.295-.621-.552-.986-.737-.366-.184-.804-.257-1.206-.257-.292 0-.584.073-.84.147-.292.11-.584.258-.84.442a3.571 3.571 0 0 0-.657.626c-.183.221-.292.516-.365.773v2.578c.109.295.292.59.474.847a3.38 3.38 0 0 0 1.461 1.105c.293.111.585.184.913.184v.037ZM297.778 118.66c-.621 0-1.279-.111-1.863-.368a4.088 4.088 0 0 1-1.461-1.031 5.03 5.03 0 0 1-.95-1.51 5.097 5.097 0 0 1-.328-1.805c0-.626.109-1.215.328-1.805.694-1.767 2.374-2.909 4.237-2.872.621 0 1.279.11 1.863.368a4.352 4.352 0 0 1 2.301 2.468c.219.552.329 1.141.329 1.73v.553h-7.415c0 .442.146.847.292 1.215.147.369.402.663.658.958.256.258.584.479.95.626.328.147.73.221 1.095.221.256 0 .548-.037.804-.111a4.33 4.33 0 0 0 .73-.294c.219-.111.439-.295.621-.479.183-.184.329-.405.402-.626l1.315.368a3.127 3.127 0 0 1-.621.921 3.355 3.355 0 0 1-.877.736 4.34 4.34 0 0 1-1.132.479c-.402.111-.84.147-1.278.147v.111Zm3.068-5.303c0-.405-.146-.81-.329-1.179-.146-.331-.402-.663-.657-.92a3.038 3.038 0 0 0-3.215-.59 2.688 2.688 0 0 0-.949.626c-.256.258-.512.59-.658.921-.182.368-.255.773-.292 1.179h6.063l.037-.037ZM153.838 56.052c.73-.736 1.132-1.73 1.022-2.762a3.612 3.612 0 0 0-.913-2.688c-.548-.626-1.351-.958-2.191-.958h-8.218v7.292h7.926c.876 0 1.716-.294 2.374-.884Zm-.986 7.292h-9.314v7.697h8.948c.987 0 1.936-.331 2.594-1.03a3.789 3.789 0 0 0 1.022-2.726c0-.995-.292-1.989-.949-2.762-.548-.737-1.425-1.142-2.374-1.142l.073-.037Zm40.979-5.193c-1.57 0-3.068.663-4.09 1.879a6.037 6.037 0 0 0-1.206 2.173 8.747 8.747 0 0 0-.438 2.762 7.49 7.49 0 0 0 1.607 4.935 5.238 5.238 0 0 0 4.127 1.841c.767 0 1.571-.147 2.265-.516a5.142 5.142 0 0 0 1.789-1.399 6.038 6.038 0 0 0 1.206-2.173 8.748 8.748 0 0 0 .438-2.762c.073-1.805-.475-3.536-1.607-4.935a5.165 5.165 0 0 0-4.091-1.841v.036ZM147.884 1.215c-33.638 0-60.885 27.51-60.885 61.393C87 96.49 114.246 124 147.884 124c33.639 0 60.885-27.474 60.885-61.392 0-33.882-27.246-61.393-60.885-61.393Zm-43.645 31.451 2.008-6.04 2.009 6.04h6.355l-5.113 3.867 2.009 6.298-5.296-4.051-5.296 4.051 2.009-6.298-5.077-3.867h6.392Zm7.304 63.124-5.296-4.051-5.259 3.83 2.009-6.224-5.077-3.867h6.355l2.009-6.04 2.009 6.04h6.318l-5.076 4.014 2.045 6.298h-.037Zm7.195-26.443-5.149-4.088-5.406 3.83 1.972-6.187-5.076-3.683 6.355-.184 2.191-6.076 1.826 6.04h6.319l-5.04 4.014 2.008 6.334Zm44.705 3.499a7.814 7.814 0 0 1-2.556 2.799c-1.169.773-2.447 1.362-3.799 1.694-1.497.368-3.031.59-4.565.59h-17.02V42.683h19.43c1.133 0 2.265.258 3.288.81a8.534 8.534 0 0 1 2.52 2.062 9.649 9.649 0 0 1 1.607 2.873c.365 1.068.584 2.173.548 3.314a9.808 9.808 0 0 1-1.242 4.751c-.84 1.51-2.192 2.689-3.762 3.388a9.108 9.108 0 0 1 4.748 3.168 9.542 9.542 0 0 1 1.753 5.855c0 1.363-.292 2.725-.913 3.94h-.037Zm12.966 5.082h-7.852V51.891h7.852v26.037Zm0-29.02h-7.852v-7.182h7.852v7.182Zm27.685 25.485a12.486 12.486 0 0 1-4.346 2.946 16.202 16.202 0 0 1-11.761 0 12.504 12.504 0 0 1-4.346-2.946 13.193 13.193 0 0 1-2.703-4.31 15.055 15.055 0 0 1 0-10.274 11.785 11.785 0 0 1 2.703-4.31 13.128 13.128 0 0 1 4.346-2.982 14.651 14.651 0 0 1 5.881-1.105 14.476 14.476 0 0 1 5.844 1.105c1.643.7 3.104 1.694 4.346 2.983 1.169 1.252 2.118 2.725 2.703 4.309.621 1.62.949 3.388.949 5.119 0 1.768-.292 3.499-.913 5.119-.584 1.62-1.497 3.057-2.666 4.309l-.037.037Z"}))))};var U,G,$,J,K;function Q(){return Q=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return g.createElement("svg",Q({width:393,height:124,viewBox:"0 0 393 124",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?g.createElement("title",{id:e},c):null,U||(U=g.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M74.94.71c34.069 22.909 45.976 50.856 45.976 76.213 0 25.356-20.619 45.975-45.975 45.975-25.357 0-45.976-20.619-45.976-45.975.16-25.34 10.7-54.21 45.975-76.213Z",fill:"#71B28D"})),G||(G=g.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M28.663 14.62c40.936-2.59 67.358 12.528 82.794 32.527 15.42 20.158 11.462 49.027-8.712 64.305-20.015 15.277-48.726 11.462-64.162-8.394-15.277-20.015-24.593-49.346-9.92-88.437Z",fill:"#3D9877"})),$||($=g.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.32 57.226c30.856-27.042 61.093-31.16 85.544-24.594 24.434 6.566 39.107 31.764 32.542 56.214-6.566 24.434-31.78 39.092-56.214 32.526C38.583 114.806 13.53 97.097 1.32 57.226Z",fill:"#028374"})),J||(J=g.createElement("path",{d:"m60.585 106.714 1.065 3.355-2.909-2.13-2.91 2.13 1.066-3.355-2.91-2.13h3.673l1.065-3.354 1.065 3.354h3.514l-2.719 2.13ZM77.23 111.134l1.065 3.513-2.91-2.289-2.909 2.13 1.225-3.354-2.91-1.987 3.514-.159 1.065-3.211 1.065 3.211h3.513l-2.718 2.146ZM106.099 94.648l1.066 3.355-2.91-2.13-2.909 1.987 1.065-3.355-2.75-2.146h3.513l1.065-3.211 1.066 3.211h3.513l-2.719 2.29ZM93.874 106.714l1.225 3.355-2.91-2.13-3.052 2.13 1.065-3.355-2.75-2.13h3.513l1.224-3.354.922 3.354h3.514l-2.75 2.13ZM48.36 94.648l1.065 3.355-2.91-2.13-2.908 1.987 1.065-3.355-2.75-2.146h3.513l1.065-3.211 1.065 3.211h3.513l-2.718 2.29ZM43.782 77.845l1.224 3.354-2.91-2.13-2.909 2.13 1.065-3.354-2.75-1.987 3.354-.16 1.224-3.354 1.066 3.355H46.5l-2.718 2.146ZM60.585 48.975l1.065 3.513-2.909-2.289-2.91 2.29 1.066-3.514-2.91-1.987h3.673l1.065-3.355 1.065 3.355h3.514l-2.719 1.987ZM48.36 61.2l1.065 3.355-2.91-2.13-2.908 2.13 1.065-3.355-2.75-2.146h3.513l1.065-3.211 1.065 3.211h3.513L48.36 61.2ZM77.23 44.397l1.065 3.513-2.91-2.29-2.909 2.147 1.225-3.355-2.91-1.987 3.514-.159 1.065-3.211 1.065 3.211h3.513l-2.718 2.13ZM93.874 48.975l1.225 3.513-2.91-2.289-3.052 2.29 1.065-3.514-2.75-1.987h3.513l1.224-3.355.922 3.355h3.514l-2.75 1.987ZM110.678 77.845l1.065 3.354-2.75-2.13-3.053 2.13 1.066-3.354-2.751-1.987 3.514-.16 1.224-3.354.922 3.355h3.513l-2.75 2.146ZM106.099 61.2l1.066 3.355-2.91-2.13-2.909 2.13 1.065-3.355-2.75-2.146h3.513l1.065-3.211 1.066 3.211h3.513l-2.719 2.146Z",fill:"#FCE913",stroke:"#FCE913",strokeWidth:.5,strokeMiterlimit:10})),K||(K=g.createElement("path",{d:"M133.093 52.282h13.211v4.006h-8.314v4.928h7.758v3.974h-7.758v8.696h-4.897V52.282ZM164.491 65.874c0 5.739-4.086 8.362-8.283 8.362-4.578 0-8.107-3.005-8.107-8.076 0-5.071 3.322-8.314 8.378-8.314 4.816 0 8.012 3.306 8.012 8.028Zm-11.335.159c0 2.687 1.113 4.721 3.211 4.721 1.892 0 3.116-1.891 3.116-4.721 0-2.337-.906-4.722-3.116-4.722-2.353 0-3.211 2.4-3.211 4.722ZM166.875 63.362c0-2.305-.063-3.815-.127-5.166h4.197l.159 2.893h.127c.795-2.273 2.719-3.243 4.229-3.243.445 0 .668 0 1.018.063v4.579a6.984 6.984 0 0 0-1.32-.127c-1.796 0-3.005.97-3.323 2.48a5.75 5.75 0 0 0-.095 1.08v7.965h-4.88V63.362h.015ZM182.566 67.59c.159 2.02 2.162 2.974 4.436 2.974 1.669 0 3.004-.223 4.324-.636l.636 3.306c-1.606.636-3.561.97-5.676.97-5.325 0-8.378-3.084-8.378-7.98 0-3.975 2.48-8.362 7.933-8.362 5.071 0 6.995 3.942 6.995 7.821 0 .843-.096 1.574-.159 1.924h-10.111v-.016Zm5.723-3.338c0-1.192-.524-3.18-2.766-3.18-2.051 0-2.893 1.86-3.005 3.18h5.771ZM195.713 69.626c.907.556 2.767 1.192 4.197 1.192 1.431 0 2.083-.525 2.083-1.32 0-.794-.477-1.192-2.305-1.796-3.243-1.08-4.483-2.861-4.467-4.721 0-2.925 2.511-5.135 6.39-5.135 1.829 0 3.466.413 4.436.906l-.875 3.354c-.699-.381-2.05-.906-3.402-.906-1.192 0-1.86.477-1.86 1.288 0 .731.604 1.113 2.528 1.796 2.973 1.018 4.229 2.528 4.261 4.849 0 2.91-2.306 5.071-6.805 5.071-2.05 0-3.879-.445-5.071-1.08l.89-3.498ZM215.124 53.712v4.483h3.498v3.593h-3.498v5.676c0 1.892.445 2.766 1.924 2.766.604 0 1.081-.064 1.43-.127l.032 3.688c-.636.254-1.796.413-3.179.413-1.574 0-2.894-.556-3.657-1.351-.906-.938-1.351-2.448-1.351-4.642v-6.407h-2.083v-3.593h2.083V54.81l4.801-1.097ZM231.705 52.282v21.604h-4.896V52.282h4.896ZM235.87 63.22c0-1.956-.063-3.626-.127-5.009h4.229l.222 2.147h.096c.636-.986 2.241-2.512 4.849-2.512 3.211 0 5.611 2.13 5.611 6.74v9.3h-4.88V65.19c0-2.019-.7-3.402-2.48-3.402-1.351 0-2.146.938-2.48 1.829-.127.286-.191.763-.191 1.224v9.045h-4.88l.031-10.667ZM255.217 73.886V61.788h-2.05v-3.592h2.05v-.605c0-1.891.589-3.974 1.988-5.246 1.224-1.16 2.925-1.574 4.324-1.574 1.081 0 1.923.128 2.591.318l-.191 3.752a5.34 5.34 0 0 0-1.574-.222c-1.605 0-2.273 1.255-2.273 2.798v.794h3.148v3.593h-3.116v12.098h-4.897v-.016ZM280.765 65.874c0 5.739-4.086 8.362-8.283 8.362-4.578 0-8.108-3.005-8.108-8.076 0-5.071 3.323-8.314 8.378-8.314 4.833 0 8.013 3.306 8.013 8.028Zm-11.351.159c0 2.687 1.113 4.721 3.211 4.721 1.892 0 3.116-1.891 3.116-4.721 0-2.337-.906-4.722-3.116-4.722-2.337 0-3.211 2.4-3.211 4.722ZM283.801 63.362c0-2.305-.064-3.815-.127-5.166h4.197l.159 2.893h.127c.811-2.273 2.734-3.243 4.228-3.243.446 0 .668 0 1.018.063v4.579a6.975 6.975 0 0 0-1.32-.127c-1.796 0-3.004.97-3.322 2.48-.064.318-.096.7-.096 1.08v7.965h-4.88V63.362h.016ZM295.978 63.22c0-1.956-.063-3.626-.127-5.009h4.102l.222 2.13h.096c.667-.985 2.05-2.48 4.753-2.48 2.019 0 3.625 1.018 4.292 2.656h.064a7.533 7.533 0 0 1 2.019-1.892c.874-.525 1.828-.763 2.973-.763 3.004 0 5.278 2.13 5.278 6.804v9.236h-4.754v-8.537c0-2.273-.731-3.593-2.305-3.593-1.113 0-1.923.764-2.241 1.702-.128.35-.191.874-.191 1.255v9.173h-4.753v-8.775c0-1.987-.7-3.323-2.242-3.323-1.256 0-1.987.97-2.273 1.749-.175.382-.191.843-.191 1.224v9.141h-4.753V63.235h.031v-.016ZM332.495 73.886l-.286-1.574h-.096c-1.017 1.256-2.623 1.924-4.483 1.924-3.179 0-5.071-2.305-5.071-4.817 0-4.085 3.656-6.025 9.205-6.01v-.222c0-.842-.446-2.019-2.862-2.019-1.606 0-3.307.557-4.324 1.193l-.906-3.148c1.081-.604 3.243-1.367 6.088-1.367 5.231 0 6.884 3.084 6.884 6.772v5.453c0 1.51.064 2.94.223 3.815h-4.372Zm-.588-7.408c-2.56-.032-4.547.572-4.547 2.48 0 1.256.843 1.86 1.924 1.86a2.674 2.674 0 0 0 2.543-1.796c.064-.255.096-.557.096-.843v-1.7h-.016ZM345.706 53.712v4.483h3.497v3.593h-3.497v5.676c0 1.892.445 2.766 1.923 2.766.604 0 1.081-.064 1.431-.127l.032 3.688c-.636.254-1.797.413-3.18.413-1.574 0-2.893-.556-3.656-1.351-.906-.938-1.351-2.448-1.351-4.642v-6.407h-2.083v-3.593h2.083V54.81l4.801-1.097ZM357.057 53.855c0 1.352-1.018 2.449-2.624 2.449-1.605 0-2.559-1.081-2.543-2.449-.032-1.398.986-2.48 2.559-2.48 1.574 0 2.576 1.05 2.608 2.48Zm-5.024 20.031v-15.69h4.88v15.69h-4.88ZM376.292 65.874c0 5.739-4.085 8.362-8.282 8.362-4.579 0-8.108-3.005-8.108-8.076 0-5.071 3.323-8.314 8.378-8.314 4.817 0 8.012 3.306 8.012 8.028Zm-11.335.159c0 2.687 1.129 4.721 3.212 4.721 1.892 0 3.116-1.891 3.116-4.721 0-2.337-.906-4.722-3.116-4.722-2.353 0-3.212 2.4-3.212 4.722ZM378.677 63.22c0-1.956-.064-3.626-.127-5.009h4.228l.223 2.147h.095c.636-.986 2.242-2.512 4.849-2.512 3.211 0 5.612 2.13 5.612 6.74v9.3h-4.881V65.19c0-2.019-.699-3.402-2.48-3.402-1.351 0-2.146.938-2.48 1.829-.127.286-.19.763-.19 1.224v9.045h-4.881l.032-10.667ZM133.268 96.35c1.32.667 3.323 1.35 5.421 1.35 2.242 0 3.434-.937 3.434-2.336 0-1.4-1.017-2.13-3.625-3.053-3.592-1.256-5.929-3.243-5.929-6.39 0-3.705 3.084-6.502 8.171-6.502 2.448 0 4.229.524 5.516 1.08l-1.081 3.943a10.347 10.347 0 0 0-4.514-1.017c-2.115 0-3.148.97-3.148 2.082 0 1.367 1.224 1.987 4.006 3.053 3.815 1.399 5.612 3.402 5.612 6.438 0 3.625-2.798 6.709-8.728 6.709-2.48 0-4.896-.636-6.12-1.32l.985-4.038ZM153.442 85.698l2.337 7.694c.254.938.588 2.099.763 2.926h.095c.223-.843.477-2.02.7-2.926l1.923-7.694h5.231l-3.657 10.318c-2.241 6.215-3.751 8.727-5.516 10.301a8.945 8.945 0 0 1-4.722 2.146l-1.017-4.133c.604-.095 1.367-.382 2.13-.843.731-.381 1.542-1.16 2.019-1.955.159-.223.255-.477.255-.7 0-.159-.032-.413-.223-.794l-5.739-14.34h5.421ZM166.653 97.112c.906.557 2.766 1.193 4.197 1.193s2.082-.525 2.082-1.32-.477-1.192-2.305-1.796c-3.243-1.081-4.483-2.862-4.467-4.722 0-2.925 2.512-5.135 6.391-5.135 1.828 0 3.465.414 4.435.907l-.874 3.354c-.7-.382-2.051-.906-3.402-.906-1.193 0-1.86.493-1.86 1.288 0 .73.604 1.128 2.527 1.796 2.973 1.017 4.229 2.528 4.261 4.849 0 2.909-2.305 5.071-6.804 5.071-2.051 0-3.879-.445-5.071-1.081l.89-3.498ZM186.048 81.2v4.482h3.497v3.593h-3.497v5.675c0 1.892.445 2.766 1.923 2.766.604 0 1.081-.063 1.431-.127l.032 3.689c-.636.254-1.797.413-3.18.413-1.574 0-2.893-.557-3.656-1.351-.906-.938-1.351-2.449-1.351-4.642v-6.423h-2.083v-3.593h2.083V82.28l4.801-1.08ZM196.604 95.094c.158 2.018 2.162 2.972 4.435 2.972 1.669 0 3.004-.222 4.324-.636l.636 3.307c-1.606.636-3.561.954-5.676.954-5.325 0-8.377-3.084-8.377-7.98 0-3.975 2.48-8.379 7.932-8.379 5.072 0 6.995 3.943 6.995 7.822 0 .843-.095 1.574-.159 1.924h-10.11v.016Zm5.738-3.323c0-1.192-.524-3.18-2.766-3.18-2.05 0-2.893 1.86-3.004 3.18h5.77ZM209.783 90.706c0-1.956-.064-3.625-.128-5.008h4.102l.222 2.13h.096c.668-.985 2.051-2.48 4.753-2.48 2.019 0 3.625 1.018 4.293 2.655h.063a7.531 7.531 0 0 1 2.019-1.892c.874-.524 1.828-.763 2.973-.763 3.005 0 5.278 2.13 5.278 6.804v9.237h-4.753v-8.521c0-2.273-.732-3.593-2.306-3.593-1.112 0-1.923.763-2.241 1.701-.127.35-.191.874-.191 1.256v9.157h-4.753v-8.775c0-1.988-.7-3.323-2.242-3.323-1.256 0-1.987.97-2.273 1.749-.159.381-.191.842-.191 1.224v9.141h-4.753V90.722h.032v-.016ZM243.755 101.389V89.291h-2.05v-3.593h2.05v-.604c0-1.892.589-3.974 1.988-5.246 1.224-1.16 2.925-1.574 4.324-1.574 1.081 0 1.923.127 2.591.318l-.191 3.752a5.34 5.34 0 0 0-1.574-.223c-1.605 0-2.273 1.256-2.273 2.798v.795h3.148v3.593h-3.116v12.098h-4.897v-.016ZM269.334 93.36c0 5.74-4.085 8.363-8.282 8.363-4.579 0-8.108-3.005-8.108-8.076 0-5.072 3.323-8.315 8.378-8.315 4.801.016 8.012 3.307 8.012 8.029Zm-11.366.175c0 2.687 1.112 4.722 3.211 4.722 1.892 0 3.116-1.892 3.116-4.722 0-2.336-.906-4.721-3.116-4.721-2.337 0-3.211 2.4-3.211 4.722ZM272.339 90.865c0-2.305-.064-3.816-.127-5.167h4.197l.159 2.893h.127c.795-2.273 2.718-3.243 4.229-3.243.445 0 .667 0 1.017.064v4.578a6.972 6.972 0 0 0-1.319-.127c-1.797 0-3.005.97-3.323 2.48-.064.318-.095.7-.095 1.081v7.965h-4.881V90.865h.016ZM302.115 92.248h-7.965v5.135h8.887v4.022h-13.799v-21.62h13.338v4.005h-8.426v4.483h7.965v3.975ZM320.683 96.35c0 2.05.064 3.719.127 5.039h-4.228l-.223-2.21h-.095c-.604.97-2.083 2.56-4.897 2.56-3.179 0-5.516-1.988-5.516-6.82v-9.205h4.896v8.426c0 2.273.732 3.656 2.448 3.656 1.352 0 2.131-.938 2.449-1.701.127-.286.175-.668.175-1.05v-9.331h4.896l-.032 10.635ZM325.23 90.865c0-2.305-.064-3.816-.127-5.167h4.196l.159 2.893h.128c.81-2.273 2.734-3.243 4.228-3.243.445 0 .668 0 1.018.064v4.578a6.975 6.975 0 0 0-1.32-.127c-1.796 0-3.004.97-3.322 2.48-.064.318-.096.7-.096 1.081v7.965h-4.88V90.865h.016ZM352.653 93.36c0 5.74-4.086 8.363-8.283 8.363-4.578 0-8.107-3.005-8.107-8.076 0-5.072 3.322-8.315 8.378-8.315 4.801.016 8.012 3.307 8.012 8.029Zm-11.351.175c0 2.687 1.129 4.722 3.211 4.722 1.892 0 3.116-1.892 3.116-4.722 0-2.336-.906-4.721-3.116-4.721-2.337 0-3.211 2.4-3.211 4.722ZM355.673 90.96c0-2.05-.063-3.815-.127-5.246h4.229l.222 2.178h.064c1.161-1.67 2.941-2.528 5.23-2.528 3.434 0 6.502 2.973 6.502 7.98 0 5.708-3.624 8.395-7.122 8.395-1.892 0-3.37-.763-4.085-1.797h-.032v7.79h-4.881V90.96Zm4.881 3.688c0 .382.032.732.095 1.018.318 1.32 1.431 2.305 2.862 2.305 2.13 0 3.37-1.765 3.37-4.436 0-2.511-1.113-4.403-3.307-4.403-1.367 0-2.591 1.017-2.925 2.48a3.812 3.812 0 0 0-.095.874v2.162ZM378.709 95.094c.175 2.018 2.162 2.972 4.435 2.972 1.669 0 3.005-.222 4.324-.636l.636 3.307c-1.606.636-3.561.954-5.675.954-5.326 0-8.378-3.084-8.378-7.98 0-3.975 2.48-8.379 7.933-8.379 5.071 0 6.994 3.943 6.994 7.822 0 .843-.095 1.574-.174 1.924h-10.095v.016Zm5.739-3.323c0-1.192-.525-3.18-2.751-3.18-2.05 0-2.893 1.86-3.004 3.18h5.755Z",fill:"#028374"})))};var hh;function ch(){return ch=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return g.createElement("svg",ch({width:397,height:124,viewBox:"0 0 397 124",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?g.createElement("title",{id:e},c):null,hh||(hh=g.createElement("g",{fill:"#fff"},g.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M113.384 45.784a43.392 43.392 0 0 1 2.526 3.754C109.574 32.377 96.677 15.253 74.403.277c-6.62 4.13-12.39 8.506-17.388 13.05 26.385 4.148 44.659 16.859 56.372 32.457h-.003Z"}),g.createElement("path",{d:"M86.452 32.526C61.745 25.888 31.174 30.056 0 57.385c12.353 40.283 37.663 58.199 62.519 64.837 24.707 6.639 50.166-8.186 56.804-32.87 6.657-24.707-8.167-50.185-32.871-56.823v-.003ZM36.588 76.224l3.393-.152 1.225-3.394 1.075 3.394h3.394l-2.772 2.17 1.224 3.393-2.943-2.17-2.943 2.17 1.075-3.394-2.734-2.017h.006ZM48.64 98.61l-2.943-2.169-2.943 1.999 1.075-3.394-2.772-2.17h3.546l1.075-3.244 1.075 3.245H50.3l-2.772 2.318 1.113 3.412v.004ZM47.546 61.4l1.075 3.394-2.943-2.17-2.943 2.17L43.81 61.4l-2.772-2.169h3.546l1.075-3.245 1.076 3.245h3.546l-2.735 2.17Zm12.353 45.998 1.075 3.394-2.943-2.169-2.943 2.169 1.076-3.394-2.943-2.169h3.695l1.075-3.394 1.075 3.394h3.546l-2.716 2.169h.003Zm0-58.351 1.075 3.546-2.943-2.319-2.943 2.319 1.076-3.546-2.943-1.998h3.695l1.075-3.394 1.075 3.393h3.546l-2.716 1.999h.003Zm17.916 66.385-2.943-2.319-2.943 2.17 1.243-3.394-2.943-1.998 3.546-.149 1.076-3.245 1.075 3.245h3.546l-2.772 2.169 1.112 3.527.003-.006ZM76.74 44.426l1.075 3.545-2.943-2.318-2.943 2.17 1.243-3.394-2.943-1.999 3.546-.152 1.076-3.244 1.075 3.244h3.546l-2.735 2.15.003-.002Zm18.047 66.366-2.943-2.169-3.092 2.169 1.075-3.394-2.772-2.169H90.6l1.224-3.394.923 3.394h3.546l-2.772 2.169 1.265 3.394Zm-1.225-61.745 1.247 3.546-2.943-2.319-3.093 2.319 1.076-3.546-2.772-1.998h3.546l1.224-3.394.923 3.393h3.546l-2.754 1.999Zm13.429 49.563-2.943-2.17-2.943 1.999 1.075-3.394-2.772-2.17h3.546l1.075-3.244 1.076 3.245h3.546l-2.772 2.318 1.112 3.412v.004Zm2.772-22.538h3.546l-2.772 2.17 1.075 3.393-2.772-2.17-3.092 2.17 1.075-3.394-2.772-1.998 3.546-.152 1.246-3.394.923 3.375h-.003ZM105.916 61.4l1.075 3.394-2.943-2.17-2.943 2.17 1.075-3.394-2.772-2.169h3.546l1.075-3.245 1.076 3.245h3.546l-2.735 2.17ZM138.143 65.437h7.844V61.42h-7.844V56.44h8.395v-4.055h-13.355v21.82h4.96v-8.77.002ZM156.834 58.025c-5.094 0-8.469 3.282-8.469 8.394s3.564 8.167 8.204 8.167c4.242 0 8.373-2.66 8.373-8.468-.019-4.752-3.263-8.09-8.108-8.09v-.003Zm-.134 13.031c-2.113 0-3.245-2.054-3.245-4.77 0-2.337.886-4.77 3.245-4.77s3.148 2.414 3.148 4.77c0 2.865-1.224 4.77-3.148 4.77ZM167.338 74.226h4.923v-8.034c0-.376.037-.773.093-1.094.32-1.529 1.547-2.508 3.356-2.508.547 0 .982.056 1.321.134v-4.64c-.357-.056-.584-.056-1.038-.056-1.529 0-3.471.982-4.283 3.282h-.133l-.149-2.924h-4.242c.055 1.358.13 2.887.13 5.224v10.616h.022ZM186.951 74.546c2.151 0 4.13-.32 5.734-.982l-.64-3.338c-1.321.417-2.679.64-4.376.64-2.3 0-4.32-.978-4.469-3.017v-.019h10.221c.056-.357.153-1.094.153-1.942 0-3.922-1.943-7.903-7.074-7.903-5.507 0-8.015 4.45-8.015 8.468 0 4.96 3.074 8.09 8.469 8.09l-.003.003Zm-.755-13.258c2.262 0 2.791 1.999 2.791 3.208h-5.827c.111-1.321.963-3.208 3.036-3.208ZM200.737 71.13c-1.451 0-3.338-.64-4.242-1.205l-.886 3.527c1.206.64 3.055 1.094 5.131 1.094 4.544 0 6.865-2.17 6.865-5.13-.037-2.338-1.302-3.867-4.301-4.886-1.942-.7-2.564-1.076-2.564-1.83 0-.812.678-1.303 1.887-1.303 1.376 0 2.734.528 3.449.904l.886-3.393c-.982-.491-2.62-.905-4.469-.905-3.922 0-6.449 2.244-6.449 5.187-.037 1.887 1.228 3.677 4.507 4.77 1.849.622 2.337 1.02 2.337 1.831-.056.811-.659 1.34-2.151 1.34ZM211.263 68.51c0 2.226.454 3.755 1.358 4.697.774.81 2.095 1.358 3.695 1.358 1.396 0 2.564-.153 3.207-.414l-.037-3.716c-.357.055-.83.133-1.451.133-1.489 0-1.942-.886-1.942-2.79v-5.735h3.527v-3.62h-3.527v-4.544l-4.827 1.113v3.453h-2.094v3.62h2.094v6.449l-.003-.003ZM232.856 52.385h-4.96v21.838h4.96V52.385ZM244.681 62.003c1.793 0 2.508 1.395 2.508 3.453v8.789h4.923v-9.392c0-4.659-2.434-6.81-5.66-6.81-2.623 0-4.245 1.53-4.904 2.527h-.093l-.227-2.169h-4.282c.056 1.396.13 3.092.13 5.053h-.018v10.788h4.922v-9.147c0-.472.075-.941.208-1.224.321-.923 1.132-1.868 2.49-1.868h.003ZM256.618 74.226h4.941v-12.22h3.148v-3.62h-3.188v-.812c0-1.566.677-2.828 2.3-2.828.64 0 1.168.112 1.585.227l.208-3.791c-.678-.208-1.526-.32-2.62-.32-1.414 0-3.13.413-4.376 1.585-1.414 1.302-1.998 3.393-1.998 5.317v.622h-2.076v3.62h2.076v12.22ZM274.084 74.583c4.242 0 8.372-2.66 8.372-8.468 0-4.77-3.226-8.112-8.108-8.112-4.883 0-8.469 3.282-8.469 8.394 0 5.113 3.565 8.186 8.205 8.186Zm.13-13.05c2.244 0 3.148 2.416 3.148 4.771 0 2.847-1.224 4.77-3.148 4.77-2.113 0-3.244-2.054-3.244-4.77 0-2.358.885-4.77 3.244-4.77ZM293.883 62.587c.547 0 .982.056 1.321.134v-4.64c-.358-.056-.584-.056-1.038-.056-1.507 0-3.453.982-4.283 3.282h-.13l-.149-2.925h-4.242c.056 1.359.13 2.888.13 5.225v10.638h4.923V66.21c0-.376.037-.774.093-1.094.339-1.548 1.566-2.527 3.375-2.527v-.003ZM312.16 74.226v-9.28c0-.376.074-.904.208-1.265.32-.944 1.15-1.715 2.263-1.715 1.585 0 2.337 1.32 2.337 3.62v8.637h4.81v-9.336c0-4.714-2.302-6.865-5.339-6.865-1.15 0-2.129.246-3.017.774a7.766 7.766 0 0 0-2.036 1.905h-.056c-.68-1.66-2.303-2.679-4.338-2.679-2.735 0-4.131 1.489-4.808 2.508h-.093l-.227-2.15h-4.149c.056 1.395.131 3.092.131 5.053h-.038V74.22h4.808v-9.224c0-.376.037-.849.208-1.225.302-.81 1.038-1.771 2.3-1.771 1.566 0 2.262 1.358 2.262 3.356v8.882l4.774-.018v.006ZM334.34 72.641h.093l.302 1.585h4.45c-.168-.886-.224-2.34-.224-3.866v-5.507c0-3.717-1.681-6.846-6.961-6.846-2.884 0-5.072.773-6.166 1.395l.904 3.188c1.038-.64 2.754-1.205 4.376-1.205 2.434 0 2.887 1.187 2.887 2.035v.227c-5.622-.037-9.317 1.943-9.317 6.073 0 2.526 1.905 4.867 5.128 4.867 1.868 0 3.49-.681 4.528-1.943v-.003Zm-.208-5.902v1.716c0 .301-.037.584-.093.848-.321 1.02-1.321 1.83-2.567 1.83-1.094 0-1.943-.62-1.943-1.886 0-1.923 2.02-2.526 4.603-2.508ZM343.241 68.51c0 2.226.45 3.755 1.358 4.697.774.81 2.091 1.358 3.695 1.358 1.395 0 2.564-.153 3.207-.414l-.037-3.716c-.361.055-.83.133-1.455.133-1.488 0-1.942-.886-1.942-2.79v-5.735h3.527v-3.62h-3.527v-4.544l-4.826 1.113v3.453h-2.095v3.62h2.095v6.449-.003ZM356.896 56.44c1.622 0 2.657-1.112 2.657-2.47-.037-1.433-1.035-2.508-2.619-2.508-1.585 0-2.623 1.075-2.605 2.507-.037 1.377 1.001 2.471 2.567 2.471ZM359.386 58.383h-4.923v15.862h4.923V58.382ZM370.887 58.025c-5.09 0-8.465 3.282-8.465 8.394s3.564 8.167 8.201 8.167c4.245 0 8.376-2.66 8.376-8.468 0-4.752-3.245-8.09-8.112-8.09v-.003Zm-.111 13.031c-2.095 0-3.245-2.054-3.245-4.77 0-2.337.886-4.77 3.245-4.77 2.358 0 3.148 2.414 3.148 4.77 0 2.865-1.243 4.77-3.148 4.77ZM390.783 58.025c-2.62 0-4.242 1.53-4.885 2.527h-.093l-.227-2.17h-4.28c.056 1.396.131 3.093.131 5.054h-.019v10.787h4.923v-9.146c0-.473.075-.942.208-1.225.32-.904 1.15-1.849 2.508-1.849 1.79 0 2.508 1.395 2.508 3.45v8.788h4.923V64.85c-.037-4.677-2.452-6.828-5.697-6.828v.003ZM141.689 89.028c-2.809-1.075-4.037-1.697-4.037-3.092 0-1.131 1.038-2.095 3.189-2.095s3.695.622 4.565 1.038l1.094-3.978c-1.302-.565-3.111-1.093-5.581-1.093-5.15 0-8.261 2.846-8.261 6.582 0 3.188 2.359 5.187 5.998 6.448 2.62.942 3.658 1.735 3.658 3.093 0 1.358-1.206 2.358-3.471 2.358-2.114 0-4.149-.677-5.489-1.358l-1 4.075c1.227.677 3.695 1.32 6.184 1.32 5.998 0 8.808-3.11 8.808-6.771.018-3.074-1.794-5.094-5.66-6.527h.003ZM157.685 93.951c-.227.904-.472 2.095-.718 2.943h-.093c-.19-.83-.51-1.998-.774-2.943l-2.359-7.788h-5.488l5.808 14.504c.209.376.227.64.227.811 0 .227-.112.472-.264.718-.472.811-1.302 1.585-2.035 1.98-.756.472-1.529.755-2.151.848l1.038 4.186a9.169 9.169 0 0 0 4.77-2.169c1.772-1.585 3.301-4.13 5.582-10.411l3.695-10.43h-5.28l-1.961 7.751h.003ZM173.901 92.329c-1.942-.678-2.563-1.076-2.563-1.83 0-.812.68-1.303 1.886-1.303 1.377 0 2.735.528 3.45.904l.885-3.393c-.982-.491-2.62-.905-4.469-.905-3.922 0-6.448 2.244-6.448 5.187-.038 1.887 1.224 3.677 4.506 4.77 1.849.622 2.34 1.02 2.34 1.831 0 .811-.603 1.321-2.095 1.321-1.491 0-3.337-.64-4.242-1.206l-.941 3.546c1.206.64 3.055 1.094 5.131 1.094 4.543 0 6.865-2.169 6.865-5.13-.019-2.338-1.284-3.867-4.301-4.886h-.004ZM186.709 81.616l-4.83 1.113v3.453h-2.095v3.62h2.095v6.49c0 2.224.454 3.753 1.358 4.695.774.811 2.095 1.358 3.695 1.358 1.396 0 2.564-.149 3.208-.413l-.038-3.714c-.357.056-.83.13-1.451.13-1.489 0-1.942-.885-1.942-2.79v-5.734h3.527v-3.62h-3.527v-4.588ZM200.681 85.787c-5.507 0-8.015 4.45-8.015 8.468 0 4.96 3.074 8.071 8.469 8.071 2.15 0 4.13-.32 5.734-.982l-.641-3.337c-1.32.416-2.678.64-4.375.64-2.3 0-4.32-.98-4.469-3.018v-.019h10.221a13.09 13.09 0 0 0 .149-1.942c0-3.885-1.942-7.884-7.073-7.884v.003Zm-3.338 6.507c.131-1.32.982-3.207 3.037-3.207 2.262 0 2.79 1.999 2.79 3.207h-5.827ZM229.31 85.805c-1.15 0-2.132.246-3.018.774a7.73 7.73 0 0 0-2.035 1.905h-.056c-.678-1.66-2.3-2.678-4.339-2.678-2.735 0-4.13 1.488-4.807 2.508h-.094l-.227-2.151h-4.148c.056 1.395.13 3.092.13 5.053h-.037v10.787h4.808v-9.224c0-.376.037-.848.208-1.224.301-.811 1.038-1.772 2.3-1.772 1.566 0 2.262 1.358 2.262 3.357v8.882h4.808v-9.261c0-.376.074-.905.208-1.265.32-.945 1.15-1.716 2.262-1.716 1.585 0 2.337 1.321 2.337 3.62v8.619h4.808v-9.336c-.037-4.733-2.337-6.884-5.373-6.884l.003.006ZM247.04 80.243c-1.414 1.302-1.999 3.393-1.999 5.317v.621h-2.076v3.621h2.076v12.22h4.942v-12.22h3.148v-3.62h-3.189v-.812c0-1.566.678-2.828 2.3-2.828.64 0 1.169.112 1.585.227l.208-3.791c-.677-.209-1.529-.32-2.62-.32-1.414-.019-3.129.394-4.375 1.585ZM262.784 85.805c-5.091 0-8.469 3.282-8.469 8.391 0 5.11 3.565 8.168 8.204 8.168 4.243 0 8.373-2.66 8.373-8.469-.019-4.752-3.245-8.09-8.108-8.09Zm-.15 13.05c-2.113 0-3.244-2.054-3.244-4.77 0-2.337.886-4.77 3.244-4.77 2.359 0 3.149 2.414 3.149 4.77 0 2.846-1.228 4.77-3.149 4.77ZM278.326 89.084h-.131l-.152-2.924h-4.242c.056 1.358.13 2.887.13 5.224v10.638h4.923v-8.034c0-.376.037-.774.093-1.094.32-1.529 1.548-2.508 3.357-2.508.547 0 .979.056 1.32.13v-4.639c-.357-.056-.584-.056-1.038-.056-1.507-.019-3.449.963-4.26 3.263ZM295.978 92.782h8.033v-4.036h-8.033V84.22h8.524v-4.056h-13.484v21.857h13.938v-4.056h-8.978V92.78v.004ZM322.798 96.931V86.163h-4.96v9.429c0 .376-.038.774-.171 1.056-.32.774-1.113 1.716-2.471 1.716-1.734 0-2.47-1.395-2.47-3.695v-8.525h-4.96v9.317c0 4.886 2.358 6.903 5.584 6.903 2.847 0 4.336-1.623 4.96-2.602h.093l.227 2.244h4.28c-.056-1.32-.112-3.017-.112-5.072v-.003ZM331.795 89.084h-.134l-.149-2.924h-4.245c.056 1.358.133 2.887.133 5.224v10.638h4.923v-8.034c0-.376.037-.774.093-1.094.321-1.529 1.548-2.508 3.357-2.508.547 0 .982.056 1.321.13v-4.639c-.358-.056-.585-.056-1.038-.056-1.508-.019-3.45.963-4.261 3.263ZM346.992 85.805c-5.091 0-8.469 3.282-8.469 8.391 0 5.11 3.565 8.168 8.205 8.168 4.242 0 8.372-2.66 8.372-8.469 0-4.752-3.241-8.09-8.108-8.09Zm-.112 13.05c-2.095 0-3.245-2.054-3.245-4.77 0-2.337.886-4.77 3.245-4.77s3.148 2.414 3.148 4.77c0 2.846-1.243 4.77-3.148 4.77ZM367.888 85.821c-2.302 0-4.111.886-5.283 2.564h-.056l-.227-2.207h-4.279c.056 1.452.131 3.245.131 5.318v16.956h4.922v-7.866h.056c.718 1.057 2.207 1.831 4.13 1.831 3.528 0 7.186-2.717 7.186-8.488-.019-5.09-3.111-8.108-6.58-8.108Zm-1.83 12.748c-1.433 0-2.564-1-2.884-2.337a5.347 5.347 0 0 1-.096-1.038h.018v-2.17c0-.3.038-.62.097-.885.32-1.47 1.563-2.508 2.94-2.508 2.206 0 3.337 1.905 3.337 4.45 0 2.698-1.262 4.488-3.412 4.488ZM384.748 85.787c-5.507 0-8.015 4.45-8.015 8.468 0 4.96 3.074 8.071 8.469 8.071 2.15 0 4.13-.32 5.734-.982l-.644-3.337c-1.317.416-2.675.64-4.372.64-2.303 0-4.301-.98-4.472-3.018v-.019h10.202c.078-.357.171-1.093.171-1.942 0-3.885-1.961-7.884-7.073-7.884v.003Zm-3.338 6.507c.134-1.32.982-3.207 3.037-3.207 2.262 0 2.772 1.999 2.772 3.207h-5.809Z"}),g.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M27.631 14.327c-3.412 9.109-5.525 17.708-6.6 25.782 23.687-13.503 46.318-14.843 65.42-9.712a46.33 46.33 0 0 1 20.954 12.183C91.431 24.7 65.782 11.897 27.631 14.327Z"}))))};var lh,vh,ah,th,nh,rh,oh,ih,sh;function Zh(){return Zh=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return g.createElement("svg",Zh({width:240,height:124,viewBox:"0 0 240 124",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?g.createElement("title",{id:e},c):null,lh||(lh=g.createElement("path",{d:"M238.948 70.63v9.3h-18.612v5.816h15.115v9.3h-15.115v6.398h18.612v9.883h-30.814V70.618h30.814v.012Z",fill:"#054D7F"})),vh||(vh=g.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m79.224 111.327 2.492-8.023h11.086l2.343 8.023h12.971L95.12 70.618H81.691l-15.45 40.709h12.983Zm4.65-16.901 3.36-11.805 1.674 5.903 1.674 5.902h-6.708Z",fill:"#054D7F"})),ah||(ah=g.createElement("path",{d:"M19.716 111.327V70.618H35.6l5.717 20.98 5.716-20.98h15.723v40.709H52.117V82.931l-7.142 28.396H37.51l-6.981-28.396v28.396H19.716ZM163.928 111.327h-12.214V70.618h12.214v40.709Z",fill:"#054D7F"})),th||(th=g.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M146.246 88.858c.954-1.798 1.426-3.88 1.426-6.224 0-3.596-1.302-6.498-3.906-8.705-2.604-2.195-6.225-3.299-10.925-3.299h-21.253v40.71h12.214V95.641h4.24l5.952 15.699h13.851l-7.378-17.757c2.902-1.352 4.836-2.927 5.779-4.725Zm-13.02-2.752c-.955.644-2.22.806-3.77.806h-5.63v-7.564h6.064c3.199 0 4.799 1.252 4.799 3.856-.037 1.277-.521 2.232-1.463 2.902Z",fill:"#054D7F"})),nh||(nh=g.createElement("path",{d:"M168.578 70.63v40.71h10.478V87.036l13.925 24.291h10.478V70.618H193.44V92.07l-12.512-21.452h-12.35v.012Z",fill:"#054D7F"})),rh||(rh=g.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M92.293 103.304a.702.702 0 0 1 .347-.508c.286-.174.385-.062.521.087h.013c1.339 1.475 3.186 1.463 3.77 1.463h.074c.21 0 .297.186.397.397.123.273.272.583.719.583.644 0 .582-1.079.483-1.625.596-.397.757-.744.88-.979.075-.149.125-.248.249-.31.111-.062.272.012.434.086.297.124.632.273.843-.248.322-.806-.645-1.128-1.277-1.302-.385-.099-.707-.533-1.005-.942-.21-.285-.397-.546-.595-.67-.484-.322-.955-.806-.161-.806.793 0 1.922-.644.645-.967a4.438 4.438 0 0 0-3.038.323c-.335.173-.41.16-.57.136-.137-.025-.348-.05-.869.025-.607.087-.98.223-1.265.335-.248.086-.434.16-.644.16-.211 0-.323-.061-.46-.136-.173-.086-.371-.198-.818-.198-.892 0-1.922.484-1.438 1.128.186.248.657.422 1.104.596.31.124.62.235.818.372.484.322.36 1.004-.161 1.624-.223.273-.533.806-.496 1.376h1.5ZM84.022 93.905l-.148.521h.024c-.099.136-.248.174-.496.037-.855-.471-1.488-1.785-1.686-2.38-.124-.93.36-1.848.72-2.295.768-.954.954-1.996.235-2.504-.298-.199-.744-.385-1.215-.57-.682-.274-1.377-.559-1.65-.93-.719-1.005.831-1.75 2.146-1.75.67 0 .967.162 1.215.298.198.112.372.199.682.199.31 0 .607-.1.967-.248.434-.161.992-.372 1.897-.509.075-.012.137-.024.199-.024l-2.059 7.254c-.099 0-.223.037-.384.136-.385.248-.521.558-.546.942-.025.1 0 .348.037.658.038.372.075.818.062 1.165Zm6.312-.36c.223.013.41 0 .546 0h.111c.31 0 .447.286.595.608.186.422.41.893 1.08.893.954 0 .88-1.662.718-2.505.893-.62 1.129-1.14 1.302-1.513.1-.223.186-.396.36-.483.174-.087.41.012.657.124.447.198.943.421 1.253-.372.47-1.253-.955-1.749-1.91-1.997-.57-.148-1.054-.83-1.5-1.463-.31-.434-.596-.843-.88-1.041-.72-.496-1.427-1.253-.236-1.253 1.19 0 2.864-1.004.954-1.5a6.43 6.43 0 0 0-4.526.496c-.508.26-.607.248-.843.21-.111-.012-.248-.037-.471-.037l1.364 4.812 1.426 5.022ZM33.914 96.72l-.273-1.104c.075-.05.174-.099.285-.124.335-.086.583.174.856.447s.558.57.98.57c.843.013.67-.496.012-1.004l-.298-.223c-.545-.397-1.004-.732-.855-1.29.173-.67 1.004-.496 1.339-.161.335.335.508 0 .67-.67.173-.67.682-1.165 1.178-.992.496.174.657 1.352.483 2.183-.111.558.075.52.509.434.223-.038.496-.1.83-.087 1.005.012 1.166.347 1.166.508 0 .236-.422.31-1.004.161-.67-.173-1.674.484-2.183 1.154-.508.67 1.005.508 1.674.347.67-.161.831.682-.173.67-1.005-.013-2.01.322-2.356.979-.335.67 1.5.347 1.835.186.335-.161 1.339-.161 1.004.347-.186.273-1.029.459-1.971.657-.46.1-.943.199-1.39.323-.42.111-.842.459-1.276.917l-.496-2.008c.235.037.434-.013.446-.434 0-.67.012-1.178-.818-1.687-.075-.025-.124-.062-.174-.099Zm1.575 6.411c.285-.124.632-.186.905-.199.608-.037 1.463-.508 1.277-1.19-.186-.682-1.153-.682-1.463-.471-.21.136-.732.359-1.079.347l.36 1.513ZM24.961 111.327h5.555v-1.699c-.533.571-1.19 1.054-1.884 1.154-1.736.248-1.327-1.265-.534-2.022l.112-.111c.756-.719 1.426-1.352.955-1.922-.533-.633-1.327-.248-1.6.248-.434.818-1.066.384-.67-.248.1-.149.211-.31.335-.471.385-.521.794-1.067.596-1.55-.26-.633-1.067-.385-1.327-.248-.26.124-1.067.384-.533-.757.533-1.141 0-1.649-.26-1.773-.261-.124-1.067-.124-1.464.384-.397.509-.744-.186-.397-.508.397-.384.533-.88.26-1.017-.272-.136-.731.025-.93.509-.26.632-.93.756-1.202-.124-.26-.881-1.067-1.141-1.6-.633-.26.248-.533.757-.136 1.265.347.434.397.769-.521.781v1.823c.149-.012.322-.037.52-.074 1.166-.199 1.08.384.93.88-.136.459-.136 1.265.534 1.649.248.149.57.099.843.062.26-.037.484-.062.62.062.186.186.025.447-.124.695-.223.359-.421.694.521.694h.608c1.314-.012 2.269-.025 1.922.632-.162.31-.521.472-.868.633-.521.235-1.017.459-.868 1.141.062.235.285.409.607.545ZM52.117 88.598c.285-.347.372-.508.484-.794a5.565 5.565 0 0 0 .248-1.475c0-.422-.1-.918-.347-1.563l-.025-.074c-.037-.1-.075-.198-.087-.248a6.708 6.708 0 0 1-.174-.57c-.074-.298-.024-.806.124-1.265.038-.137.087-.273.15-.41.284.534.446.906.57 1.352.111.41.173.744.198 1.215.037.682-.012 1.228-.149 1.662-.037.112-.111.31-.173.434-.137.298-.186.471-.186.67-.013.446.062.868.21 1.178.1.223.224.384.484.657.124.124.198.173.248.161.037-.012.062-.062.074-.124 0-.112-.037-.186-.235-.397-.223-.248-.323-.372-.397-.583a2.475 2.475 0 0 1-.1-.793c0-.149.038-.248.174-.546.174-.397.286-.781.323-1.24.025.025.062.025.087-.012.024-.037.037-.087.05-.347 0-.112.036-.348.074-.633.037-.248.074-.508.074-.57.037-.509-.025-.98-.198-1.327-.137-.273-.174-.384-.186-.595-.038-.335-.013-.595.086-.819l.075.075c.186.198.347.397.434.533.149.236.21.508.21.893 0 .21-.024.322-.136.607-.136.372-.161.844-.074 1.352.012.062.074.322.124.57l.136.62c.037.26.05.31.075.335.037.037.086.025.099-.025.012-.037 0-.26-.037-.458-.013-.062-.075-.323-.124-.558a6.52 6.52 0 0 1-.124-.596 2.18 2.18 0 0 1 .099-1.165v.31c.025.967.186 1.624.545 2.257.162.285.199.372.224.52.037.26.024.62-.025.794-.062.21-.137.347-.335.62-.186.236-.21.298-.198.422.012.05.05.111.074.111.05.013.112-.05.223-.186.236-.285.335-.459.422-.694.025-.075.05-.161.074-.26.075.285.161.57.248.756.149.322.273.483.732.917.36.348.372.36.421.348.05-.013.075-.05.075-.124.012-.15-.062-.236-.509-.658-.21-.198-.26-.26-.347-.384-.161-.223-.273-.533-.384-.967-.1-.397-.112-.57-.112-.843.013-.211.025-.348.075-.62.012-.087.024-.137.037-.186.025-.087.05-.186.111-.434v-.05c.199-.72.224-.93.186-1.302-.05-.459-.173-.843-.409-1.34-.136-.284-.248-.458-.533-.904a7.59 7.59 0 0 1 .31-.757c0 .025.012.05.025.075.074.26.173.446.397.706-.075.348-.062.67.037.868.161.31.21.509.26.893.062.57.013 1.153-.124 1.5-.062.162-.062.224 0 .236.037.013.05 0 .075-.037.099-.136.198-.508.223-.856.012-.099.012-.223.012-.334.025.062.075.124.124.21.335.57.459 1.042.335 1.377a1.126 1.126 0 0 1-.087.173c-.05.075-.074.137-.062.186 0 .013.013.038.025.05-.05.149-.087.298-.112.471-.062.397-.037.657.1.992.05.112.111.285.148.41a13 13 0 0 0 .112.347c.074.21.136.26.223.173.062-.062.075-.161.05-.273a9.638 9.638 0 0 0-.31-.868 1.239 1.239 0 0 1-.1-.632c.025-.273.137-.608.298-.893.199-.347.211-.36.223-.483a1.35 1.35 0 0 0-.05-.67 1.92 1.92 0 0 0-.284-.484c-.323-.421-.385-.607-.348-.905.025-.21.1-.397.248-.645.385.521.596.906.645 1.216.013.062.013.124.025.235 0 .112 0 .223.012.335v.149c.013.36 0 .471-.05.756-.061.36-.123.893-.136 1.091-.012.422.1.707.484 1.302.124.199.26.422.322.57.075.174.15.435.174.633.037.223.062.298.112.347.086.075.16.013.173-.124 0-.124-.037-.36-.111-.607-.112-.397-.186-.558-.521-1.079-.248-.384-.298-.496-.347-.67-.025-.099-.038-.16-.025-.248 0-.16.074-.719.124-1.041.025-.112.037-.236.05-.323.012.025.037.038.049.062.074.087.136.112.174.062.062-.062.05-.148-.062-.26a.953.953 0 0 1-.162-.248c0-.298-.024-.707-.037-.83-.012-.088-.025-.187-.062-.286.013-.074.037-.136.05-.186.012-.037.099-.223.198-.397.149-.285.223-.446.26-.607.025.136.025.272-.012.483-.05.434-.05.843 0 1.116.025.161.05.211.174.434.074.149.111.211.161.385.1.334.136.582.124 1.24-.012.05-.037.111-.05.16-.062.261-.024.46.15.708.098.148.123.21.148.334.025.137.1.174.174.1.05-.05.05-.062.074-.162a.455.455 0 0 0-.012-.223.788.788 0 0 0-.137-.273c-.124-.198-.149-.248-.149-.347 0-.087 0-.099.137-.446.31-.794.372-1.575.21-2.319-.061-.298-.148-.558-.322-1.017-.161-.409-.198-.583-.198-.744 0-.037.012-.087.025-.149.074.273.223.583.806 1.65.57 1.041.706 1.525.582 2.07-.037.162-.062.224-.21.546-.174.36-.236.657-.248 1.153v.509c.012.198.024.248.074.458.1.385.21.62.422.868.062.075.148.186.21.26.15.187.211.236.26.224.112-.025.088-.21-.024-.384a5.7 5.7 0 0 0-.198-.248c-.199-.236-.26-.335-.348-.558a2.203 2.203 0 0 1-.124-.596 6.683 6.683 0 0 1 .038-.88c.037-.223.074-.347.223-.632.21-.447.285-.794.235-1.216a1.608 1.608 0 0 0-.099-.421c-.124-.447-.26-.732-.88-1.86-.31-.57-.385-.72-.447-.943-.037-.136-.062-.223-.062-.297a2.444 2.444 0 0 1 .087-.757c.037-.136.075-.248.1-.36l.061-.21h.075c.756-.496 1.116-1.488.508-3.212-.607-1.723-3.013-3.211-6.014-3.062-3.521.16-4.724 1.798-5.543 3.124-.607.992-.458 2.48-.037 2.976l.037-.024c.075-.038.112-.062.15-.075.012.013.024.013.049.025-.025.124-.037.36-.025.533.025.323.124.62.434 1.426-.05.149-.136.347-.273.67-.508 1.178-.62 1.475-.707 1.934-.037.223-.05.31-.05.434 0 .434.1.769.348 1.19.161.273.21.385.273.608.05.186.111.633.124.868.012.186-.025.434-.062.595-.062.224-.112.335-.298.583-.062.1-.149.211-.173.26-.1.187-.1.373.012.397.062.013.112-.05.248-.248.05-.074.124-.198.186-.272.186-.26.273-.509.335-.906.037-.21.037-.26.025-.458 0-.124-.025-.348-.038-.509-.062-.496-.148-.781-.36-1.128-.185-.31-.21-.36-.26-.521-.173-.533-.086-1.017.385-2.108.198-.459.335-.781.434-1.03.235.608.297.782.322.894.025.16-.012.334-.124.756-.124.471-.186.732-.223 1.042-.087.756.05 1.537.434 2.294.161.322.174.347.174.434.012.099-.013.148-.124.36a.774.774 0 0 0-.112.284.447.447 0 0 0 .012.224c.025.099.038.111.087.148.087.075.149.025.161-.111.013-.137.038-.199.124-.347.15-.273.162-.46.075-.72a2.255 2.255 0 0 0-.1-.235c-.347-.633-.508-1.253-.495-1.848.012-.372.062-.657.21-1.203.15-.533.186-.744.174-.967-.012-.21-.062-.36-.459-1.364.062-.173.075-.297.087-.434.037-.434-.025-.83-.236-1.327l-.099-.248.112-.062s.025-.012.037-.024l.186.037c.124.062.248.111.36.136.148.05.16.05.173.112.013.037.05.124.075.186.062.136.16.471.21.682-.037.099-.074.198-.136.322-.322.732-.36.98-.236 1.563.013.062.025.124.038.198 0 .124.012.236.05.36.012.173.012.334.012.446a1.26 1.26 0 0 1-.087.285c-.037.112-.1.26-.124.335-.087.298-.112.682-.087 1.066.025.31.1 1.054.124 1.08.025.036.062.036.1.012.049-.05.049-.162 0-.608-.075-.756-.075-1.017 0-1.376.036-.174.049-.236.123-.397.087-.211.112-.285.124-.422.05.112.124.236.236.397.111.174.21.335.235.372.013.025.025.05.025.074 0 .05.013.087.013.112.012.062.05.223.086.36.013.037.025.074.038.124.024.347-.062.682-.211.88-.087.124-.1.198-.037.26.05.038.099.013.16-.074.1-.136.174-.31.212-.508.037.148.062.285.062.347a.911.911 0 0 1 0 .26c-.025.174-.075.298-.273.695-.273.545-.347.719-.422 1.116-.05.26-.074.496-.05.62.025.136.1.186.187.111.05-.062.074-.124.086-.36.013-.198.062-.47.124-.644a3.35 3.35 0 0 1 .26-.595c.298-.558.398-.856.373-1.203.012.074.025.136.037.198.037.124.037.137.273.459.012.012.012.025.025.037l.086-.36c-.136-.198-.16-.26-.16-.371-.013-.186.036-.348.21-.62.05.086.124.16.149.173h.012l.05-.21s-.025-.038-.05-.063c-.012-.024-.037-.05-.062-.086.1-.174.149-.273.186-.41a1.354 1.354 0 0 0-.062-.93c.013-.037.037-.074.05-.124.149-.31.173-.372.198-.545.037-.223.013-.335-.136-.695-.112-.272-.149-.384-.137-.508.224.335.323.558.397.856.037.136.05.223.05.31 0 .024 0 .062-.013.086-.012.087-.05.186-.099.348-.062.173-.111.533-.124.818v.149l.434-1.724v1.687s.05.136.075.21v.05c.099.248.136.335.16.422.013.05.038.099.05.186.075.26.112.396.137.607.037.273.025.447-.025.856-.062.434-.149.756-.285.992a.972.972 0 0 1-.124.186v.471h.074Zm0-2.344s.025 0 .037-.012c.062-.025.05-.087-.024-.236 0 0 0-.012-.013-.012v.26Zm-2.009-5.778c.05-.21.062-.384.05-.533.1.012.198.012.31.025-.025.148-.062.36-.074.508-.1.781-.075 1.438.074 2.021-.05.1-.1.186-.124.273-.124.31-.198.595-.198.856 0 .086.012.372.024.644a1.955 1.955 0 0 1-.124-.198c-.21-.31-.272-.446-.322-.632 0-.013-.012-.025-.012-.05-.013-.124-.025-.273-.05-.41v-.036c.012-.248.05-.372.236-.856.136-.347.16-.533.136-.868a7.508 7.508 0 0 1-.037-.273c.037-.173.074-.322.111-.471Zm.546 1.662c-.087-.633-.05-1.364.112-2.158h.148c.124.186.186.322.236.459a.367.367 0 0 1 .025.124c-.087.31-.1.583-.05.818l-.136.236a4.64 4.64 0 0 0-.335.52Zm.67-2.071-.038-.075h.075l-.025.05s-.012.025-.012.037v-.012Zm.186.074c.024-.074.05-.124.062-.173h.434c-.112.21-.162.396-.162.57-.012.174 0 .31.05.484-.025.05-.062.086-.1.136-.21.273-.31.422-.371.533-.037-.062-.062-.111-.087-.149.025-.037.037-.074.05-.099.024-.062.024-.111.037-.21.05-.335.05-.62-.013-.881.038-.062.062-.136.1-.21Zm.768.05s.087-.137.137-.236c.149 0 .31-.012.471-.025h.025c.025.1.037.186.037.273.012.1 0 .149-.037.335l-.037.21-.236.447c-.074.149-.149.273-.198.372-.199-.36-.273-.508-.31-.657.05-.112.086-.223.111-.36.025-.099.037-.223.037-.36Zm1.166-.273h.025c.235-.012.459-.012.657-.025a.838.838 0 0 1-.062.335 1.872 1.872 0 0 1-.285.484 4.27 4.27 0 0 0-.372.52 2.806 2.806 0 0 1-.161-.248.709.709 0 0 1-.087-.334v-.038l.037-.248c.012-.062.037-.124.062-.186.037-.086.074-.186.074-.21l.112-.05Zm1.017.347c.037-.149.05-.273.074-.384.236 0 .459 0 .657-.013l-.024.112c-.05.186-.087.36-.1.52a2.043 2.043 0 0 0-.111.274c-.137.31-.248.558-.335.78l-.1-.148-.061-.21a1.068 1.068 0 0 1-.062-.336c0-.173.012-.347.062-.595Zm1.017-.347c.136.025.26.012.36-.037h.198c.05.136.074.273.074.372-.05.111-.087.186-.112.297a1.59 1.59 0 0 0-.062.335l-.037.075a3.74 3.74 0 0 0-.297.694c-.236-.273-.335-.508-.36-.83.136-.323.186-.447.223-.633 0-.1.013-.186.013-.273Zm.768.087s-.012-.075-.024-.112h.086l-.05.087v.025h-.012Zm.236.273c.074-.137.161-.298.186-.36h.025c.087.508.111.967.074 1.401-.025.323-.099.608-.223.843a.222.222 0 0 1-.062-.086 3.304 3.304 0 0 1-.161-.211c-.124-.186-.174-.62-.112-.943.037-.186.112-.36.273-.644Zm1.004-.248s.087-.038.137-.075c.347.025.558.025.744-.012.062.025.124.062.149.074l.124.05-.075.26a3.544 3.544 0 0 0-.136.645c-.223.756-.248.893-.236 1.091 0 .223.062.422.26.943.199.52.273.806.323 1.178.062.496 0 1.016-.186 1.55-.012-.385-.074-.744-.186-1.017-.025-.075-.1-.223-.149-.323-.074-.148-.099-.198-.111-.272-.05-.236-.05-.658 0-1.017.05-.385.037-.633-.087-.943.025-.223 0-.434-.062-.644-.037-.162-.1-.286-.273-.62-.198-.36-.248-.546-.236-.868Zm-8.791 1.351s.012-.111.012-.161c-.012-.31-.087-.595-.273-1.042a1.86 1.86 0 0 0 0 .372c.025.186.075.36.26.831Zm1.277-1.426c-.112.025-.223.037-.298.025-.024 0-.012.012.025.1.062.148.137.346.186.557.025-.062.037-.136.05-.198.037-.161.05-.223.05-.323 0-.062 0-.111-.013-.16Zm-.124 1.253s-.037.086-.05.124c-.16.384-.223.52-.248.682a1.405 1.405 0 0 0-.012.396c.025-.111.074-.235.161-.458.124-.31.174-.484.149-.744Zm.707 1.674c-.1.235-.161.421-.174.595-.012.111 0 .273.025.719.025.36.037.459.112.744.086.347.21.88.235 1.079v.025c0-.124.013-.248.037-.348.038-.148.112-.297.236-.508.025-.037.05-.074.062-.112a1.644 1.644 0 0 1 .025-.483c.025-.161.074-.31.124-.484a1.84 1.84 0 0 0-.323-.545 2.575 2.575 0 0 1-.36-.682Zm.83.868a2.258 2.258 0 0 0-.297-.46 1.881 1.881 0 0 1-.372-.756c.112-.21.26-.446.434-.706h.012s.05-.087.062-.112c.025.05.062.112.112.186 0 .012-.012.037-.012.062a.791.791 0 0 0-.013.31c.013.136.037.198.137.446.136.335.148.422.124.583-.013.087-.038.149-.124.323-.025.037-.038.086-.062.124Zm-.136 1.016c.013-.111.025-.235.062-.372a.71.71 0 0 1-.062.372Zm.732-1.984c.05-.198.111-.396.198-.62.037-.099.075-.186.112-.285-.013-.025-.025-.05-.05-.087a6.91 6.91 0 0 1-.297-.57c-.038.05-.075.112-.124.174-.174.223-.26.36-.31.458h.012c.186.298.298.496.384.72.025.074.05.148.075.21Zm.607-.905c.372.67.509 1.017.67 1.587.136.496.186.744.223 1.327 0 .087.013.174.013.26l.037-.247c.037-.248.062-.509.074-.596a2.232 2.232 0 0 0-.223-1.178c-.05-.111-.112-.248-.124-.322a2.308 2.308 0 0 1-.062-.595c0-.211.062-.496.124-.657.012-.013.012-.038.025-.05a1.414 1.414 0 0 1-.236-.422c0-.012-.012-.024-.012-.037-.037.1-.1.199-.186.372a4.526 4.526 0 0 0-.323.558Zm.943-.508.062.062c.273.285.446.508.545.694a1.9 1.9 0 0 1 .162.546 4.49 4.49 0 0 1 .198-.781 1.927 1.927 0 0 1-.273-.521 2.107 2.107 0 0 1-.099-.843 2.366 2.366 0 0 1-.248.36c-.149.173-.273.359-.347.483Zm1.153.793a4.95 4.95 0 0 0-.136.583c-.075.422-.1.757-.087 1.228.025.682.124 1.227.31 1.649.037.1.136.298.21.422.038.074.075.136.1.198.037-.26.087-.558.186-.893l.025-.074c.024-.1.05-.211.074-.26.05-.174.112-.472.124-.583.037-.31-.05-.806-.236-1.24a8.114 8.114 0 0 0-.57-1.03Zm1.228-.917c-.1.21-.174.372-.211.545.335.372.384.447.446.658.033.107.05.21.05.31v.037c.05-.137.124-.285.198-.397-.025-.037-.05-.062-.074-.1h-.013c-.148-.198-.21-.272-.248-.346-.024-.05-.037-.112-.062-.211a2.454 2.454 0 0 1-.086-.496Zm.818 1.14a5.9 5.9 0 0 1 .496.757c.05.1.1.198.136.285.038-.111.1-.223.211-.446.174-.335.236-.471.273-.67.012-.05.012-.099.025-.149-.05-.111-.124-.248-.248-.483-.211-.372-.31-.583-.385-.843-.099-.298-.111-.546-.062-.744l.025-.087-.087-.037s-.062-.025-.111-.05c.087.583.099 1.104.012 1.587-.074.385-.149.633-.285.88Zm.608-2.182a.68.68 0 0 0-.025.285c.012.087.025.162.074.31.075.236.161.434.347.757.05.074.087.149.124.223-.037-.223-.086-.36-.31-.794-.16-.31-.21-.483-.21-.78Zm-1.29 3.187c-.062.21-.05.285-.012.422.024.086.05.148.148.31.211.36.335.62.422.917.037.149.062.285.074.41.087-.162.1-.211.087-.31 0-.187-.074-.348-.285-.62-.198-.273-.273-.385-.335-.559a1.291 1.291 0 0 1-.099-.57Zm-.397-1.389v.037c-.05.31-.037.372.137.732.05.1.086.26.136.422.012-.025.012-.062.025-.1.099-.334.111-.434.074-.595-.05-.124-.124-.223-.372-.496ZM151.714 87.11c1.116.36 1.91.794 2.492 1.104.422.235.744.409 1.005.458.483.087 1.463-.173 2.207-.372.434-.111.794-.21.93-.21.384.012.508.248-.298.917l-.223.186c-.607.496-.682.558-.347 1.203.36.72.719 1.55-.05 1.166-.285-.137-.607-.385-.93-.633-.545-.409-1.116-.855-1.599-.868-.248-.012-.558.112-.955.273-.546.223-1.265.508-2.22.62V87.11h-.012ZM154.194 78.53c.397.917 5.01 3.595 9.734 4.724v-7.428c-3.385-.062-6.634.595-8.085 1.03-1.165.297-2.108.62-1.649 1.673Zm3.336-.348a.582.582 0 1 0 0-1.166.582.582 0 1 0 0 1.166ZM211.78 111.327h-3.658v-7.39c.52.682 1.178 1.289 3.682.409 3.696-1.29 2.728-3.534 1.774-4.501a11.698 11.698 0 0 0-.757-.682c-1.165-1.03-2.691-2.369-1.017-2.369 1.116 0 1.997.46 2.877.906.769.396 1.525.793 2.431.868a18.67 18.67 0 0 1 3.224.582v2.307h.347c-2.517 1.327-4.005 2.616-5.506 5.158-1.612 2.728-3.856 3.051-4.823 3.051-.571-.013.421.88 1.426 1.661ZM208.122 81.232c1.587-.099 2.703-.657 3.521-1.066.484-.248.868-.434 1.166-.434.595 0 1.327.558 2.009 1.104.409.322.818.632 1.165.806.955.483.484-.633 0-1.588-.434-.855-.347-.942.372-1.649l.261-.26c.954-.955.793-1.277.322-1.277-.174 0-.608.148-1.128.334-.906.31-2.084.72-2.691.62-.323-.05-.719-.272-1.253-.57-.843-.459-2.021-1.116-3.744-1.562v5.542ZM146.246 88.858c.384-.731.694-1.5.917-2.318-1.302.062-2.443.26-3.038.421-.657.149-1.178.31-.942.893.124.322 1.178 1.079 2.591 1.76.186-.247.335-.495.472-.756Zm-1.464-1.165a.329.329 0 0 0 .323-.323.329.329 0 0 0-.323-.322.328.328 0 0 0-.322.322c0 .174.149.323.322.323ZM128.278 94.277c-.409.285-.93.794-.992 1.364h-1.401a.946.946 0 0 0-.298-.223c-1.079-.57-1.426-1.128-1.079-1.699.36-.57 1.079-.372 1.426 0 .36.372 1.079-.57 1.253-.942.173-.372 1.079-.943 1.612-.372.558.545.025 1.488-.521 1.872Zm-4.476 2.183a.784.784 0 0 0-.335-.174c-.248-.062-.36.062-.521.26 0 0-.099.124-.174.199-.272.285-.558.583-.979.583-.831 0-.67-.521 0-1.042l.186-.149.111-.087c.546-.409 1.005-.744.856-1.339-.161-.694-.992-.52-1.327-.173-.335.347-.496 0-.669-.695-.162-.694-.67-1.215-1.166-1.041-.496.173-.67 1.388-.496 2.269.112.583-.074.545-.508.446-.211-.05-.496-.099-.819-.099-.992 0-1.165.347-1.165.52 0 .249.409.323.992.174.669-.173 1.661.521 2.157 1.216.496.694-.992.52-1.661.347-.67-.174-.831.694.161.694s1.996.347 2.319 1.042c.322.694-1.501.347-1.823.173-.335-.173-1.327-.173-.992.348.186.285 1.017.483 1.947.694.235.05.471.112.706.174.224.062.447.111.658.173.83.248 1.723 1.488 2.492 2.691v-1.463c-.273-.583-.211-1.153 0-1.525v-1.005c-.112.025-.223.062-.335.087 0 0-.087.025-.136.037-.323.1-.695.211-.695-.384v-.298c-.024-.558-.037-1.004.67-1.438.236-.149.397-.298.508-.459v-.756h.038Zm0 9.932a.569.569 0 0 1-.335-.186c-.323-.347-.285-.682-.248-1.079.037-.397.087-.831-.248-1.364-.434-.682-.583-.471-.819-.149-.124.174-.272.385-.508.496-.67.348-.831.174-.67-.52.162-.695-.496-2.27-.992-.868-.496 1.388.162 2.442 1.662 2.963 1.5.521.831 2.083 0 2.083s-.992.174-1.166.521c-.21.447.162 1.389 1.501 1.215 1.327-.173 1.661.868.496 1.216-.397.124-.521.347-.509.595h1.848v-4.923h-.012Zm8.866 1.426c.793-.161.558-1.017-.273-1.178l-.186-.037.459 1.215Zm-.943-2.48c.261-.186.744-.273 1.587-.062 2.034.508 2.22-.856 1.476-1.55-.744-.682-.744-1.376-.372-1.376.124 0 .26.111.422.235.347.273.806.62 1.426.273.93-.508.372-1.711 0-2.406-.372-.682.372-.855.744-.347.372.521 1.289 1.203 1.661.682.372-.521.372-1.029-.372-1.203-.744-.173-1.289-.347-.93-.52.372-.174 1.476-.682.558-1.377-.93-.682-1.475-.173-1.661 0-.05.037-.1.137-.162.26-.21.373-.52.955-.942.435-.558-.682-.93-.856-1.29-.856-.359 0-.558.682 0 1.376.558.682.558 1.203.186 1.03-.099-.05-.21-.186-.347-.36-.372-.471-.93-1.178-1.885-.67-1.289.682-.372 1.885.186 2.232.558.348.372.856 0 .856-.111 0-.223-.124-.359-.273-.285-.322-.695-.756-1.451-.384l1.525 4.005ZM168.578 83.725c2.319-.137 3.955-.856 5.146-1.377.719-.322 1.265-.558 1.711-.558.88 0 1.934.757 2.951 1.464.608.421 1.191.843 1.711 1.078 1.402.633.707-.843.013-2.108-.62-1.14-.496-1.252.558-2.182.111-.1.248-.21.384-.335 1.414-1.252 1.178-1.674.471-1.686-.26 0-.892.198-1.661.434-1.327.409-3.063.942-3.943.806-.472-.075-1.054-.372-1.836-.757-1.24-.62-2.951-1.488-5.505-2.095v7.316ZM203.472 101.854c-3.224-.856-7.862-1.885-11.768-2.48-2.951-.46-4.563-.15-5.382.334l4.601 8.036c3.571 1.388 8.382 2.814 11.581 3.596h.955v-9.486h.013ZM199.442 76.086c.781-.26 2.306-.632 4.03-.756v5.096c-2.642-.954-4.923-2.48-5.146-3.062-.323-.806.31-1.054 1.116-1.278Zm.917 1.178a.329.329 0 0 0 .323-.322.329.329 0 0 0-.323-.322.328.328 0 0 0-.322.322.32.32 0 0 0 .322.322Z",fill:"#A3ABC8"})),oh||(oh=g.createElement("path",{d:"M238.948-.31v15.116h-30.244v9.882l24.428-.037v14.57h-24.428V50.27h30.244v15.698h-50.009V-.322h50.009v.012ZM153.276 22.642c7.726 1.625 13.206 3.038 16.455 4.303 3.249 1.265 5.952 3.398 8.172 6.436 2.182 3.038 3.249 6.634 3.249 10.75 0 6.486-2.617 11.768-7.924 15.798-5.307 4.03-12.251 6.039-20.857 6.039-15.735 0-25.457-6.522-29.14-19.592l18.402-3.274c1.55 5.171 5.555 7.788 11.929 7.788 4.96 0 7.452-1.302 7.452-3.956 0-1.389-.595-2.492-1.748-3.236-1.154-.794-3.212-1.464-6.188-2.059-11.334-2.17-18.6-5.022-21.812-8.494-3.211-3.472-4.836-7.589-4.836-12.288 0-6.089 2.344-11.098 6.944-15.128 4.638-4.03 11.26-6.039 19.94-6.039 13.119 0 21.811 5.295 26.052 15.798l-16.418 4.935c-1.698-4.303-5.158-6.436-10.341-6.436-4.328 0-6.461 1.302-6.461 3.993 0 1.19.472 2.096 1.464 2.765.954.67 2.852 1.302 5.666 1.897ZM116.833 65.98H96.484V-.31h20.349v66.29ZM55.738-.31l9.833 38.23 9.3-38.23h15.587L72.862 65.98h-17.1l-9.274-36.555L37.72 65.98H19.728L2.282-.31h19.145l9.288 38.155L39.755-.31h15.983Z",fill:"#054D7F"})),ih||(ih=g.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M188.939 40.412V39.37l.769-.546V35.39c.049-.273.161-.806.644-.806.385 0 .484.533.484.806v3.496l12.896 11.384 4.997-3.497v1.302l-4.104 2.976 11.16 9.858h1.066c.645 0 1.451.161.645 1.29-.57.793-1.091 2.665-1.364 3.781h-27.181V52.241h.769V39.916l-.781.496Zm20.187 9.87h.645v.087a.967.967 0 0 1 .645.905.955.955 0 0 1-.645.905v.223c.273.038.645.211.645.633v.161c.012.446.037.967-.968.967-.21 0-.644-.062-.644-.322 0-.323.322-.323.644-.323.323 0 .645-.322.162-.644-.273-.174-.385-.26-.434-.323h-.038v-.372a.966.966 0 0 1-.644-.905c0-.422.272-.781.644-.905v-.087h-.012Zm-17.906 2.083s.062.124.087.186a1.598 1.598 0 0 1-.322 1.6v5.01l2.728-1.91v-8.643l-2.493 3.757Zm-.396-.657 2.889-4.563v-1.5c.049-.273.161-.807.645-.807.384 0 .483.534.483.806v.794l7.502 4.774.571-.397-12.09-10.974v11.867Zm10.701.087-6.684-4.179v8.854l6.684-4.675Zm-9.027 8.047 1.215-.88v.967l-1.215-.087Zm14.185 1.067h7.341l-10.218-9.275-8.965 6.51v1.872l11.842.893ZM181.152 44.082l-17.695 10.13 8.419 1.476V51.51c-.21-.162-.644-.608-.644-1.129 0-.52.744-.744 1.128-.806h8.097c-.111.434-.248.868-.397 1.29h-1.116v1.6h.472c-1.315 2.839-3.373 5.319-6.188 7.464-2.12 1.6-4.489 2.89-7.118 3.857-2.604-1.935-4.96-7.006-5.394-7.961-.037-.075-.062-.124-.062-.149a1.403 1.403 0 0 0-.272-.31c-.31-.298-.707-.67-.36-1.14.384-.51 1.339-.435 1.761-.323l.31.05 19.059-10.987c-.013.372 0 .744 0 1.116Zm-7.676 6.783h1.6v1.6h-1.6v-1.6Zm4.501 0h-1.599v1.6h1.599v-1.6ZM116.833 24.23h-1.501c-.322-.05-.992-.062-1.128.322-.161.484-.484.645-1.451.645h-1.761v.483l.782 40.3h-3.968l.942-41.428c-.211-.161-.707-.384-.967 0-.161.248-.124.694-.075 1.116.038.422.075.806-.086.967-.248.248-7.378 11.78-11.148 17.893v-3.782l7.291-14.272c.323-.694 1.253-2.12 2.406-2.244 1.153-.124 1.017-1.017.806-1.451-.112-.484-.261-1.6 0-2.245.161-.396.124-.396-.075-.434-.198-.037-.558-.111-1.054-.682-.719-.83-6.15-10.068-9.374-15.599V1.562l10.342 14.161c.483.645 1.376 2.22 1.128 3.373-.322 1.45 1.29 2.083 1.761 2.244.31.1 4.166.211 7.117.286v2.604h.013ZM39.73 57.586l-2.01 8.394h-.11v-6.46h-1.29v-1.29h.645v-.644h2.765Zm3.038-12.71-.893 3.744-3.943-6.125h-.968v9.796h.645v.483h-1.612v-.483h.645V42.01h1.45l.323-.322h.645l3.708 3.187Zm34.137 5.803h-.769v-.645h.645v-8.668h-1.129l-5.815 9.635v2.567l1.128.645v1.6h1.29c.484.049 1.45.582 1.45 2.244v2.567h-.966v5.344h-4.526v-5.344h-4.526v5.344H61.43v-5.344h-2.914v5.344h-2.778L52.526 53.32l4.849-27.69 2.058-1.103v-2.753h.323v2.89l1.661.967 2.914 27.292h.323v-2.405h.645l1.128-3.373 9.213-6.746 1.45.323v9.225l-.185.732ZM126.604 23.436a17.084 17.084 0 0 1-.149-1.773h6.089c-.162.372-.831 1.19-2.245 1.45-.769.125-2.232.236-3.695.323Z",fill:"#A3ABC8"})),sh||(sh=g.createElement("path",{d:"m21.328 115.556 2.17 6.051 2.17-6.051h1.686v7.886h-1.302v-2.604l.124-3.472-2.22 6.076h-.93l-2.219-6.076.124 3.472v2.604H19.63v-7.886h1.699ZM33.22 121.607h-2.914l-.608 1.835h-1.364l2.84-7.886h1.178l2.852 7.886H33.84l-.62-1.835Zm-2.555-1.104h2.183l-1.092-3.273-1.09 3.273ZM38.812 120.404h-1.463v3.038h-1.302v-7.886h2.641c.868 0 1.538.198 2.009.607.471.409.707 1.005.707 1.773 0 .521-.124.968-.372 1.327-.236.36-.583.633-1.017.819l1.686 3.286v.074H40.3l-1.488-3.038Zm-1.45-1.104H38.7c.447 0 .782-.111 1.03-.347.248-.235.372-.558.372-.955 0-.421-.112-.744-.348-.979-.223-.236-.57-.347-1.029-.36H37.35v2.641h.012ZM44.032 123.442H42.73v-7.886h1.302v7.886ZM51.609 123.442h-1.302l-3.348-5.592v5.592h-1.302v-7.886h1.302l3.36 5.617v-5.617h1.302v7.886h-.012ZM57.56 119.92h-3.087v2.431h3.609v1.091h-4.923v-7.886h4.885v1.103h-3.57v2.183h3.087v1.078ZM63.153 123.442h-1.302v-7.886h1.302v7.886ZM70.73 123.442h-1.302l-3.348-5.592v5.592h-1.302v-7.886h1.302l3.36 5.617v-5.617h1.302v7.886h-.012ZM76.62 120.094h-3.026v3.336h-1.302v-7.874h4.786v1.103h-3.472v2.344h3.026v1.091h-.012ZM84.11 119.697c0 .769-.125 1.451-.385 2.034-.26.583-.62 1.029-1.091 1.339a2.914 2.914 0 0 1-1.637.471c-.62 0-1.153-.149-1.637-.471-.471-.31-.843-.756-1.104-1.339-.26-.583-.384-1.24-.396-1.997v-.446c0-.769.124-1.451.384-2.034.26-.582.632-1.041 1.104-1.351a2.914 2.914 0 0 1 1.636-.471c.62 0 1.154.161 1.625.471.471.31.843.756 1.103 1.327.26.582.385 1.252.397 2.021v.446Zm-1.315-.409c0-.868-.161-1.538-.471-2.009-.31-.471-.757-.694-1.34-.694-.582 0-1.004.235-1.326.694-.323.459-.484 1.116-.484 1.972v.459c0 .868.161 1.537.484 2.008.322.472.768.707 1.339.707.57 0 1.029-.235 1.339-.694.31-.459.471-1.141.471-2.021v-.422h-.012ZM88.177 120.404h-1.464v3.038h-1.302v-7.886h2.641c.868 0 1.538.198 2.01.607.47.409.706 1.005.706 1.773 0 .521-.124.968-.372 1.327-.236.36-.583.633-1.017.819l1.687 3.286v.074h-1.401l-1.489-3.038Zm-1.464-1.104h1.34c.446 0 .78-.111 1.029-.347.248-.235.372-.558.372-.955 0-.421-.112-.744-.347-.979-.224-.236-.57-.347-1.03-.36h-1.376v2.641h.012ZM93.707 115.556l2.17 6.051 2.17-6.051h1.686v7.886h-1.302v-2.604l.124-3.472-2.22 6.076h-.93l-2.22-6.076.125 3.472v2.604h-1.302v-7.886h1.699ZM105.586 121.607h-2.914l-.608 1.835H100.7l2.84-7.886h1.178l2.852 7.886h-1.364l-.62-1.835Zm-2.542-1.104h2.182l-1.091-3.273-1.091 3.273ZM113.237 116.659h-2.344v6.783h-1.302v-6.783h-2.331v-1.103h5.964v1.103h.013ZM115.618 123.442h-1.302v-7.886h1.302v7.886ZM123.231 119.697c0 .769-.124 1.451-.384 2.034-.261.583-.62 1.029-1.091 1.339a2.916 2.916 0 0 1-1.637.471c-.62 0-1.153-.149-1.637-.471-.471-.31-.843-.756-1.104-1.339-.26-.583-.384-1.24-.396-1.997v-.446c0-.769.124-1.451.384-2.034.26-.582.632-1.041 1.104-1.351a2.91 2.91 0 0 1 1.636-.471c.62 0 1.154.161 1.625.471.471.31.843.756 1.103 1.327.261.582.385 1.252.397 2.021v.446Zm-1.314-.409c0-.868-.161-1.538-.471-2.009-.31-.471-.757-.694-1.34-.694-.582 0-1.004.235-1.326.694-.323.459-.484 1.116-.484 1.972v.459c0 .868.161 1.537.484 2.008.322.472.768.707 1.339.707.57 0 1.029-.235 1.339-.694.31-.459.471-1.141.471-2.021v-.422h-.012ZM130.498 123.442h-1.302l-3.348-5.592v5.592h-1.302v-7.886h1.302l3.36 5.617v-5.617h1.302v7.886h-.012ZM138.607 121.408c0-.347-.111-.62-.347-.806-.236-.186-.645-.372-1.252-.57-.608-.186-1.092-.409-1.451-.645-.682-.446-1.029-1.041-1.029-1.761 0-.632.248-1.165.744-1.574.496-.41 1.14-.62 1.922-.62.52 0 .992.099 1.401.297.409.199.731.496.967.868s.347.781.347 1.24h-1.302c0-.409-.124-.731-.372-.967s-.595-.347-1.054-.347c-.421 0-.756.099-.992.285-.235.186-.347.459-.347.806 0 .285.124.533.384.732.261.186.67.384 1.265.558.583.186 1.054.384 1.414.62.359.235.62.496.781.806.161.297.248.657.248 1.054 0 .657-.236 1.178-.719 1.574-.484.385-1.129.583-1.959.583a3.533 3.533 0 0 1-1.501-.31 2.584 2.584 0 0 1-1.066-.88c-.248-.372-.372-.806-.372-1.302h1.302c0 .446.136.793.421 1.041.286.248.682.372 1.216.372.458 0 .793-.099 1.029-.285a.999.999 0 0 0 .322-.769ZM143.518 119.288l1.736-3.732h1.45l-2.517 4.984v2.902h-1.314v-2.902l-2.53-4.984h1.451l1.724 3.732ZM151.367 121.408c0-.347-.112-.62-.347-.806-.236-.186-.645-.372-1.253-.57-.607-.186-1.091-.409-1.451-.645-.682-.446-1.029-1.041-1.029-1.761 0-.632.248-1.165.744-1.574.496-.41 1.141-.62 1.922-.62.521 0 .992.099 1.401.297.41.199.732.496.968.868.235.372.347.781.347 1.24h-1.302c0-.409-.124-.731-.372-.967s-.595-.347-1.054-.347c-.422 0-.757.099-.992.285-.236.186-.347.459-.347.806 0 .285.124.533.384.732.26.186.67.384 1.265.558.583.186 1.054.384 1.413.62.36.235.62.496.782.806.161.297.248.657.248 1.054 0 .657-.236 1.178-.72 1.574-.483.385-1.128.583-1.959.583a3.531 3.531 0 0 1-1.5-.31 2.594 2.594 0 0 1-1.067-.88c-.248-.372-.372-.806-.372-1.302h1.302c0 .446.137.793.422 1.041.285.248.682.372 1.215.372.459 0 .794-.099 1.029-.285a1 1 0 0 0 .323-.769ZM159.253 116.659h-2.343v6.783h-1.302v-6.783h-2.332v-1.103h5.965v1.103h.012ZM164.647 119.92h-3.087v2.431h3.608v1.091h-4.923v-7.886h4.886v1.103h-3.571v2.183h3.087v1.078ZM167.933 115.556l2.17 6.051 2.17-6.051h1.687v7.886h-1.302v-2.604l.124-3.472-2.22 6.076h-.93l-2.22-6.076.125 3.472v2.604h-1.303v-7.886h1.699ZM182.478 120.094h-3.025v3.336h-1.302v-7.874h4.786v1.103h-3.472v2.344h3.026v1.091h-.013ZM189.968 119.697c0 .769-.124 1.451-.384 2.034-.261.583-.62 1.029-1.092 1.339a2.91 2.91 0 0 1-1.636.471c-.62 0-1.154-.149-1.637-.471-.471-.31-.843-.756-1.104-1.339-.26-.583-.384-1.24-.396-1.997v-.446c0-.769.124-1.451.384-2.034.26-.582.632-1.041 1.104-1.351a2.91 2.91 0 0 1 1.636-.471c.62 0 1.154.161 1.625.471.471.31.843.756 1.103 1.327.261.582.385 1.252.397 2.021v.446Zm-1.314-.409c0-.868-.162-1.538-.472-2.009-.31-.471-.756-.694-1.339-.694s-1.004.235-1.326.694c-.323.459-.484 1.116-.484 1.972v.459c0 .868.161 1.537.484 2.008.322.472.768.707 1.339.707.57 0 1.029-.235 1.339-.694.31-.459.471-1.141.471-2.021v-.422h-.012ZM194.035 120.404h-1.463v3.038h-1.302v-7.886h2.641c.868 0 1.538.198 2.009.607.471.409.707 1.005.707 1.773 0 .521-.124.968-.372 1.327-.236.36-.583.633-1.017.819l1.686 3.286v.074h-1.401l-1.488-3.038Zm-1.463-1.104h1.339c.447 0 .781-.111 1.029-.347.248-.235.372-.558.372-.955 0-.421-.111-.744-.347-.979-.223-.236-.57-.347-1.029-.36h-1.376v2.641h.012ZM204.91 119.92h-3.088v2.431h3.609v1.091h-4.923v-7.886h4.886v1.103h-3.572v2.183h3.088v1.078ZM212.003 115.556v5.27c0 .843-.261 1.5-.769 1.996-.508.484-1.191.732-2.046.732-.856 0-1.55-.236-2.046-.72-.509-.483-.757-1.153-.757-2.008v-5.27h1.303v5.27c0 .533.123.93.384 1.202.26.273.632.422 1.128.422 1.005 0 1.513-.558 1.513-1.674v-5.22h1.29ZM216.157 120.404h-1.463v3.038h-1.302v-7.886h2.641c.868 0 1.537.198 2.009.607.471.409.706 1.005.706 1.773 0 .521-.124.968-.372 1.327-.235.36-.582.633-1.016.819l1.686 3.286v.074h-1.401l-1.488-3.038Zm-1.451-1.104h1.339c.447 0 .781-.111 1.029-.347.248-.235.372-.558.372-.955 0-.421-.111-.744-.347-.979-.223-.236-.57-.347-1.029-.36h-1.376v2.641h.012ZM226.002 119.697c0 .769-.124 1.451-.384 2.034-.26.583-.62 1.029-1.091 1.339a2.914 2.914 0 0 1-1.637.471c-.62 0-1.153-.149-1.637-.471-.471-.31-.843-.756-1.103-1.339-.261-.583-.385-1.24-.397-1.997v-.446c0-.769.124-1.451.384-2.034.261-.582.633-1.041 1.104-1.351a2.914 2.914 0 0 1 1.637-.471c.62 0 1.153.161 1.624.471.471.31.843.756 1.104 1.327.26.582.384 1.252.396 2.021v.446Zm-1.302-.409c0-.868-.161-1.538-.471-2.009-.31-.471-.756-.694-1.339-.694s-1.004.235-1.327.694c-.322.459-.483 1.116-.483 1.972v.459c0 .868.161 1.537.483 2.008.323.472.769.707 1.339.707.571 0 1.03-.235 1.34-.694.31-.459.471-1.141.471-2.021v-.422h-.013ZM228.619 120.503v2.927h-1.302v-7.874h2.877c.843 0 1.512.223 1.996.682.496.458.744 1.066.744 1.822 0 .757-.248 1.377-.732 1.798-.483.434-1.165.645-2.033.645h-1.55Zm0-1.091h1.575c.471 0 .818-.112 1.066-.347.248-.236.372-.558.372-.992 0-.434-.124-.769-.372-1.017-.248-.26-.595-.384-1.029-.397h-1.612v2.753ZM238.477 119.92h-3.088v2.431h3.609v1.091h-4.923v-7.886h4.885v1.103h-3.571v2.183h3.088v1.078Z",fill:"#054D7F"})))};var dh;function Mh(){return Mh=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return g.createElement("svg",Mh({width:240,height:124,viewBox:"0 0 240 124",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?g.createElement("title",{id:e},c):null,dh||(dh=g.createElement("g",{fill:"#fff"},g.createElement("path",{d:"M238.948 70.63v9.3h-18.612v5.816h15.115v9.3h-15.115v6.398h18.612v9.883h-30.814V70.618h30.814v.012Z"}),g.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m79.224 111.327 2.492-8.023h11.086l2.343 8.023h12.971L95.12 70.618H81.691l-15.45 40.709h12.983Zm4.65-16.901 3.36-11.805 1.674 5.903 1.674 5.902h-6.708Z"}),g.createElement("path",{d:"M19.716 111.327V70.618H35.6l5.717 20.98 5.716-20.98h15.724v40.709h-10.64V82.931l-7.142 28.396H37.51L30.53 82.931v28.396H19.716ZM163.928 111.327h-12.214V70.618h12.214v40.709Z"}),g.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M146.246 88.858c.954-1.798 1.426-3.88 1.426-6.224 0-3.596-1.302-6.498-3.906-8.705-2.604-2.195-6.225-3.299-10.925-3.299h-21.253v40.71h12.214V95.641h4.24l5.952 15.699h13.851l-7.378-17.757c2.902-1.352 4.836-2.927 5.779-4.725Zm-13.02-2.752c-.955.644-2.22.806-3.77.806h-5.63v-7.564h6.064c3.199 0 4.799 1.252 4.799 3.856-.037 1.277-.521 2.232-1.463 2.902Z"}),g.createElement("path",{d:"M168.578 70.63v40.71h10.478V87.036l13.925 24.291h10.478V70.618H193.44V92.07l-12.512-21.452h-12.35v.012ZM238.948-.31v15.116h-30.244v9.882l24.428-.037v14.57h-24.428V50.27h30.244v15.698h-50.009V-.322h50.009v.012ZM153.276 22.642c7.726 1.625 13.206 3.038 16.455 4.303 3.249 1.265 5.952 3.398 8.172 6.436 2.182 3.038 3.249 6.634 3.249 10.75 0 6.486-2.617 11.768-7.924 15.798-5.307 4.03-12.251 6.039-20.857 6.039-15.735 0-25.457-6.522-29.14-19.592l18.402-3.274c1.55 5.171 5.555 7.788 11.929 7.788 4.96 0 7.452-1.302 7.452-3.956 0-1.389-.595-2.492-1.748-3.236-1.154-.794-3.212-1.464-6.188-2.059-11.334-2.17-18.6-5.022-21.812-8.494-3.211-3.472-4.836-7.589-4.836-12.288 0-6.089 2.344-11.098 6.944-15.128 4.638-4.03 11.26-6.039 19.94-6.039 13.119 0 21.811 5.295 26.052 15.798l-16.418 4.935c-1.698-4.303-5.158-6.436-10.341-6.436-4.328 0-6.461 1.302-6.461 3.993 0 1.19.472 2.096 1.464 2.765.954.67 2.852 1.302 5.666 1.897ZM116.833 65.98H96.484V-.31h20.349v66.29ZM55.738-.31l9.833 38.23 9.3-38.23h15.587L72.862 65.98h-17.1l-9.274-36.555L37.72 65.98H19.728L2.282-.31h19.145l9.288 38.155L39.755-.31h15.983ZM21.328 115.556l2.17 6.051 2.17-6.051h1.687v7.886h-1.303v-2.604l.125-3.472-2.22 6.076h-.93l-2.22-6.076.124 3.472v2.604H19.63v-7.886h1.7ZM33.22 121.607h-2.914l-.608 1.835h-1.364l2.84-7.886h1.178l2.852 7.886H33.84l-.62-1.835Zm-2.555-1.104h2.183l-1.092-3.273-1.09 3.273ZM38.812 120.404h-1.463v3.038h-1.302v-7.886h2.641c.868 0 1.538.198 2.009.607.471.409.707 1.005.707 1.773 0 .521-.124.968-.372 1.327-.236.36-.583.633-1.017.819l1.686 3.286v.074H40.3l-1.488-3.038Zm-1.45-1.104H38.7c.447 0 .782-.111 1.03-.347.248-.235.372-.558.372-.955 0-.421-.112-.744-.348-.979-.223-.236-.57-.347-1.029-.36H37.35v2.641h.012ZM44.032 123.442h-1.301v-7.886h1.301v7.886ZM51.609 123.442h-1.302l-3.348-5.592v5.592h-1.302v-7.886h1.302l3.36 5.617v-5.617h1.302v7.886h-.012ZM57.56 119.92h-3.087v2.431h3.609v1.091h-4.923v-7.886h4.885v1.103h-3.57v2.183h3.087v1.078ZM63.153 123.442h-1.302v-7.886h1.302v7.886ZM70.73 123.442h-1.302l-3.348-5.592v5.592h-1.302v-7.886h1.302l3.36 5.617v-5.617h1.302v7.886h-.012ZM76.62 120.094h-3.026v3.336h-1.302v-7.874h4.786v1.103h-3.472v2.344h3.026v1.091h-.012ZM84.11 119.697c0 .769-.125 1.451-.385 2.034-.26.583-.62 1.029-1.091 1.339a2.914 2.914 0 0 1-1.637.471c-.62 0-1.153-.149-1.637-.471-.471-.31-.843-.756-1.104-1.339-.26-.583-.384-1.24-.396-1.997v-.446c0-.769.124-1.451.384-2.034.26-.582.632-1.041 1.104-1.351a2.914 2.914 0 0 1 1.636-.471c.62 0 1.154.161 1.625.471.471.31.843.756 1.103 1.327.26.582.385 1.252.397 2.021v.446Zm-1.315-.409c0-.868-.161-1.538-.471-2.009-.31-.471-.757-.694-1.34-.694-.582 0-1.004.235-1.326.694-.323.459-.484 1.116-.484 1.972v.459c0 .868.161 1.537.484 2.008.322.472.768.707 1.339.707.57 0 1.029-.235 1.339-.694.31-.459.471-1.141.471-2.021v-.422h-.012ZM88.177 120.404h-1.464v3.038h-1.302v-7.886h2.641c.868 0 1.538.198 2.01.607.47.409.706 1.005.706 1.773 0 .521-.124.968-.372 1.327-.236.36-.583.633-1.017.819l1.687 3.286v.074h-1.401l-1.489-3.038Zm-1.464-1.104h1.34c.446 0 .78-.111 1.029-.347.248-.235.372-.558.372-.955 0-.421-.112-.744-.347-.979-.224-.236-.57-.347-1.03-.36h-1.376v2.641h.012ZM93.707 115.556l2.17 6.051 2.17-6.051h1.686v7.886h-1.302v-2.604l.124-3.472-2.22 6.076h-.93l-2.22-6.076.125 3.472v2.604h-1.302v-7.886h1.699ZM105.586 121.607h-2.914l-.608 1.835H100.7l2.84-7.886h1.178l2.852 7.886h-1.364l-.62-1.835Zm-2.542-1.104h2.182l-1.091-3.273-1.091 3.273ZM113.237 116.659h-2.344v6.783h-1.302v-6.783h-2.331v-1.103h5.964v1.103h.013ZM115.618 123.442h-1.302v-7.886h1.302v7.886ZM123.231 119.697c0 .769-.124 1.451-.384 2.034-.261.583-.62 1.029-1.091 1.339a2.916 2.916 0 0 1-1.637.471c-.62 0-1.153-.149-1.637-.471-.471-.31-.843-.756-1.104-1.339-.26-.583-.384-1.24-.396-1.997v-.446c0-.769.124-1.451.384-2.034.26-.582.632-1.041 1.104-1.351a2.91 2.91 0 0 1 1.636-.471c.62 0 1.154.161 1.625.471.471.31.843.756 1.103 1.327.261.582.385 1.252.397 2.021v.446Zm-1.314-.409c0-.868-.161-1.538-.471-2.009-.31-.471-.757-.694-1.34-.694-.582 0-1.004.235-1.326.694-.323.459-.484 1.116-.484 1.972v.459c0 .868.161 1.537.484 2.008.322.472.768.707 1.339.707.57 0 1.029-.235 1.339-.694.31-.459.471-1.141.471-2.021v-.422h-.012ZM130.498 123.442h-1.302l-3.348-5.592v5.592h-1.302v-7.886h1.302l3.36 5.617v-5.617h1.302v7.886h-.012ZM138.607 121.408c0-.347-.111-.62-.347-.806-.236-.186-.645-.372-1.252-.57-.608-.186-1.092-.409-1.451-.645-.682-.446-1.029-1.041-1.029-1.761 0-.632.248-1.165.744-1.574.496-.41 1.14-.62 1.922-.62.52 0 .992.099 1.401.297.409.199.731.496.967.868s.347.781.347 1.24h-1.302c0-.409-.124-.731-.372-.967s-.595-.347-1.054-.347c-.421 0-.756.099-.992.285-.235.186-.347.459-.347.806 0 .285.124.533.384.732.261.186.67.384 1.265.558.583.186 1.054.384 1.414.62.359.235.62.496.781.806.161.297.248.657.248 1.054 0 .657-.236 1.178-.719 1.574-.484.385-1.129.583-1.959.583a3.533 3.533 0 0 1-1.501-.31 2.584 2.584 0 0 1-1.066-.88c-.248-.372-.372-.806-.372-1.302h1.302c0 .446.136.793.421 1.041.286.248.682.372 1.216.372.458 0 .793-.099 1.029-.285a.999.999 0 0 0 .322-.769ZM143.518 119.288l1.736-3.732h1.45l-2.517 4.984v2.902h-1.314v-2.902l-2.53-4.984h1.451l1.724 3.732ZM151.367 121.408c0-.347-.112-.62-.347-.806-.236-.186-.645-.372-1.253-.57-.607-.186-1.091-.409-1.451-.645-.682-.446-1.029-1.041-1.029-1.761 0-.632.248-1.165.744-1.574.496-.41 1.141-.62 1.922-.62.521 0 .992.099 1.401.297.41.199.732.496.968.868.235.372.347.781.347 1.24h-1.302c0-.409-.124-.731-.372-.967s-.595-.347-1.054-.347c-.422 0-.757.099-.992.285-.236.186-.347.459-.347.806 0 .285.124.533.384.732.26.186.67.384 1.265.558.583.186 1.054.384 1.413.62.36.235.62.496.782.806.161.297.248.657.248 1.054 0 .657-.236 1.178-.72 1.574-.483.385-1.128.583-1.959.583a3.531 3.531 0 0 1-1.5-.31 2.594 2.594 0 0 1-1.067-.88c-.248-.372-.372-.806-.372-1.302h1.302c0 .446.137.793.422 1.041.285.248.682.372 1.215.372.459 0 .794-.099 1.029-.285a1 1 0 0 0 .323-.769ZM159.253 116.659h-2.343v6.783h-1.302v-6.783h-2.332v-1.103h5.965v1.103h.012ZM164.647 119.92h-3.087v2.431h3.608v1.091h-4.923v-7.886h4.886v1.103h-3.571v2.183h3.087v1.078ZM167.933 115.556l2.17 6.051 2.17-6.051h1.687v7.886h-1.302v-2.604l.124-3.472-2.22 6.076h-.93l-2.22-6.076.125 3.472v2.604h-1.303v-7.886h1.699ZM182.478 120.094h-3.025v3.336h-1.302v-7.874h4.786v1.103h-3.472v2.344h3.026v1.091h-.013ZM189.968 119.697c0 .769-.124 1.451-.384 2.034-.261.583-.62 1.029-1.092 1.339a2.91 2.91 0 0 1-1.636.471c-.62 0-1.154-.149-1.637-.471-.471-.31-.843-.756-1.104-1.339-.26-.583-.384-1.24-.396-1.997v-.446c0-.769.124-1.451.384-2.034.26-.582.632-1.041 1.104-1.351a2.91 2.91 0 0 1 1.636-.471c.62 0 1.154.161 1.625.471.471.31.843.756 1.103 1.327.261.582.385 1.252.397 2.021v.446Zm-1.314-.409c0-.868-.162-1.538-.472-2.009-.31-.471-.756-.694-1.339-.694s-1.004.235-1.326.694c-.323.459-.484 1.116-.484 1.972v.459c0 .868.161 1.537.484 2.008.322.472.768.707 1.339.707.57 0 1.029-.235 1.339-.694.31-.459.471-1.141.471-2.021v-.422h-.012ZM194.035 120.404h-1.463v3.038h-1.302v-7.886h2.641c.868 0 1.538.198 2.009.607.471.409.707 1.005.707 1.773 0 .521-.124.968-.372 1.327-.236.36-.583.633-1.017.819l1.686 3.286v.074h-1.401l-1.488-3.038Zm-1.463-1.104h1.339c.447 0 .781-.111 1.029-.347.248-.235.372-.558.372-.955 0-.421-.111-.744-.347-.979-.223-.236-.57-.347-1.029-.36h-1.376v2.641h.012ZM204.91 119.92h-3.088v2.431h3.609v1.091h-4.923v-7.886h4.886v1.103h-3.572v2.183h3.088v1.078ZM212.003 115.556v5.27c0 .843-.261 1.5-.769 1.996-.508.484-1.191.732-2.046.732-.856 0-1.55-.236-2.046-.72-.509-.483-.757-1.153-.757-2.008v-5.27h1.303v5.27c0 .533.123.93.384 1.202.26.273.632.422 1.128.422 1.005 0 1.513-.558 1.513-1.674v-5.22h1.29ZM216.157 120.404h-1.463v3.038h-1.302v-7.886h2.641c.868 0 1.537.198 2.009.607.471.409.706 1.005.706 1.773 0 .521-.124.968-.372 1.327-.235.36-.582.633-1.016.819l1.686 3.286v.074h-1.401l-1.488-3.038Zm-1.451-1.104h1.339c.447 0 .781-.111 1.029-.347.248-.235.372-.558.372-.955 0-.421-.111-.744-.347-.979-.223-.236-.57-.347-1.029-.36h-1.376v2.641h.012ZM226.002 119.697c0 .769-.124 1.451-.384 2.034-.26.583-.62 1.029-1.091 1.339a2.914 2.914 0 0 1-1.637.471c-.62 0-1.153-.149-1.637-.471-.471-.31-.843-.756-1.103-1.339-.261-.583-.385-1.24-.397-1.997v-.446c0-.769.124-1.451.384-2.034.261-.582.633-1.041 1.104-1.351a2.914 2.914 0 0 1 1.637-.471c.62 0 1.153.161 1.624.471.471.31.843.756 1.104 1.327.26.582.384 1.252.396 2.021v.446Zm-1.302-.409c0-.868-.161-1.538-.471-2.009-.31-.471-.756-.694-1.339-.694s-1.004.235-1.327.694c-.322.459-.483 1.116-.483 1.972v.459c0 .868.161 1.537.483 2.008.323.472.769.707 1.339.707.571 0 1.03-.235 1.34-.694.31-.459.471-1.141.471-2.021v-.422h-.013ZM228.619 120.503v2.927h-1.302v-7.874h2.877c.843 0 1.512.223 1.996.682.496.458.744 1.066.744 1.822 0 .757-.248 1.377-.732 1.798-.483.434-1.165.645-2.033.645h-1.55Zm0-1.091h1.575c.471 0 .818-.112 1.066-.347.248-.236.372-.558.372-.992 0-.434-.124-.769-.372-1.017-.248-.26-.595-.384-1.029-.397h-1.612v2.753ZM238.477 119.92h-3.088v2.431h3.609v1.091h-4.923v-7.886h4.885v1.103h-3.571v2.183h3.088v1.078Z"}))))};var gh,uh,fh;function yh(){return yh=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return g.createElement("svg",yh({width:287,height:124,viewBox:"0 0 287 124",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?g.createElement("title",{id:e},c):null,gh||(gh=g.createElement("path",{d:"M286.022-.103v18.37h-36.029v11.541h29.136v17.665h-29.136v13.01h36.029v19h-60.068V-.103h60.068ZM139.373 79.469h-24.51V-.117h24.51v79.586ZM65.282-.103 77.125 45.8 88.32-.103h18.751L85.889 79.483H65.297l-11.165-43.89-10.546 43.89H22.124L.928-.103H23.98l11.18 45.814L46.045-.103h19.237ZM182.325 27.43c9.324 1.952 15.923 3.655 19.841 5.183 3.918 1.527 7.173 4.082 9.854 7.738 2.636 3.656 3.918 7.973 3.918 12.922 0 7.782-3.152 14.155-9.56 19-6.407 4.846-14.774 7.269-25.158 7.269-18.987 0-30.697-7.841-35.145-23.553l22.183-3.935c1.87 6.226 6.687 9.353 14.391 9.353 5.98 0 8.985-1.57 8.985-4.742 0-1.66-.722-2.996-2.106-3.892-1.385-.954-3.874-1.762-7.454-2.467-13.669-2.613-22.433-6.034-26.292-10.205-3.874-4.184-5.833-9.118-5.833-14.771 0-7.313 2.828-13.348 8.366-18.194 5.598-4.845 13.581-7.268 24.054-7.268 15.834 0 26.292 6.358 31.418 19l-19.796 5.933c-2.063-5.183-6.216-7.738-12.476-7.738-5.215 0-7.792 1.57-7.792 4.801 0 1.424.574 2.511 1.767 3.319 1.149.778 3.432 1.527 6.835 2.246ZM22.124 112.566h8.485v-10.602h9.28v-6.373h-9.28v-4.61h12.063v-6.755H22.11v28.34h.014ZM69.79 96.898c.662-1.248 1.001-2.702 1.001-4.332 0-2.51-.913-4.522-2.725-6.064-1.812-1.527-4.345-2.305-7.63-2.305H45.59v28.339h8.735v-10.851h2.754l4.154 10.851h9.677l-5.155-12.363c2.018-.925 3.373-2.027 4.036-3.275Zm-9.103-1.909c-.663.455-1.562.676-2.637.676h-3.726v-5.419h4.02c2.24 0 3.36.91 3.36 2.717 0 .896-.355 1.556-1.017 2.026Zm13.463 17.577h21.402v-6.77h-12.83v-4.625h10.37v-6.285h-10.37v-4.111h12.83v-6.549H74.15v28.34Zm42.745-16.77c-1.428-.557-3.844-1.189-7.247-1.893-1.237-.265-2.077-.544-2.504-.837-.442-.294-.648-.69-.648-1.22 0-1.189.943-1.761 2.843-1.761 2.283 0 3.815.94 4.551 2.834l7.233-2.173c-1.871-4.626-5.701-6.96-11.475-6.96-3.829 0-6.746.88-8.779 2.657-2.032 1.777-3.049 3.994-3.049 6.667 0 2.07.722 3.876 2.136 5.418 1.414 1.527 4.611 2.79 9.604 3.744 1.311.265 2.224.558 2.725.911.501.337.766.822.766 1.424 0 1.16-1.105 1.747-3.285 1.747-2.813 0-4.581-1.145-5.258-3.436l-8.102 1.439c1.62 5.756 5.907 8.634 12.83 8.634 3.785 0 6.849-.881 9.191-2.657 2.342-1.777 3.491-4.112 3.491-6.96 0-1.806-.471-3.392-1.429-4.743-.972-1.336-2.165-2.276-3.594-2.834Zm22.993-1.145h-6.672V84.227h-8.735v28.34h8.735v-11.028h6.672v11.028h8.735v-28.34h-8.735v10.425Zm42.982-10.425-3.977 16.343-4.228-16.343h-6.849l-3.874 16.314-3.977-16.314h-8.204l7.556 28.34h7.645l3.756-15.639 3.977 15.639h7.335l7.512-28.34h-6.672Zm14.464 0-8.779 28.34h7.085l1.709-5.595h7.615l1.606 5.595h8.911l-8.926-28.34h-9.221Zm1.503 16.578 2.312-8.223 2.313 8.223h-4.625Zm14.833-9.794h5.906v21.556h8.278V91.01h5.907v-6.784h-20.062v6.784h-.029Zm21.829 21.556h21.402v-6.77h-12.829v-4.625h10.37v-6.285h-10.37v-4.111h12.829v-6.549h-21.402v28.34Zm45.323-12.364c2.033-.954 3.374-2.056 4.036-3.304.663-1.248 1.002-2.702 1.002-4.332 0-2.51-.913-4.522-2.725-6.064-1.812-1.527-4.345-2.305-7.63-2.305h-14.847v28.339h8.734v-10.851h2.755l4.153 10.851h9.678l-5.156-12.334Zm-5.067-5.213c-.662.455-1.561.676-2.636.676h-3.727v-5.419h4.021c2.239 0 3.359.91 3.359 2.717 0 .896-.339 1.556-1.017 2.026Z",fill:"#00B4D5"})),uh||(uh=g.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M118.854 48.867V44.58c1.665.279 5.023.705 8.146.705 3.123 0 6.746-.544 8.543-.881v4.478c-1.325-.264-4.36-.69-8.543-.69-4.183 0-6.923.411-8.146.675Zm8.161-4.346c2.356 0 4.978-.308 6.864-.602-.192-.03-.383-.044-.604-.073-1.429-.162-3.491-.294-6.275-.294-2.784 0-4.772.132-6.128.294a25.51 25.51 0 0 0-.957.132c1.797.25 4.537.543 7.1.543Zm0-1.747c-2.814 0-4.832.132-6.216.294-.693.088-1.238.176-1.635.264-.398.088-.678.176-.855.264l-.22.103V58.25c.058 2.643.235 6.872.515 10.939.28 4.053.692 7.988 1.237 10.044l.074.279h14.361l.074-.28c.471-1.659 1.488-8.134 1.959-20.983V43.67l-.25-.103c-.383-.147-1.252-.353-2.71-.514-1.444-.147-3.536-.28-6.334-.28Zm-8.161 6.578c.884.485 3.889 1.527 8.544 1.527 4.654 0 7.409-1.042 8.145-1.527v.5c-1.208.587-3.962 1.424-8.145 1.424-4.184 0-7.262-.867-8.544-1.454v-.47Zm.914 13.641c.265 4.714.663 11.938 1.428 13.45.383.779 3.683 1.16 5.244.588.678-.25.236-.602-.559-1.233-.943-.75-2.387-1.91-3.123-3.789-.678-1.718-1.488-5.389-2.121-8.223-.648-2.907-1.105-4.919-.987-2.995.029.617.073 1.365.118 2.202ZM59.714 57.531l5.583 21.952h18.191c.56-2.232 1.458-6.123-1.841-11.938-.854-1.512-1.915-2.878-2.917-4.185-2.268-2.936-4.286-5.565-3.299-8.78 1.547-5.037 4.758-8.517 5.627-8.517.147 0 .176.117.25.338.103.352.265.954 1.12 1.791 1.355 1.351 7.202 5.462 7.954 5.61.883.175.368-.838.073-1.41-.03-.06-.044-.103-.073-.147-.53-.881-1.297-1.982-2.004-2.981-.854-1.219-1.605-2.29-1.694-2.628-.117-.5.148-1.072.413-1.63.147-.309.294-.617.368-.881.015-.044.015-.088.03-.133.235-.895.84-3.23-1.002-4.507-1.753-1.22-4.92-1.028-7.38.587l-.75.558-1.253 5.154-.825-3.201c-3.034 3.407-5.523 6.77-6.098 11.997-.456 4.184.81 8.869 2.931 12.48 1.208 2.056 3.285 5.58 1.532 6.858-2.136 1.542-4.08-2.51-5.052-4.83-.957-2.336-4.065-9.766-9.884-11.557Zm25.763-12.73a.59.59 0 0 1-1.179 0 .59.59 0 0 1 1.179 0ZM38.96 79.468h4.625l5.465-22.775c-.265-.059-1.178-.073-1.959.382-.972.587-.59 1.16.59 1.747.382.191.382 1.16-.973.587-.427-.176-.751-.367-1.031-.513-.604-.338-.958-.53-1.502-.265-.516.265.176.867.869 1.469.338.293.692.602.883.866.752.984 0 1.747-.972.97-.972-.78-1.679-1.176-2.519-.97-.78.19-.972 1.16.192 2.13 1.68 1.394 2.136 3.097.191 3.288-5.023.5-5.626 2.702-5.435 5.419.177 2.452 3.52 3.626 5.303 4.258.191.073.368.132.515.19 1.164.588.192 1.16-1.752 1.16-1.945 0-2.52-.587-2.917-.968a4.305 4.305 0 0 1-.236-.265c-.294-.352-.53-.646-.53.265.03.925.81 2.408 1.193 3.025ZM32.936 101.964c-3.874-1.16-7.07-2.261-9.368-3.142l-.28.72c1.885.719 4.36 1.6 7.32 2.525v-.103h2.328Zm12.638 3.333v.793c2.784.632 5.7 1.248 8.735 1.792v-.793c-3.02-.558-5.951-1.16-8.735-1.792Zm13.905 2.673.324.837c3.285.499 6.658.925 10.075 1.248l-.339-.808c-3.417-.338-6.79-.763-10.06-1.277Zm14.67 1.644v.778c2.902.191 5.834.294 8.75.294 4.655 0 8.838-.059 12.653-.161v-.779c-3.8.103-7.984.162-12.653.162-2.916 0-5.833-.103-8.75-.294Zm25.188 0c.266.265.53.514.825.734 8.102-.352 14.421-1.027 20.268-2.055.207-.279.383-.573.545-.881-6.171 1.13-12.873 1.85-21.638 2.202Zm25.159-2.892v.792a147.82 147.82 0 0 0 8.735-2.143v-.808c-2.991.837-5.833 1.557-8.735 2.159Zm15.392-4.068v.808c2.401-.72 4.935-1.498 7.66-2.335.353-.103.707-.22 1.06-.323v-.808c-.442.133-.869.265-1.296.397-2.636.807-5.096 1.556-7.424 2.261Zm15.511-4.772.206.749c1.119-.367 2.298-.764 3.55-1.19 1.178-.396 2.43-.822 3.741-1.262l-.191-.75c-1.341.441-2.607.882-3.815 1.278-1.238.411-2.401.808-3.491 1.175Zm9.972-3.333-.206.88c3.432-1.115 7.261-2.29 11.533-3.406l-.192-.749c-4.109 1.072-7.806 2.203-11.135 3.275Zm16.085-4.508-.207.837a161.765 161.765 0 0 1 6.923-1.469l.221-.822c-2.415.455-4.728.954-6.937 1.454Zm14.936-2.76-.251.822c3.55-.5 7.291-.925 11.254-1.234l-.236-.763c-3.786.293-7.365.69-10.767 1.174Zm17.292-1.572v.778c2.652-.117 5.391-.176 8.219-.176 3.948 0 7.925.176 11.843.485v-.779c-3.933-.308-7.895-.47-11.843-.47-2.828 0-5.567.045-8.219.162Zm21.815.44v.779c7.439.66 14.7 1.777 21.402 3.083v-.792c-6.702-1.307-13.963-2.409-21.402-3.07Zm25.144 3.848v.793c3.078.66 6.009 1.35 8.749 2.055v-.793a223.768 223.768 0 0 0-8.749-2.055Zm15.937 4.008c-.103.25-.25.47-.456.676 3.284.954 6.142 1.865 8.454 2.687.104-.147.192-.308.28-.455.045-.074.074-.147.118-.22-2.298-.823-5.14-1.733-8.396-2.688ZM265.253 16.828c.25.308.398.778.471 1.424h-12.726c.059-.646.206-1.116.471-1.424.369-.456.943-.558 1.635-.558h.958c-.03-.896.28-1.704.677-2.35a5.436 5.436 0 0 1 1.267-1.424v-.881a4.642 4.642 0 0 1-3.285-4.053h-2.931c-.515.778-2.062 2.32-4.08 2.32-2.519 0-3.889-1.35-3.889-3.48 0-2.129 1.945-3.098 3.889-3.098 1.547 0 3.358 1.292 4.08 1.938h3.329a4.655 4.655 0 0 1 4.242-2.702 4.653 4.653 0 0 1 4.596 3.862h2.975c.516-.778 2.062-2.32 4.08-2.32 2.519 0 3.889 1.351 3.889 3.48 0 2.13-1.944 3.098-3.889 3.098-1.546 0-3.358-1.292-4.08-1.938h-3.181a4.651 4.651 0 0 1-3.035 2.893v.88c.369.28.869.78 1.267 1.425.398.646.707 1.454.678 2.35h.957c.692 0 1.267.102 1.635.558Zm-15.26 7.386h-8.882c-5.745 0-7.704 2.834-7.954 4.258v16.636c-.972 0-1.753.265-1.753 1.351 0 1.087.781 1.351 1.944 1.351h10.871c.972 0 1.547-.425 1.547-1.35 0-.926-.59-1.352-1.547-1.352v-8.516h34.909v-6.784h-29.135v-5.595Zm-15.083 39.22c0-2.966 3.844-10.72 4.242-11.498.015-.029.044-.029.059 0 .398.779 4.242 8.546 4.242 11.498 0 3.127-1.915 5.653-4.272 5.653-2.356 0-4.271-2.526-4.271-5.653Zm51.112-45.593v.426h-4.389c.53-1.072 1.31-2.174 2.18-2.174.765 0 1.59.837 2.209 1.748Zm-45.147 49c.295.132.707-.177.914-.661.206-.485.147-.999-.148-1.116-.294-.132-.707.176-.913.66-.221.485-.147.984.147 1.117ZM179.217 49.705a94.961 94.961 0 0 1-2.71-.602V33.874h-3.683v-2.701h3.683v-1.748h2.71v1.748h18.648c1.679.499 3.108.969 4.301 1.439a21.8 21.8 0 0 1 2.71 1.277H198.1l-2.356 4.288c1.517.235 2.695 1.777 2.695 3.641 0 .984-.324 1.88-.854 2.54l.825 15.463h4.492l-.073.587v.03l.044.058c.014.03.029.059.059.103.044.088.103.19.162.308.221.426.486.999.633 1.557.147.558.206 1.16-.059 1.63-.236.425-.692.704-1.429.763l-.309 2.335h9.309V39.367c.265.338.531.676.781 1.028a19.554 19.554 0 0 1 1.929 3.304v19.397c-1.576 3.51-4.094 6.578-7.571 9.207-6.407 4.845-14.774 7.268-25.158 7.268-1.635 0-3.211-.058-4.728-.176v-7.562h-2.917v-4.64h2.917v-6.608c.854.264 1.753.47 2.71.617v6.005h9.781l1.487-7.708a3.08 3.08 0 0 0 .501-.588l-1.591 8.282h5.73l-.972-7.357h3.844l-.81-15.065a2.797 2.797 0 0 1-1.885.749 2.79 2.79 0 0 1-1.65-.558l-2.091 10.866a4.211 4.211 0 0 0-.221-.867l1.988-10.293c-.677-.675-1.119-1.689-1.119-2.834 0-1.88 1.193-3.436 2.725-3.642l-1.945-4.287h-13.787v15.8h.03Zm14.214-15.83 1.9 4.215 2.313-4.215h-4.213Zm8.853 30.557c.589-.058.883-.279 1.031-.543.176-.338.162-.808.014-1.336a7.98 7.98 0 0 0-.604-1.483l-.441 3.362Z",fill:"#99E1EF"})),fh||(fh=g.createElement("path",{d:"M26.676 120.979h-3.24v3.29h-1.4v-7.768h5.126v1.087h-3.727v2.305h3.24v1.086ZM31.227 121.273h-1.561v2.996h-1.4v-7.768h2.829c.928 0 1.65.205 2.15.602.5.396.751.984.751 1.747 0 .514-.132.955-.397 1.307-.265.353-.619.617-1.09.808l1.811 3.245v.073h-1.502l-1.59-3.01Zm-1.561-1.086h1.443c.472 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.369-.969-.25-.22-.603-.338-1.09-.352H29.68v2.599h-.014ZM40.065 120.803h-3.314v2.394h3.874v1.072h-5.273v-7.768h5.229v1.087h-3.83v2.143h3.314v1.072ZM45.972 122.272a.947.947 0 0 0-.383-.793c-.25-.191-.693-.367-1.34-.558-.649-.191-1.164-.397-1.547-.632-.737-.44-1.105-1.028-1.105-1.747 0-.631.265-1.145.795-1.542.53-.411 1.223-.602 2.062-.602.56 0 1.061.103 1.503.294.442.205.78.484 1.031.851.25.368.383.779.383 1.219h-1.4c0-.411-.132-.719-.397-.954s-.633-.353-1.134-.353c-.457 0-.81.088-1.075.279a.948.948 0 0 0-.384.793c0 .279.133.529.413.72.28.191.722.367 1.355.558.633.176 1.134.382 1.517.616.383.221.663.485.84.793.177.294.265.646.265 1.043 0 .646-.265 1.16-.78 1.542-.516.382-1.209.572-2.092.572-.59 0-1.12-.102-1.606-.308-.486-.206-.869-.499-1.134-.866a2.125 2.125 0 0 1-.398-1.278h1.4c0 .441.147.778.456 1.028.31.235.737.367 1.296.367.486 0 .855-.088 1.09-.279a.936.936 0 0 0 .369-.763ZM55.001 124.269h-1.4v-3.451h-3.608v3.451h-1.4v-7.768h1.4v3.23h3.609v-3.23H55v7.768ZM62.984 122.345l1.238-5.844h1.384l-1.856 7.768h-1.34l-1.532-5.668-1.561 5.668h-1.34l-1.857-7.768h1.385l1.252 5.844 1.547-5.844h1.178l1.502 5.844ZM70.909 122.463h-3.123l-.648 1.806H65.68l3.049-7.768h1.252l3.05 7.768h-1.46l-.662-1.806Zm-2.725-1.087h2.342l-1.164-3.23-1.178 3.23ZM79.114 117.588h-2.52v6.681H75.21v-6.681h-2.49v-1.087h6.394v1.087ZM84.888 120.803h-3.315v2.394h3.874v1.072h-5.273v-7.768h5.23v1.087h-3.83v2.143h3.314v1.072ZM89.542 121.273h-1.561v2.996h-1.4v-7.768h2.828c.928 0 1.65.205 2.151.602.5.396.766.984.766 1.747 0 .514-.132.955-.398 1.307-.265.353-.618.617-1.09.808l1.812 3.245v.073h-1.502l-1.606-3.01Zm-1.561-1.086h1.443c.472 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.369-.969-.25-.22-.604-.338-1.09-.352h-1.472v2.599h-.015ZM97.953 124.269h-1.4v-7.768h1.4v7.768ZM106.069 124.269h-1.399l-3.594-5.507v5.507h-1.4v-7.768h1.4l3.608 5.536v-5.536h1.385v7.768ZM112.373 120.979h-3.24v3.29h-1.4v-7.768h5.126v1.087h-3.726v2.305h3.24v1.086ZM120.401 120.583c0 .764-.133 1.424-.413 2.012-.279.572-.662 1.013-1.178 1.321-.501.309-1.09.455-1.753.455-.663 0-1.237-.146-1.753-.455-.515-.308-.898-.749-1.178-1.321-.28-.573-.412-1.219-.427-1.968v-.44c0-.764.132-1.425.412-2.012a3.085 3.085 0 0 1 1.179-1.336 3.32 3.32 0 0 1 1.752-.47c.663 0 1.238.147 1.739.455.515.308.898.734 1.178 1.307.28.572.412 1.233.427 1.997v.455h.015Zm-1.399-.396c0-.867-.177-1.528-.516-1.983-.339-.455-.81-.69-1.429-.69-.618 0-1.075.235-1.429.69-.338.455-.515 1.102-.515 1.938v.456c0 .851.177 1.512.515 1.982.354.47.825.705 1.444.705s1.09-.22 1.429-.676c.339-.455.501-1.116.501-1.997v-.425ZM124.761 121.273H123.2v2.996h-1.4v-7.768h2.828c.928 0 1.65.205 2.151.602.501.396.751.984.751 1.747 0 .514-.132.955-.398 1.307-.265.353-.618.617-1.09.808l1.812 3.245v.073h-1.502l-1.591-3.01Zm-1.561-1.086h1.443c.471 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.369-.969-.25-.22-.604-.338-1.09-.352h-1.473v2.599h-.014ZM130.682 116.501l2.328 5.962 2.312-5.962h1.812v7.768h-1.399v-2.555l.132-3.422-2.386 5.991h-1.002l-2.371-5.976.132 3.421v2.555h-1.399v-7.782h1.841ZM143.409 122.463h-3.123l-.648 1.806h-1.458l3.049-7.768h1.252l3.049 7.768h-1.458l-.663-1.806Zm-2.725-1.087h2.342l-1.164-3.23-1.178 3.23ZM151.613 117.588h-2.519v6.681h-1.384v-6.681h-2.49v-1.087h6.393v1.087ZM154.147 124.269h-1.4v-7.768h1.4v7.768ZM162.307 120.583c0 .764-.132 1.424-.412 2.012-.28.572-.663 1.013-1.179 1.321-.5.309-1.09.455-1.753.455-.662 0-1.237-.146-1.752-.455-.516-.308-.899-.749-1.179-1.321-.28-.573-.412-1.219-.427-1.968v-.44c0-.764.133-1.425.413-2.012a3.076 3.076 0 0 1 1.178-1.336 3.321 3.321 0 0 1 1.753-.47c.663 0 1.237.147 1.738.455.515.308.898.734 1.178 1.307.28.572.413 1.233.427 1.997v.455h.015Zm-1.399-.396c0-.867-.177-1.528-.516-1.983-.339-.455-.81-.69-1.429-.69-.618 0-1.075.235-1.428.69-.339.455-.516 1.102-.516 1.938v.456c0 .851.177 1.512.516 1.982.353.47.825.705 1.443.705.619 0 1.09-.22 1.429-.676.339-.455.501-1.116.501-1.997v-.425ZM170.099 124.269H168.7l-3.594-5.507v5.507h-1.4v-7.768h1.4l3.609 5.536v-5.536h1.384v7.768ZM178.79 122.272a.948.948 0 0 0-.383-.793c-.251-.191-.693-.367-1.341-.558-.648-.191-1.163-.397-1.546-.632-.737-.44-1.105-1.028-1.105-1.747 0-.631.265-1.145.795-1.542.531-.411 1.223-.602 2.062-.602.56 0 1.061.103 1.503.294.442.205.781.484 1.031.851.25.368.383.779.383 1.219h-1.399c0-.411-.133-.719-.398-.954s-.633-.353-1.134-.353c-.457 0-.81.088-1.076.279a.95.95 0 0 0-.383.793c0 .279.133.529.413.72.28.191.722.367 1.355.558.633.176 1.134.382 1.517.616.383.221.663.485.84.793.177.294.265.646.265 1.043 0 .646-.265 1.16-.781 1.542-.515.382-1.208.572-2.091.572-.59 0-1.12-.102-1.606-.308-.486-.206-.869-.499-1.134-.866a2.126 2.126 0 0 1-.398-1.278h1.4c0 .441.147.778.456 1.028.309.235.737.367 1.296.367.486 0 .855-.088 1.09-.279a.935.935 0 0 0 .369-.763ZM184.048 120.187l1.856-3.686h1.547l-2.696 4.904v2.864h-1.414v-2.864l-2.71-4.904h1.561l1.856 3.686ZM192.459 122.272a.948.948 0 0 0-.383-.793c-.25-.191-.692-.367-1.34-.558-.649-.191-1.164-.397-1.547-.632-.737-.44-1.105-1.028-1.105-1.747 0-.631.265-1.145.796-1.542.53-.411 1.222-.602 2.062-.602.559 0 1.06.103 1.502.294.442.205.781.484 1.031.851.251.368.383.779.383 1.219h-1.399c0-.411-.133-.719-.398-.954s-.633-.353-1.134-.353c-.457 0-.81.088-1.075.279a.947.947 0 0 0-.383.793c0 .279.132.529.412.72.28.191.722.367 1.355.558.634.176 1.135.382 1.518.616.382.221.662.485.839.793.177.294.265.646.265 1.043 0 .646-.265 1.16-.78 1.542-.516.382-1.208.572-2.092.572-.589 0-1.12-.102-1.606-.308-.486-.206-.869-.499-1.134-.866a2.126 2.126 0 0 1-.397-1.278h1.399c0 .441.147.778.456 1.028.31.235.737.367 1.297.367.486 0 .854-.088 1.09-.279.235-.205.368-.455.368-.763ZM200.914 117.588h-2.519v6.681h-1.385v-6.681h-2.489v-1.087h6.393v1.087ZM206.688 120.803h-3.315v2.394h3.874v1.072h-5.273v-7.768h5.229v1.087h-3.83v2.143h3.315v1.072ZM210.193 116.501l2.328 5.962 2.312-5.962h1.812v7.768h-1.399v-2.555l.132-3.422-2.386 5.991h-1.002l-2.371-5.976.133 3.421v2.555h-1.37v-7.782h1.811ZM225.778 120.979h-3.241v3.29h-1.399v-7.768h5.126v1.087h-3.727v2.305h3.241v1.086ZM233.805 120.583c0 .764-.132 1.424-.412 2.012-.28.572-.663 1.013-1.179 1.321-.5.309-1.09.455-1.752.455-.663 0-1.238-.146-1.753-.455-.516-.308-.899-.749-1.179-1.321-.28-.573-.412-1.219-.427-1.968v-.44c0-.764.133-1.425.413-2.012a3.076 3.076 0 0 1 1.178-1.336 3.321 3.321 0 0 1 1.753-.47c.663 0 1.237.147 1.738.455.515.308.898.734 1.178 1.307.28.572.413 1.233.427 1.997v.455h.015Zm-1.399-.396c0-.867-.177-1.528-.516-1.983-.338-.455-.81-.69-1.428-.69-.619 0-1.076.235-1.429.69-.339.455-.516 1.102-.516 1.938v.456c0 .851.177 1.512.516 1.982.353.47.825.705 1.443.705.619 0 1.09-.22 1.429-.676.339-.455.501-1.116.501-1.997v-.425ZM238.165 121.273h-1.561v2.996h-1.399v-7.768h2.828c.928 0 1.649.205 2.15.602.501.396.751.984.751 1.747 0 .514-.132.955-.397 1.307-.265.353-.619.617-1.09.808l1.811 3.245v.073h-1.502l-1.591-3.01Zm-1.561-1.086h1.443c.472 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.368-.969-.251-.22-.604-.338-1.09-.352h-1.473v2.599h-.015ZM249.816 120.803h-3.314v2.394h3.874v1.072h-5.273v-7.768h5.229v1.087h-3.83v2.143h3.314v1.072ZM257.402 116.501v5.198c0 .822-.28 1.483-.825 1.968-.545.484-1.281.719-2.18.719-.898 0-1.649-.235-2.194-.705-.545-.47-.811-1.13-.811-1.982v-5.198h1.4v5.198c0 .514.132.91.412 1.189.28.279.678.412 1.208.412 1.075 0 1.62-.544 1.62-1.645v-5.154h1.37ZM261.865 121.273h-1.561v2.996h-1.399v-7.768h2.828c.928 0 1.649.205 2.15.602.501.396.766.984.766 1.747 0 .514-.132.955-.398 1.307-.265.353-.618.617-1.09.808l1.812 3.245v.073h-1.502l-1.606-3.01Zm-1.561-1.086h1.443c.472 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.368-.969-.251-.22-.604-.338-1.09-.352h-1.473v2.599h-.015ZM272.412 120.583c0 .764-.133 1.424-.413 2.012-.28.572-.663 1.013-1.178 1.321-.501.309-1.09.455-1.753.455-.663 0-1.237-.146-1.753-.455-.515-.308-.898-.749-1.178-1.321-.28-.573-.413-1.219-.427-1.968v-.44c0-.764.132-1.425.412-2.012a3.085 3.085 0 0 1 1.179-1.336 3.32 3.32 0 0 1 1.752-.47c.663 0 1.238.147 1.738.455.516.308.899.734 1.179 1.307.28.572.412 1.233.427 1.997v.455h.015Zm-1.4-.396c0-.867-.176-1.528-.515-1.983-.339-.455-.81-.69-1.429-.69s-1.075.235-1.429.69c-.338.455-.515 1.102-.515 1.938v.456c0 .851.177 1.512.515 1.982.354.47.825.705 1.444.705.618 0 1.09-.22 1.429-.676.338-.455.5-1.116.5-1.997v-.425ZM275.21 121.376v2.893h-1.399v-7.768h3.079c.898 0 1.62.22 2.135.675.531.456.796 1.043.796 1.792 0 .749-.265 1.351-.781 1.777-.515.425-1.237.631-2.18.631h-1.65Zm0-1.072h1.68c.5 0 .883-.117 1.134-.338.265-.22.398-.558.398-.984 0-.425-.133-.748-.398-.998s-.634-.382-1.09-.396h-1.724v2.716ZM285.771 120.803h-3.314v2.394h3.874v1.072h-5.273v-7.768h5.229v1.087h-3.83v2.143h3.314v1.072Z",fill:"#00B4D5"})))};var wh;function qh(){return qh=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return g.createElement("svg",qh({width:287,height:124,viewBox:"0 0 287 124",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?g.createElement("title",{id:e},c):null,wh||(wh=g.createElement("g",{fill:"#fff"},g.createElement("path",{d:"M286.022-.103v18.37h-36.029v11.541h29.136v17.665h-29.136v13.01h36.029v19h-60.068V-.103h60.068ZM139.373 79.469h-24.51V-.117h24.51v79.586ZM65.282-.103 77.125 45.8 88.32-.103h18.751L85.889 79.483H65.297l-11.165-43.89-10.547 43.89h-21.46L.927-.103H23.98l11.18 45.814L46.045-.103h19.237ZM182.325 27.43c9.324 1.952 15.923 3.655 19.841 5.183 3.918 1.527 7.173 4.082 9.854 7.738 2.636 3.656 3.918 7.973 3.918 12.922 0 7.782-3.152 14.155-9.56 19-6.407 4.846-14.774 7.269-25.158 7.269-18.987 0-30.697-7.841-35.145-23.553l22.183-3.935c1.87 6.226 6.687 9.353 14.391 9.353 5.98 0 8.985-1.57 8.985-4.742 0-1.66-.722-2.996-2.106-3.892-1.385-.954-3.874-1.762-7.454-2.467-13.669-2.613-22.433-6.034-26.292-10.205-3.874-4.184-5.833-9.118-5.833-14.771 0-7.313 2.828-13.348 8.366-18.194 5.598-4.845 13.581-7.268 24.054-7.268 15.834 0 26.292 6.358 31.418 19l-19.796 5.933c-2.063-5.183-6.216-7.738-12.476-7.738-5.215 0-7.792 1.57-7.792 4.801 0 1.424.574 2.511 1.767 3.319 1.149.778 3.432 1.527 6.835 2.246ZM22.124 112.566h8.485v-10.602h9.28v-6.373h-9.28v-4.61h12.063v-6.755H22.11v28.34h.014ZM69.79 96.898c.662-1.248 1.001-2.702 1.001-4.332 0-2.51-.913-4.522-2.725-6.064-1.812-1.527-4.345-2.305-7.63-2.305H45.59v28.339h8.734v-10.851h2.755l4.154 10.851h9.677l-5.155-12.363c2.018-.925 3.373-2.027 4.036-3.275Zm-9.103-1.909c-.663.455-1.562.676-2.637.676h-3.727v-5.419h4.022c2.239 0 3.358.91 3.358 2.717 0 .896-.354 1.556-1.016 2.026Zm13.463 17.577h21.402v-6.77h-12.83v-4.625h10.37v-6.285h-10.37v-4.111h12.83v-6.549H74.15v28.34Zm42.745-16.77c-1.428-.557-3.844-1.189-7.247-1.893-1.237-.265-2.077-.544-2.504-.837-.442-.294-.648-.69-.648-1.22 0-1.189.943-1.761 2.843-1.761 2.283 0 3.815.94 4.551 2.834l7.233-2.173c-1.871-4.626-5.701-6.96-11.475-6.96-3.829 0-6.746.88-8.779 2.657-2.032 1.777-3.049 3.994-3.049 6.667 0 2.07.722 3.876 2.136 5.418 1.414 1.527 4.611 2.79 9.604 3.744 1.311.265 2.224.558 2.725.911.501.337.766.822.766 1.424 0 1.16-1.105 1.747-3.285 1.747-2.813 0-4.581-1.145-5.258-3.436l-8.102 1.439c1.62 5.756 5.907 8.634 12.83 8.634 3.785 0 6.849-.881 9.191-2.657 2.342-1.777 3.491-4.112 3.491-6.96 0-1.806-.471-3.392-1.429-4.743-.972-1.336-2.165-2.276-3.594-2.834Zm22.993-1.145h-6.672V84.227h-8.735v28.34h8.735v-11.028h6.672v11.028h8.735v-28.34h-8.735v10.425Zm42.982-10.425-3.977 16.343-4.228-16.343h-6.849l-3.874 16.314-3.977-16.314h-8.204l7.556 28.34h7.645l3.756-15.639 3.977 15.639h7.335l7.512-28.34h-6.672Zm14.464 0-8.779 28.34h7.085l1.709-5.595h7.615l1.606 5.595h8.911l-8.926-28.34h-9.221Zm1.503 16.578 2.312-8.223 2.313 8.223h-4.625Zm14.833-9.794h5.906v21.556h8.278V91.01h5.907v-6.784h-20.062v6.784h-.029Zm21.829 21.556h21.402v-6.77h-12.829v-4.625h10.37v-6.285h-10.37v-4.111h12.829v-6.549h-21.402v28.34Zm45.323-12.364c2.033-.954 3.374-2.056 4.036-3.304.663-1.248 1.002-2.702 1.002-4.332 0-2.51-.913-4.522-2.725-6.064-1.812-1.527-4.345-2.305-7.63-2.305h-14.848v28.339h8.735v-10.851h2.755l4.153 10.851h9.678l-5.156-12.334Zm-5.067-5.213c-.662.455-1.561.676-2.636.676h-3.727v-5.419h4.021c2.239 0 3.359.91 3.359 2.717 0 .896-.339 1.556-1.017 2.026ZM26.676 120.979h-3.24v3.29h-1.4v-7.768h5.126v1.087h-3.727v2.305h3.24v1.086ZM31.227 121.273h-1.561v2.996h-1.4v-7.768h2.829c.928 0 1.65.205 2.15.602.5.396.751.984.751 1.747 0 .514-.132.955-.397 1.307-.265.353-.619.617-1.09.808l1.811 3.245v.073h-1.502l-1.59-3.01Zm-1.561-1.086h1.443c.472 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.369-.969-.25-.22-.603-.338-1.09-.352H29.68v2.599h-.014ZM40.065 120.803h-3.314v2.394h3.874v1.072H35.35v-7.768h5.23v1.087h-3.83v2.143h3.314v1.072ZM45.972 122.272a.947.947 0 0 0-.383-.793c-.25-.191-.693-.367-1.34-.558-.649-.191-1.164-.397-1.547-.632-.737-.44-1.105-1.028-1.105-1.747 0-.631.265-1.145.795-1.542.53-.411 1.223-.602 2.062-.602.56 0 1.061.103 1.503.294.442.205.78.484 1.031.851.25.368.383.779.383 1.219h-1.4c0-.411-.132-.719-.397-.954s-.633-.353-1.134-.353c-.457 0-.81.088-1.075.279a.948.948 0 0 0-.384.793c0 .279.133.529.413.72.28.191.722.367 1.355.558.633.176 1.134.382 1.517.616.383.221.663.485.84.793.177.294.265.646.265 1.043 0 .646-.265 1.16-.78 1.542-.516.382-1.209.572-2.092.572-.59 0-1.12-.102-1.606-.308-.486-.206-.869-.499-1.134-.866a2.125 2.125 0 0 1-.398-1.278h1.4c0 .441.147.778.456 1.028.31.235.737.367 1.296.367.486 0 .855-.088 1.09-.279a.936.936 0 0 0 .369-.763ZM55.001 124.269h-1.4v-3.451h-3.608v3.451h-1.4v-7.768h1.4v3.23h3.609v-3.23h1.4v7.768ZM62.984 122.345l1.238-5.844h1.384l-1.856 7.768h-1.34l-1.532-5.668-1.561 5.668h-1.34l-1.857-7.768h1.385l1.252 5.844 1.547-5.844h1.178l1.502 5.844ZM70.909 122.463h-3.123l-.648 1.806H65.68l3.049-7.768h1.252l3.05 7.768h-1.46l-.662-1.806Zm-2.725-1.087h2.342l-1.164-3.23-1.178 3.23ZM79.114 117.588h-2.52v6.681H75.21v-6.681h-2.49v-1.087h6.394v1.087ZM84.888 120.803h-3.315v2.394h3.874v1.072h-5.273v-7.768h5.23v1.087h-3.83v2.143h3.314v1.072ZM89.542 121.273h-1.561v2.996h-1.4v-7.768h2.828c.928 0 1.65.205 2.151.602.5.396.766.984.766 1.747 0 .514-.132.955-.398 1.307-.265.353-.618.617-1.09.808l1.812 3.245v.073h-1.502l-1.606-3.01Zm-1.561-1.086h1.443c.472 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.369-.969-.25-.22-.604-.338-1.09-.352h-1.472v2.599h-.015ZM97.953 124.269h-1.4v-7.768h1.4v7.768ZM106.069 124.269h-1.399l-3.594-5.507v5.507h-1.4v-7.768h1.4l3.608 5.536v-5.536h1.385v7.768ZM112.373 120.979h-3.24v3.29h-1.4v-7.768h5.126v1.087h-3.726v2.305h3.24v1.086ZM120.401 120.583c0 .764-.133 1.424-.413 2.012-.279.572-.662 1.013-1.178 1.321-.501.309-1.09.455-1.753.455-.663 0-1.237-.146-1.753-.455-.515-.308-.898-.749-1.178-1.321-.28-.573-.412-1.219-.427-1.968v-.44c0-.764.132-1.425.412-2.012a3.085 3.085 0 0 1 1.179-1.336 3.32 3.32 0 0 1 1.752-.47c.663 0 1.238.147 1.739.455.515.308.898.734 1.178 1.307.28.572.412 1.233.427 1.997v.455h.015Zm-1.399-.396c0-.867-.177-1.528-.516-1.983-.339-.455-.81-.69-1.429-.69-.618 0-1.075.235-1.429.69-.338.455-.515 1.102-.515 1.938v.456c0 .851.177 1.512.515 1.982.354.47.825.705 1.444.705s1.09-.22 1.429-.676c.339-.455.501-1.116.501-1.997v-.425ZM124.761 121.273H123.2v2.996h-1.4v-7.768h2.828c.928 0 1.65.205 2.151.602.501.396.751.984.751 1.747 0 .514-.132.955-.398 1.307-.265.353-.618.617-1.09.808l1.812 3.245v.073h-1.502l-1.591-3.01Zm-1.561-1.086h1.443c.471 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.369-.969-.25-.22-.604-.338-1.09-.352h-1.473v2.599h-.014ZM130.682 116.501l2.328 5.962 2.312-5.962h1.812v7.768h-1.399v-2.555l.132-3.422-2.386 5.991h-1.002l-2.371-5.976.132 3.421v2.555h-1.399v-7.782h1.841ZM143.409 122.463h-3.123l-.648 1.806h-1.458l3.049-7.768h1.252l3.049 7.768h-1.458l-.663-1.806Zm-2.725-1.087h2.342l-1.164-3.23-1.178 3.23ZM151.613 117.588h-2.519v6.681h-1.384v-6.681h-2.49v-1.087h6.393v1.087ZM154.147 124.269h-1.4v-7.768h1.4v7.768ZM162.307 120.583c0 .764-.132 1.424-.412 2.012-.28.572-.663 1.013-1.179 1.321-.5.309-1.09.455-1.753.455-.662 0-1.237-.146-1.752-.455-.516-.308-.899-.749-1.179-1.321-.28-.573-.412-1.219-.427-1.968v-.44c0-.764.133-1.425.413-2.012a3.076 3.076 0 0 1 1.178-1.336 3.321 3.321 0 0 1 1.753-.47c.663 0 1.237.147 1.738.455.515.308.898.734 1.178 1.307.28.572.413 1.233.427 1.997v.455h.015Zm-1.399-.396c0-.867-.177-1.528-.516-1.983-.339-.455-.81-.69-1.429-.69-.618 0-1.075.235-1.428.69-.339.455-.516 1.102-.516 1.938v.456c0 .851.177 1.512.516 1.982.353.47.825.705 1.443.705.619 0 1.09-.22 1.429-.676.339-.455.501-1.116.501-1.997v-.425ZM170.099 124.269H168.7l-3.594-5.507v5.507h-1.4v-7.768h1.4l3.609 5.536v-5.536h1.384v7.768ZM178.79 122.272a.948.948 0 0 0-.383-.793c-.251-.191-.693-.367-1.341-.558-.648-.191-1.163-.397-1.546-.632-.737-.44-1.105-1.028-1.105-1.747 0-.631.265-1.145.795-1.542.531-.411 1.223-.602 2.062-.602.56 0 1.061.103 1.503.294.442.205.781.484 1.031.851.25.368.383.779.383 1.219h-1.399c0-.411-.133-.719-.398-.954s-.633-.353-1.134-.353c-.457 0-.81.088-1.076.279a.95.95 0 0 0-.383.793c0 .279.133.529.413.72.28.191.722.367 1.355.558.633.176 1.134.382 1.517.616.383.221.663.485.84.793.177.294.265.646.265 1.043 0 .646-.265 1.16-.781 1.542-.515.382-1.208.572-2.091.572-.59 0-1.12-.102-1.606-.308-.486-.206-.869-.499-1.134-.866a2.126 2.126 0 0 1-.398-1.278h1.4c0 .441.147.778.456 1.028.309.235.737.367 1.296.367.486 0 .855-.088 1.09-.279a.935.935 0 0 0 .369-.763ZM184.048 120.187l1.856-3.686h1.547l-2.696 4.904v2.864h-1.414v-2.864l-2.71-4.904h1.561l1.856 3.686ZM192.459 122.272a.948.948 0 0 0-.383-.793c-.25-.191-.692-.367-1.34-.558-.649-.191-1.164-.397-1.547-.632-.737-.44-1.105-1.028-1.105-1.747 0-.631.265-1.145.796-1.542.53-.411 1.222-.602 2.062-.602.559 0 1.06.103 1.502.294.442.205.781.484 1.031.851.251.368.383.779.383 1.219h-1.399c0-.411-.133-.719-.398-.954s-.633-.353-1.134-.353c-.457 0-.81.088-1.075.279a.947.947 0 0 0-.383.793c0 .279.132.529.412.72.28.191.722.367 1.355.558.634.176 1.135.382 1.518.616.382.221.662.485.839.793.177.294.265.646.265 1.043 0 .646-.265 1.16-.78 1.542-.516.382-1.208.572-2.092.572-.589 0-1.12-.102-1.606-.308-.486-.206-.869-.499-1.134-.866a2.126 2.126 0 0 1-.397-1.278h1.399c0 .441.147.778.456 1.028.31.235.737.367 1.297.367.486 0 .854-.088 1.09-.279.235-.205.368-.455.368-.763ZM200.914 117.588h-2.519v6.681h-1.385v-6.681h-2.489v-1.087h6.393v1.087ZM206.688 120.803h-3.315v2.394h3.874v1.072h-5.273v-7.768h5.229v1.087h-3.83v2.143h3.315v1.072ZM210.193 116.501l2.328 5.962 2.312-5.962h1.812v7.768h-1.399v-2.555l.132-3.422-2.386 5.991h-1.002l-2.371-5.976.133 3.421v2.555h-1.37v-7.782h1.811ZM225.778 120.979h-3.241v3.29h-1.399v-7.768h5.126v1.087h-3.727v2.305h3.241v1.086ZM233.805 120.583c0 .764-.132 1.424-.412 2.012-.28.572-.663 1.013-1.179 1.321-.5.309-1.09.455-1.752.455-.663 0-1.238-.146-1.753-.455-.516-.308-.899-.749-1.179-1.321-.28-.573-.412-1.219-.427-1.968v-.44c0-.764.133-1.425.413-2.012a3.076 3.076 0 0 1 1.178-1.336 3.321 3.321 0 0 1 1.753-.47c.663 0 1.237.147 1.738.455.515.308.898.734 1.178 1.307.28.572.413 1.233.427 1.997v.455h.015Zm-1.399-.396c0-.867-.177-1.528-.516-1.983-.338-.455-.81-.69-1.428-.69-.619 0-1.076.235-1.429.69-.339.455-.516 1.102-.516 1.938v.456c0 .851.177 1.512.516 1.982.353.47.825.705 1.443.705.619 0 1.09-.22 1.429-.676.339-.455.501-1.116.501-1.997v-.425ZM238.165 121.273h-1.561v2.996h-1.399v-7.768h2.828c.928 0 1.649.205 2.15.602.501.396.751.984.751 1.747 0 .514-.132.955-.397 1.307-.265.353-.619.617-1.09.808l1.811 3.245v.073h-1.502l-1.591-3.01Zm-1.561-1.086h1.443c.472 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.368-.969-.251-.22-.604-.338-1.09-.352h-1.473v2.599h-.015ZM249.816 120.803h-3.314v2.394h3.874v1.072h-5.273v-7.768h5.229v1.087h-3.83v2.143h3.314v1.072ZM257.402 116.501v5.198c0 .822-.28 1.483-.825 1.968-.545.484-1.281.719-2.18.719-.898 0-1.649-.235-2.194-.705-.545-.47-.811-1.13-.811-1.982v-5.198h1.4v5.198c0 .514.132.91.412 1.189.28.279.678.412 1.208.412 1.075 0 1.62-.544 1.62-1.645v-5.154h1.37ZM261.865 121.273h-1.561v2.996h-1.399v-7.768h2.828c.928 0 1.649.205 2.15.602.501.396.766.984.766 1.747 0 .514-.132.955-.398 1.307-.265.353-.618.617-1.09.808l1.812 3.245v.073h-1.502l-1.606-3.01Zm-1.561-1.086h1.443c.472 0 .84-.118 1.105-.338.265-.235.398-.543.398-.94 0-.396-.118-.734-.368-.969-.251-.22-.604-.338-1.09-.352h-1.473v2.599h-.015ZM272.412 120.583c0 .764-.133 1.424-.413 2.012-.28.572-.663 1.013-1.178 1.321-.501.309-1.09.455-1.753.455-.663 0-1.237-.146-1.753-.455-.515-.308-.898-.749-1.178-1.321-.28-.573-.413-1.219-.427-1.968v-.44c0-.764.132-1.425.412-2.012a3.085 3.085 0 0 1 1.179-1.336 3.32 3.32 0 0 1 1.752-.47c.663 0 1.238.147 1.738.455.516.308.899.734 1.179 1.307.28.572.412 1.233.427 1.997v.455h.015Zm-1.4-.396c0-.867-.176-1.528-.515-1.983-.339-.455-.81-.69-1.429-.69s-1.075.235-1.429.69c-.338.455-.515 1.102-.515 1.938v.456c0 .851.177 1.512.515 1.982.354.47.825.705 1.444.705.618 0 1.09-.22 1.429-.676.338-.455.5-1.116.5-1.997v-.425ZM275.21 121.376v2.893h-1.399v-7.768h3.079c.898 0 1.62.22 2.135.675.531.456.796 1.043.796 1.792 0 .749-.265 1.351-.781 1.777-.515.425-1.237.631-2.18.631h-1.65Zm0-1.072h1.68c.5 0 .883-.117 1.134-.338.265-.22.398-.558.398-.984 0-.425-.133-.748-.398-.998s-.634-.382-1.09-.396h-1.724v2.716ZM285.771 120.803h-3.314v2.394h3.874v1.072h-5.273v-7.768h5.229v1.087h-3.83v2.143h3.314v1.072Z"}))))};var Eh,zh,Hh;function Oh(){return Oh=Object.assign?Object.assign.bind():function(h){for(var c=1;c{let{title:c,titleId:e,...l}=h;return g.createElement("svg",Oh({width:95,height:22,viewBox:"0 0 95 22",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},l),c?g.createElement("title",{id:e},c):null,Eh||(Eh=g.createElement("g",{clipPath:"url(#a)",fill:"#3D5265"},g.createElement("path",{d:"M18.03 16.224H4.744c-.524 0-.95.402-.95.898s.426.898.95.898h13.284c.524 0 .949-.402.949-.898s-.425-.898-.949-.898Z"}),g.createElement("path",{d:"M3.796 15.325v1.797c0 .495.425.898.949.898s.949-.402.949-.898v-1.796c0-.496-.425-.899-.95-.899-.523 0-.948.403-.948.899ZM17.08 15.325v1.797c0 .495.425.898.949.898s.949-.402.949-.898v-1.796c0-.496-.425-.899-.949-.899s-.949.403-.949.899ZM11.386 13.53a.987.987 0 0 1-.55-.162L7.04 10.836a.894.894 0 0 1-.386-.58.86.86 0 0 1 .159-.668.929.929 0 0 1 .27-.243.982.982 0 0 1 .719-.117.976.976 0 0 1 .34.144l3.244 2.146 3.227-2.298a.99.99 0 0 1 .703-.17.96.96 0 0 1 .625.35c.151.19.216.43.18.665a.89.89 0 0 1-.37.591l-3.795 2.694a.985.985 0 0 1-.57.18Z"}),g.createElement("path",{d:"M11.386 11.734a.977.977 0 0 1-.67-.263.874.874 0 0 1-.278-.635V3.652c0-.238.1-.467.277-.635a.977.977 0 0 1 .671-.263c.252 0 .493.095.671.263a.874.874 0 0 1 .278.635v7.184c0 .238-.1.466-.278.635a.977.977 0 0 1-.67.263Z"}))),zh||(zh=g.createElement("path",{d:"M34.622 15.901h-2.078l.014-1.073h2.064c.711 0 1.303-.148 1.777-.444.474-.301.83-.72 1.067-1.258.241-.542.362-1.176.362-1.9v-.609c0-.57-.068-1.075-.205-1.517a3.071 3.071 0 0 0-.601-1.128 2.541 2.541 0 0 0-.971-.704 3.337 3.337 0 0 0-1.306-.24h-2.242v-1.08h2.242c.652 0 1.247.11 1.784.328.538.215 1 .527 1.388.937.392.405.693.898.902 1.476.21.575.315 1.222.315 1.942v.595c0 .72-.105 1.37-.315 1.948a3.97 3.97 0 0 1-2.331 2.406c-.551.214-1.173.321-1.866.321Zm-1.374-9.953v9.953h-1.32V5.948h1.32Zm7.482 6.337v-.157c0-.533.077-1.028.232-1.483.155-.46.378-.86.67-1.197a2.989 2.989 0 0 1 1.06-.793 3.29 3.29 0 0 1 1.394-.287c.52 0 .987.096 1.402.287.419.187.774.451 1.066.793.296.337.522.736.677 1.197.155.455.232.95.232 1.483v.157a4.58 4.58 0 0 1-.232 1.484c-.155.455-.38.854-.677 1.196a3.1 3.1 0 0 1-1.06.793c-.41.187-.874.28-1.394.28-.52 0-.987-.093-1.401-.28a3.17 3.17 0 0 1-1.067-.793 3.612 3.612 0 0 1-.67-1.196 4.58 4.58 0 0 1-.232-1.484Zm1.265-.157v.157c0 .37.043.718.13 1.046.086.324.216.61.389.861.178.251.399.45.663.595.264.141.572.212.923.212.346 0 .65-.07.91-.212.264-.146.482-.344.655-.595.174-.25.303-.537.39-.86a3.89 3.89 0 0 0 .137-1.047v-.157c0-.365-.046-.709-.137-1.032a2.658 2.658 0 0 0-.396-.869 1.885 1.885 0 0 0-.657-.601 1.84 1.84 0 0 0-.916-.219c-.346 0-.651.073-.916.219-.26.146-.478.346-.656.601-.173.251-.303.54-.39.869-.086.323-.13.667-.13 1.032Zm9.067 2.46 1.9-6.083h.835l-.164 1.21-1.935 6.186h-.813l.177-1.312Zm-1.278-6.083 1.62 6.152.116 1.244h-.854l-2.147-7.396h1.265Zm5.831 6.104 1.545-6.104h1.258L56.27 15.9h-.847l.191-1.292Zm-1.634-6.104 1.86 5.981.212 1.415h-.807l-1.99-6.2-.163-1.196h.888Zm7.14 1.579v5.817h-1.265V8.505h1.197l.068 1.579Zm-.3 1.839-.527-.02c.005-.507.08-.974.226-1.402.145-.433.35-.809.615-1.128a2.742 2.742 0 0 1 2.167-1.005c.364 0 .693.05.984.15.292.096.54.251.745.465.21.215.37.493.479.834.11.338.164.75.164 1.238V15.9h-1.272v-4.86c0-.387-.056-.697-.17-.93a1.05 1.05 0 0 0-.5-.512c-.218-.11-.487-.164-.806-.164-.315 0-.602.066-.861.198a2.06 2.06 0 0 0-.664.547 2.752 2.752 0 0 0-.43.8c-.1.296-.15.61-.15.943ZM69.108 5.4v10.5h-1.272v-10.5h1.272Zm1.835 6.884v-.157c0-.533.078-1.028.233-1.483.154-.46.378-.86.67-1.197a2.989 2.989 0 0 1 1.06-.793 3.29 3.29 0 0 1 1.394-.287c.52 0 .986.096 1.401.287.42.187.775.451 1.066.793.297.337.522.736.677 1.197.155.455.233.95.233 1.483v.157a4.58 4.58 0 0 1-.233 1.484c-.155.455-.38.854-.677 1.196a3.1 3.1 0 0 1-1.06.793c-.41.187-.874.28-1.394.28-.52 0-.986-.093-1.401-.28a3.17 3.17 0 0 1-1.066-.793 3.612 3.612 0 0 1-.67-1.196 4.58 4.58 0 0 1-.233-1.484Zm1.265-.157v.157c0 .37.043.718.13 1.046.086.324.216.61.39.861.177.251.398.45.662.595.265.141.572.212.923.212.347 0 .65-.07.91-.212.264-.146.483-.344.656-.595.173-.25.303-.537.39-.86a3.89 3.89 0 0 0 .136-1.047v-.157c0-.365-.046-.709-.137-1.032a2.66 2.66 0 0 0-.396-.869 1.885 1.885 0 0 0-.656-.601 1.84 1.84 0 0 0-.916-.219c-.347 0-.652.073-.916.219-.26.146-.479.346-.657.601-.173.251-.303.54-.39.869-.086.323-.13.667-.13 1.032Zm11.556 2.509v-3.808c0-.292-.06-.545-.178-.759a1.163 1.163 0 0 0-.52-.506c-.232-.118-.519-.177-.86-.177-.32 0-.6.054-.842.164-.237.11-.423.253-.56.43a.944.944 0 0 0-.198.575h-1.265c0-.265.068-.527.205-.786.137-.26.333-.495.588-.705.26-.214.57-.382.93-.505.364-.128.77-.192 1.216-.192.538 0 1.012.091 1.422.274.415.182.739.458.971.827.237.364.355.822.355 1.374v3.445c0 .246.021.508.062.786.046.278.112.518.198.718v.11h-1.32a2.366 2.366 0 0 1-.15-.582 4.68 4.68 0 0 1-.054-.683Zm.219-3.22.013.889H82.72c-.36 0-.681.03-.964.089-.282.054-.52.139-.71.253a1.202 1.202 0 0 0-.438.43c-.1.169-.15.367-.15.595 0 .232.052.444.156.636.105.191.263.344.472.458.214.109.476.164.786.164.388 0 .73-.082 1.026-.246.296-.165.53-.365.704-.602.177-.237.273-.467.287-.69l.54.608a1.836 1.836 0 0 1-.26.636 3.062 3.062 0 0 1-1.401 1.196c-.32.137-.68.205-1.08.205-.502 0-.941-.098-1.32-.294a2.256 2.256 0 0 1-.875-.786 2.082 2.082 0 0 1-.307-1.114c0-.397.077-.745.232-1.046.155-.306.378-.558.67-.759a3.18 3.18 0 0 1 1.053-.465c.41-.105.868-.157 1.374-.157h1.47Zm7.837 3.049V5.4h1.271v10.5H91.93l-.11-1.435Zm-4.977-2.18v-.144c0-.566.069-1.078.205-1.538.142-.465.34-.864.595-1.197a2.69 2.69 0 0 1 .923-.765c.36-.183.761-.274 1.203-.274.465 0 .87.082 1.217.246.35.16.647.394.889.704.246.306.44.675.58 1.108.142.433.24.923.294 1.47v.628a6.442 6.442 0 0 1-.293 1.463 3.451 3.451 0 0 1-.581 1.108 2.43 2.43 0 0 1-.89.704c-.35.16-.76.24-1.23.24-.433 0-.83-.094-1.19-.281a2.806 2.806 0 0 1-.922-.786 3.832 3.832 0 0 1-.595-1.19 5.238 5.238 0 0 1-.205-1.497Zm1.272-.144v.143c0 .37.036.716.11 1.04.077.323.195.608.355.854.16.246.362.44.608.58.246.137.54.206.882.206.42 0 .763-.089 1.032-.267.273-.178.492-.412.656-.704a4.06 4.06 0 0 0 .383-.95v-1.648a3.65 3.65 0 0 0-.24-.724 2.233 2.233 0 0 0-.396-.629 1.714 1.714 0 0 0-.594-.444 1.927 1.927 0 0 0-.828-.164 1.75 1.75 0 0 0-.895.218 1.744 1.744 0 0 0-.608.588 2.72 2.72 0 0 0-.356.861 4.72 4.72 0 0 0-.11 1.04Z",fill:"#3D5265"})),Hh||(Hh=g.createElement("defs",null,g.createElement("clipPath",{id:"a"},g.createElement("path",{fill:"#fff",transform:"translate(0 .06)",d:"M0 0h22.773v21.552H0z"})))))},xh={toc:[{value:"EEA logo",id:"eea-logo",children:[],level:3},{value:"EEA logo dark",id:"eea-logo-dark",children:[],level:3},{value:"Thematic websites",id:"thematic-websites",children:[{value:"Biodiversity",id:"biodiversity",children:[],level:3},{value:"Biodiversity logo dark",id:"biodiversity-logo-dark",children:[],level:3},{value:"Forest Information System",id:"forest-information-system",children:[],level:3},{value:"Forest Information System dark",id:"forest-information-system-dark",children:[],level:3},{value:"Wise Freshwater",id:"wise-freshwater",children:[],level:3},{value:"Wise Freshwater dark",id:"wise-freshwater-dark",children:[],level:3},{value:"Wise Marine",id:"wise-marine",children:[],level:3},{value:"Wise Marine dark",id:"wise-marine-dark",children:[],level:3}],level:2}]},kh="wrapper";function Th(h){let{components:c,...l}=h;return(0,u.yg)(kh,(0,p.c)({},xh,l,{components:c,mdxType:"MDXLayout"}),(0,u.yg)("div",{className:"rowLogos"},(0,u.yg)("div",null,(0,u.yg)("h3",{id:"eea-logo"},"EEA logo"),(0,u.yg)("div",{className:"thematicLogoWrapper"},(0,u.yg)(b,{mdxType:"EEALogo"})),(0,u.yg)("p",null,(0,u.yg)("a",{target:"_blank",href:e(636).c},(0,u.yg)(Lh,{mdxType:"Download"})))),(0,u.yg)("div",null,(0,u.yg)("h3",{id:"eea-logo-dark"},"EEA logo dark"),(0,u.yg)("div",{className:"thematicLogoWrapper dark"},(0,u.yg)(j,{mdxType:"EEALogoDark"})),(0,u.yg)("p",null,(0,u.yg)("a",{target:"_blank",href:e(9032).c},(0,u.yg)(Lh,{mdxType:"Download"})))),(0,u.yg)("br",null)),(0,u.yg)("h2",{id:"thematic-websites"},"Thematic websites"),(0,u.yg)("br",null),(0,u.yg)("div",{className:"rowLogos"},(0,u.yg)("div",null,(0,u.yg)("h3",{id:"biodiversity"},"Biodiversity"),(0,u.yg)("div",{className:"thematicLogoWrapper"},(0,u.yg)(B,{mdxType:"BiseLogo"})),(0,u.yg)("p",null,(0,u.yg)("a",{target:"_blank",href:e(2812).c},(0,u.yg)(Lh,{mdxType:"Download"})))),(0,u.yg)("div",null,(0,u.yg)("h3",{id:"biodiversity-logo-dark"},"Biodiversity logo dark"),(0,u.yg)("div",{className:"thematicLogoWrapper dark"},(0,u.yg)(X,{mdxType:"BiseLogoDark"})),(0,u.yg)("p",null,(0,u.yg)("a",{target:"_blank",href:e(6024).c},(0,u.yg)(Lh,{mdxType:"Download"}))))),(0,u.yg)("div",{className:"rowLogos"},(0,u.yg)("div",null,(0,u.yg)("h3",{id:"forest-information-system"},"Forest Information System"),(0,u.yg)("div",{className:"thematicLogoWrapper"},(0,u.yg)(Y,{mdxType:"FiseLogo"})),(0,u.yg)("p",null,(0,u.yg)("a",{target:"_blank",href:e(1720).c},(0,u.yg)(Lh,{mdxType:"Download"})))),(0,u.yg)("div",null,(0,u.yg)("h3",{id:"forest-information-system-dark"},"Forest Information System dark"),(0,u.yg)("div",{className:"thematicLogoWrapper dark"},(0,u.yg)(eh,{mdxType:"FiseLogoDark"})),(0,u.yg)("p",null,(0,u.yg)("a",{target:"_blank",href:e(1292).c},(0,u.yg)(Lh,{mdxType:"Download"}))))),(0,u.yg)("div",{className:"rowLogos"},(0,u.yg)("div",null,(0,u.yg)("h3",{id:"wise-freshwater"},"Wise Freshwater"),(0,u.yg)("div",{className:"thematicLogoWrapper"},(0,u.yg)(bh,{mdxType:"WiseFLogo"})),(0,u.yg)("p",null,(0,u.yg)("a",{target:"_blank",href:e(1556).c},(0,u.yg)(Lh,{mdxType:"Download"})))),(0,u.yg)("div",null,(0,u.yg)("h3",{id:"wise-freshwater-dark"},"Wise Freshwater dark"),(0,u.yg)("div",{className:"thematicLogoWrapper dark"},(0,u.yg)(Vh,{mdxType:"WiseFLogoDark"})),(0,u.yg)("p",null,(0,u.yg)("a",{target:"_blank",href:e(8388).c},(0,u.yg)(Lh,{mdxType:"Download"}))))),(0,u.yg)("div",{className:"rowLogos"},(0,u.yg)("div",null,(0,u.yg)("h3",{id:"wise-marine"},"Wise Marine"),(0,u.yg)("div",{className:"thematicLogoWrapper"},(0,u.yg)(mh,{mdxType:"WiseMLogo"})),(0,u.yg)("p",null,(0,u.yg)("a",{target:"_blank",href:e(384).c},(0,u.yg)(Lh,{mdxType:"Download"})))),(0,u.yg)("div",null,(0,u.yg)("h3",{id:"wise-marine-dark"},"Wise Marine dark"),(0,u.yg)("div",{className:"thematicLogoWrapper dark"},(0,u.yg)(ph,{mdxType:"WiseMLogoDark"})),(0,u.yg)("p",null,(0,u.yg)("a",{target:"_blank",href:e(484).c},(0,u.yg)(Lh,{mdxType:"Download"}))))))}Th.isMDXComponent=!0;Dh="AccordionJSDoc";var Dh;const jh={title:"Logo",description:"",hide_table_of_contents:!0},Nh=void 0,Ch={unversionedId:"webdev/Components/Logo",id:"webdev/Components/Logo",title:"Logo",description:"",source:"@site/docs/webdev/5-Components/14-Logo.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Logo",permalink:"/volto-eea-design-system/docs/webdev/Components/Logo",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/logo_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:14,frontMatter:{title:"Logo",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"List",permalink:"/volto-eea-design-system/docs/webdev/Components/Lists"},next:{title:"Image",permalink:"/volto-eea-design-system/docs/webdev/Components/Image"}},Rh=[],Ih={toc:Rh},Ph="wrapper";function Ah(h){let{components:c,...e}=h;return(0,u.yg)(Ph,(0,p.c)({},Ih,e,{components:c,mdxType:"MDXLayout"}),(0,u.yg)(f.cp,{usage:(0,u.yg)(R,{mdxType:"Usage"}),showcase:(0,u.yg)(Th,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}Ah.isMDXComponent=!0},4620:(h,c,e)=>{e.d(c,{cp:()=>o});var l=e(5072),v=(e(1504),e(5788)),a=e(8264);function t(){const{siteConfig:h}=(0,a.c)(),{customFields:c}=h;return c.storyBookUrl}const n={toc:[],getUrl:t},r="wrapper";function o(h){let{components:c,...e}=h;return(0,v.yg)(r,(0,l.c)({},n,e,{components:c,mdxType:"MDXLayout"}),(0,v.yg)("div",{className:"frameWrapper"},(0,v.yg)("iframe",{style:{height:(e.height?e.height:300)+"px"},src:t()+"/iframe.html?id="+e.id,title:"description"})))}o.isMDXComponent=!0},7144:(h,c,e)=>{e.d(c,{cp:()=>u});var l=e(5072),v=e(1504),a=e(5788),t=e(3664),n=e(7676);const r=function(){const h=(0,v.useContext)(n.c);if(null==h)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return h};var o=e(7572),i=e(4971);const s={tabItem:"tabItem_vU9c"};function Z(h){const{lazy:c,block:e,defaultValue:l,values:a,groupId:t,className:n}=h,Z=v.Children.map(h.children,(h=>{if((0,v.isValidElement)(h)&&void 0!==h.props.value)return h;throw new Error(`Docusaurus error: Bad child <${"string"==typeof h.type?h.type:h.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??Z.map((h=>{let{props:{value:c,label:e}}=h;return{value:c,label:e}})),d=(0,o.wn)(m,((h,c)=>h.value===c.value));if(d.length>0)throw new Error(`Docusaurus error: Duplicate values "${d.map((h=>h.value)).join(", ")}" found in . Every value needs to be unique.`);const M=null===l?l:l??Z.find((h=>h.props.default))?.props.value??Z[0]?.props.value;if(null!==M&&!m.some((h=>h.value===M)))throw new Error(`Docusaurus error: The has a defaultValue "${M}" but none of its children has the corresponding value. Available values are: ${m.map((h=>h.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:p,setTabGroupChoices:g}=r(),[u,f]=(0,v.useState)(M),y=[],{blockElementScrollPositionUntilNextRender:b}=(0,o.MV)();if(null!=t){const h=p[t];null!=h&&h!==u&&m.some((c=>c.value===h))&&f(h)}const w=h=>{const c=h.currentTarget,e=y.indexOf(c),l=m[e].value;l!==u&&(b(c),f(l),null!=t&&g(t,l))},q=h=>{let c=null;switch(h.key){case"ArrowRight":{const e=y.indexOf(h.currentTarget)+1;c=y[e]||y[0];break}case"ArrowLeft":{const e=y.indexOf(h.currentTarget)-1;c=y[e]||y[y.length-1];break}}c?.focus()};return v.createElement("div",{className:"tabs-container"},v.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,i.c)("tabs",{"tabs--block":e},n)},m.map((h=>{let{value:c,label:e}=h;return v.createElement("li",{role:"tab",tabIndex:u===c?0:-1,"aria-selected":u===c,className:(0,i.c)("tabs__item",s.tabItem,{"tabs__item--active":u===c}),key:c,ref:h=>y.push(h),onKeyDown:q,onFocus:w,onClick:w},e??c)}))),c?(0,v.cloneElement)(Z.filter((h=>h.props.value===u))[0],{className:"margin-vert--md"}):v.createElement("div",{className:"margin-vert--md"},Z.map(((h,c)=>(0,v.cloneElement)(h,{key:c,hidden:h.props.value!==u})))))}function m(h){const c=(0,t.c)();return v.createElement(Z,(0,l.c)({key:String(c)},h))}const d=function(h){let{children:c,hidden:e,className:l}=h;return v.createElement("div",{role:"tabpanel",hidden:e,className:l},c)};function M(h){let c=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return h.api&&c.push({label:"API",value:"api"}),h.playground&&c.push({label:"Playground",value:"playground"}),c}const p={toc:[],getValues:M},g="wrapper";function u(h){let{components:c,...e}=h;return(0,a.yg)(g,(0,l.c)({},p,e,{components:c,mdxType:"MDXLayout"}),(0,a.yg)(m,{defaultValue:"usage",values:M(e),mdxType:"Tabs"},(0,a.yg)(d,{value:"usage",mdxType:"TabItem"},e.usage),(0,a.yg)(d,{value:"showcase",mdxType:"TabItem"},e.showcase),(0,a.yg)(d,{value:"api",mdxType:"TabItem"},e.api)))}u.isMDXComponent=!0},6024:(h,c,e)=>{e.d(c,{c:()=>l});const l=e.p+"assets/files/bise-logo-white-6a0d35411ec5ce5ce7321d408762d6e1.zip"},2812:(h,c,e)=>{e.d(c,{c:()=>l});const l=e.p+"assets/files/bise-logo-3f929a19a21caa603f68610ff1c672b2.zip"},9032:(h,c,e)=>{e.d(c,{c:()=>l});const l=e.p+"assets/files/eea-logo-white-46129f92b5d9df0df6fabb46cb046c9c.zip"},636:(h,c,e)=>{e.d(c,{c:()=>l});const l=e.p+"assets/files/eea-logo-20d1de287d862d5bde60ece1912e2424.zip"},1292:(h,c,e)=>{e.d(c,{c:()=>l});const l=e.p+"assets/files/fise-logo-white-fe3a6494ea20927e962daef3dae6db7c.zip"},1720:(h,c,e)=>{e.d(c,{c:()=>l});const l=e.p+"assets/files/fise-logo-96921311d8051683b3cb7e77afcddc95.zip"},8388:(h,c,e)=>{e.d(c,{c:()=>l});const l=e.p+"assets/files/wise-freshwater-logo-white-13766413b602ebefbb3faae94fc16b1b.zip"},1556:(h,c,e)=>{e.d(c,{c:()=>l});const l=e.p+"assets/files/wise-freshwater-logo-a49dbda5549b443a37e0db8fefec119e.zip"},484:(h,c,e)=>{e.d(c,{c:()=>l});const l=e.p+"assets/files/wise-marine-logo-white-4c4c0c3cd72bf7e8511ff6d60ef92ddf.zip"},384:(h,c,e)=>{e.d(c,{c:()=>l});const l=e.p+"assets/files/wise-marine-logo-ff927f268c7d885badbfca29d880bc0c.zip"},8380:(h,c,e)=>{e.d(c,{c:()=>l});const l=e.p+"assets/images/logo-white-bcacedf66c8e3bc5a99a5f3f28f1d228.png"}}]); \ No newline at end of file diff --git a/docs/assets/js/86298114.320f5087.js b/docs/assets/js/86298114.320f5087.js new file mode 100644 index 0000000000..53b0374dc5 --- /dev/null +++ b/docs/assets/js/86298114.320f5087.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5516],{8520:e=>{e.exports=JSON.parse('{"title":"Web development","slug":"/category/web-development","permalink":"/volto-eea-design-system/docs/category/web-development","navigation":{"previous":{"title":"What\'s new","permalink":"/volto-eea-design-system/docs/whatsnew"},"next":{"title":"Guidelines","permalink":"/volto-eea-design-system/docs/category/guidelines"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/86298114.52def2ee.js b/docs/assets/js/86298114.52def2ee.js deleted file mode 100644 index 9844710b83..0000000000 --- a/docs/assets/js/86298114.52def2ee.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2543],{429:e=>{e.exports=JSON.parse('{"title":"Web development","slug":"/category/web-development","permalink":"/volto-eea-design-system/docs/category/web-development","navigation":{"previous":{"title":"What\'s new","permalink":"/volto-eea-design-system/docs/whatsnew"},"next":{"title":"Guidelines","permalink":"/volto-eea-design-system/docs/category/guidelines"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/8effdd7e.78438c01.js b/docs/assets/js/8effdd7e.a0c24bc2.js similarity index 53% rename from docs/assets/js/8effdd7e.78438c01.js rename to docs/assets/js/8effdd7e.a0c24bc2.js index 5b61f3bb98..d5dcea0108 100644 --- a/docs/assets/js/8effdd7e.78438c01.js +++ b/docs/assets/js/8effdd7e.a0c24bc2.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6671],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>v});var o=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u=o.createContext({}),i=function(e){var t=o.useContext(u),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=i(e.components);return o.createElement(u.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,u=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=i(n),m=r,v=p["".concat(u,".").concat(m)]||p[m]||d[m]||a;return n?o.createElement(v,l(l({ref:t},c),{},{components:n})):o.createElement(v,l({ref:t},c))}));function v(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var u in t)hasOwnProperty.call(t,u)&&(s[u]=t[u]);s.originalType=e,s[p]="string"==typeof e?e:r,l[1]=s;for(var i=2;i{n.r(t),n.d(t,{contentTitle:()=>f,default:()=>w,frontMatter:()=>v,metadata:()=>b,toc:()=>h});var o=n(7462),r=(n(7294),n(3905)),a=n(4037);const l={toc:[{value:"Dont's",id:"donts",children:[],level:3}]},s="wrapper";function u(e){let{components:t,...n}=e;return(0,r.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"Quote is a key phrase, quotation, or excerpt that has been pulled from an article and used as a page layout graphic element, serving to entice readers into the article or to highlight a key topic."),(0,r.kt)("h3",{id:"donts"},"Dont's"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Do not use more than one quote per page"),(0,r.kt)("li",{parentName:"ul"},"Do not use long text or job title")))}u.isMDXComponent=!0;var i=n(7521);const c={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Reversed",id:"reversed",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,r.kt)(p,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default"},"Default"),(0,r.kt)(i.ZP,{id:"components-quote--default",height:"700",mdxType:"Iframe"}," "),(0,r.kt)("br",null),(0,r.kt)("br",null),(0,r.kt)("h2",{id:"reversed"},"Reversed"),(0,r.kt)(i.ZP,{id:"components-quote--reversed",height:"700",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="TableJSDoc";var m;const v={title:"Quote",description:"",hide_table_of_contents:!0},f=void 0,b={unversionedId:"webdev/Components/Quote/Quote",id:"webdev/Components/Quote/Quote",title:"Quote",description:"",source:"@site/docs/webdev/5-Components/21-Quote/1-Quote.mdx",sourceDirName:"webdev/5-Components/21-Quote",slug:"/webdev/Components/Quote/Quote",permalink:"/volto-eea-design-system/docs/webdev/Components/Quote/Quote",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/quote_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Quote",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Quotes",permalink:"/volto-eea-design-system/docs/category/quotes"},next:{title:"Testimonial",permalink:"/volto-eea-design-system/docs/webdev/Components/Quote/Testimonial"}},h=[],y={toc:h},g="wrapper";function w(e){let{components:t,...n}=e;return(0,r.kt)(g,(0,o.Z)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(u,{mdxType:"Usage"}),showcase:(0,r.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>i});var o=n(7462),r=(n(7294),n(3905)),a=n(2263);function l(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},u="wrapper";function i(e){let{components:t,...n}=e;return(0,r.kt)(u,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}i.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var o=n(7462),r=n(7294),a=n(3905),l=n(2389),s=n(9443);const u=function(){const e=(0,r.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var i=n(3810),c=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),v=(0,i.lx)(m,((e,t)=>e.value===t.value));if(v.length>0)throw new Error(`Docusaurus error: Duplicate values "${v.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==f&&!m.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:h}=u(),[y,g]=(0,r.useState)(f),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,i.o5)();if(null!=l){const e=b[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&g(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==y&&(k(t),g(o),null!=l&&h(l,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return r.createElement(d,(0,o.Z)({key:String(t)},e))}const v=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:f},h="wrapper";function y(e){let{components:t,...n}=e;return(0,a.kt)(h,(0,o.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,a.kt)(v,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(v,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(v,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2152],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>y});var o=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u=o.createContext({}),i=function(e){var t=o.useContext(u),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=i(e.components);return o.createElement(u.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,u=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=i(n),m=r,y=p["".concat(u,".").concat(m)]||p[m]||d[m]||a;return n?o.createElement(y,l(l({ref:t},c),{},{components:n})):o.createElement(y,l({ref:t},c))}));function y(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var u in t)hasOwnProperty.call(t,u)&&(s[u]=t[u]);s.originalType=e,s[p]="string"==typeof e?e:r,l[1]=s;for(var i=2;i{n.r(t),n.d(t,{contentTitle:()=>v,default:()=>w,frontMatter:()=>y,metadata:()=>f,toc:()=>b});var o=n(5072),r=(n(1504),n(5788)),a=n(7144);const l={toc:[{value:"Dont's",id:"donts",children:[],level:3}]},s="wrapper";function u(e){let{components:t,...n}=e;return(0,r.yg)(s,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"Quote is a key phrase, quotation, or excerpt that has been pulled from an article and used as a page layout graphic element, serving to entice readers into the article or to highlight a key topic."),(0,r.yg)("h3",{id:"donts"},"Dont's"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"Do not use more than one quote per page"),(0,r.yg)("li",{parentName:"ul"},"Do not use long text or job title")))}u.isMDXComponent=!0;var i=n(4620);const c={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Reversed",id:"reversed",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,r.yg)(p,(0,o.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("h2",{id:"default"},"Default"),(0,r.yg)(i.cp,{id:"components-quote--default",height:"700",mdxType:"Iframe"}," "),(0,r.yg)("br",null),(0,r.yg)("br",null),(0,r.yg)("h2",{id:"reversed"},"Reversed"),(0,r.yg)(i.cp,{id:"components-quote--reversed",height:"700",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="TableJSDoc";var m;const y={title:"Quote",description:"",hide_table_of_contents:!0},v=void 0,f={unversionedId:"webdev/Components/Quote/Quote",id:"webdev/Components/Quote/Quote",title:"Quote",description:"",source:"@site/docs/webdev/5-Components/21-Quote/1-Quote.mdx",sourceDirName:"webdev/5-Components/21-Quote",slug:"/webdev/Components/Quote/Quote",permalink:"/volto-eea-design-system/docs/webdev/Components/Quote/Quote",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/quote_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Quote",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Quotes",permalink:"/volto-eea-design-system/docs/category/quotes"},next:{title:"Testimonial",permalink:"/volto-eea-design-system/docs/webdev/Components/Quote/Testimonial"}},b=[],g={toc:b},h="wrapper";function w(e){let{components:t,...n}=e;return(0,r.yg)(h,(0,o.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(a.cp,{usage:(0,r.yg)(u,{mdxType:"Usage"}),showcase:(0,r.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>i});var o=n(5072),r=(n(1504),n(5788)),a=n(8264);function l(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},u="wrapper";function i(e){let{components:t,...n}=e;return(0,r.yg)(u,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}i.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>g});var o=n(5072),r=n(1504),a=n(5788),l=n(3664),s=n(7676);const u=function(){const e=(0,r.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var i=n(7572),c=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),y=(0,i.wn)(m,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const v=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==v&&!m.some((e=>e.value===v)))throw new Error(`Docusaurus error: The has a defaultValue "${v}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:b}=u(),[g,h]=(0,r.useState)(v),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,i.MV)();if(null!=l){const e=f[l];null!=e&&e!==g&&m.some((t=>t.value===e))&&h(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==g&&(T(t),h(o),null!=l&&b(l,o))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,c.c)("tabs__item",p.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function m(e){const t=(0,l.c)();return r.createElement(d,(0,o.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function v(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:v},b="wrapper";function g(e){let{components:t,...n}=e;return(0,a.yg)(b,(0,o.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(m,{defaultValue:"usage",values:v(n),mdxType:"Tabs"},(0,a.yg)(y,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(y,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(y,{value:"api",mdxType:"TabItem"},n.api)))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/8fd6869d.2572ebfd.js b/docs/assets/js/8fd6869d.2572ebfd.js new file mode 100644 index 0000000000..a2f25c4c1c --- /dev/null +++ b/docs/assets/js/8fd6869d.2572ebfd.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[260],{5788:(e,n,t)=>{t.d(n,{Iu:()=>m,yg:()=>c});var a=t(1504);function i(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function s(e){for(var n=1;n=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}var o=a.createContext({}),p=function(e){var n=a.useContext(o),t=n;return e&&(t="function"==typeof e?e(n):s(s({},n),e)),t},m=function(e){var n=p(e.components);return a.createElement(o.Provider,{value:n},e.children)},d="mdxType",g={inlineCode:"code",wrapper:function(e){var n=e.children;return a.createElement(a.Fragment,{},n)}},u=a.forwardRef((function(e,n){var t=e.components,i=e.mdxType,l=e.originalType,o=e.parentName,m=r(e,["components","mdxType","originalType","parentName"]),d=p(t),u=i,c=d["".concat(o,".").concat(u)]||d[u]||g[u]||l;return t?a.createElement(c,s(s({ref:n},m),{},{components:t})):a.createElement(c,s({ref:n},m))}));function c(e,n){var t=arguments,i=n&&n.mdxType;if("string"==typeof e||i){var l=t.length,s=new Array(l);s[0]=u;var r={};for(var o in n)hasOwnProperty.call(n,o)&&(r[o]=n[o]);r.originalType=e,r[d]="string"==typeof e?e:i,s[1]=r;for(var p=2;p{t.r(n),t.d(n,{contentTitle:()=>s,default:()=>d,frontMatter:()=>l,metadata:()=>r,toc:()=>o});var a=t(5072),i=(t(1504),t(5788));const l={title:"Theming Guidelines",description:"Theming guidelines for developers of the EEA Design System",hide_table_of_contents:!1},s=void 0,r={unversionedId:"webdev/Resources/theming-guidelines",id:"webdev/Resources/theming-guidelines",title:"Theming Guidelines",description:"Theming guidelines for developers of the EEA Design System",source:"@site/docs/webdev/8-Resources/theming-guidelines.md",sourceDirName:"webdev/8-Resources",slug:"/webdev/Resources/theming-guidelines",permalink:"/volto-eea-design-system/docs/webdev/Resources/theming-guidelines",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/8-Resources/theming-guidelines.md",tags:[],version:"current",frontMatter:{title:"Theming Guidelines",description:"Theming guidelines for developers of the EEA Design System",hide_table_of_contents:!1},sidebar:"sidebar",previous:{title:"Developer Guidelines",permalink:"/volto-eea-design-system/docs/webdev/Resources/developer-guidelines"},next:{title:"Web content",permalink:"/volto-eea-design-system/docs/category/web-content"}},o=[{value:"Theming best practices",id:"theming-best-practices",children:[{value:"Style directly the SUI components without introducing new markup or classes",id:"style-directly-the-sui-components-without-introducing-new-markup-or-classes",children:[],level:3},{value:"Use variables everywhere it is possible:",id:"use-variables-everywhere-it-is-possible",children:[],level:3},{value:"Remove or customize overrides",id:"remove-or-customize-overrides",children:[],level:3},{value:"Ensure that text is a minimum of 16px",id:"ensure-that-text-is-a-minimum-of-16px",children:[],level:3},{value:"Consider using container visibility classes for hiding elements",id:"consider-using-container-visibility-classes-for-hiding-elements",children:[],level:3},{value:"Don't add HTML tags to the css specificity selector",id:"dont-add-html-tags-to-the-css-specificity-selector",children:[],level:3},{value:"Add custom classes after the semantic ui classes",id:"add-custom-classes-after-the-semantic-ui-classes",children:[],level:3},{value:"Use Semantic UI naming style",id:"use-semantic-ui-naming-style",children:[],level:3},{value:"Keep important rules to a minimum and make sure they are well documented",id:"keep-important-rules-to-a-minimum-and-make-sure-they-are-well-documented",children:[],level:3},{value:"Use relative units in general",id:"use-relative-units-in-general",children:[],level:3},{value:"Think globally, act locally",id:"think-globally-act-locally",children:[{value:"Semantic UI global setting example",id:"semantic-ui-global-setting-example",children:[],level:4}],level:3},{value:"Check components design when having odd numbers or images",id:"check-components-design-when-having-odd-numbers-or-images",children:[],level:3},{value:"Code formatting",id:"code-formatting",children:[],level:3}],level:2}],p={toc:o},m="wrapper";function d(e){let{components:n,...t}=e;return(0,i.yg)(m,(0,a.c)({},p,t,{components:n,mdxType:"MDXLayout"}),(0,i.yg)("h2",{id:"theming-best-practices"},"Theming best practices"),(0,i.yg)("h3",{id:"style-directly-the-sui-components-without-introducing-new-markup-or-classes"},"Style directly the SUI components without introducing new markup or classes"),(0,i.yg)("p",null,"Here is why we shouldn't introduce new markup to SUI components:"),(0,i.yg)("ul",null,(0,i.yg)("li",{parentName:"ul"},(0,i.yg)("p",{parentName:"li"},"Here is the generic markup defined by React Semantic UI documentation site\n",(0,i.yg)("a",{parentName:"p",href:"https://react.semantic-ui.com/modules/accordion/#types-standard"},"https://react.semantic-ui.com/modules/accordion/#types-standard"))),(0,i.yg)("li",{parentName:"ul"},(0,i.yg)("p",{parentName:"li"},"Here is this component used within a package made by EEA:\n",(0,i.yg)("a",{parentName:"p",href:"https://github.com/eea/volto-accordion-block/blob/master/src/components/manage/Blocks/Accordion/View.jsx#L50"},"https://github.com/eea/volto-accordion-block/blob/master/src/components/manage/Blocks/Accordion/View.jsx#L50")),(0,i.yg)("p",{parentName:"li"}," When the theme is added, we expect for the normal ",(0,i.yg)("inlineCode",{parentName:"p"},"Accordion")," component to look like it does now on the storybook\nwithout any modification to the component in the individual packages."))),(0,i.yg)("p",null,"Therefore, when theming the stock components do the following:"),(0,i.yg)("ul",null,(0,i.yg)("li",{parentName:"ul"},"Remove any extra html tag elements and stick to the normal component markup"),(0,i.yg)("li",{parentName:"ul"},"Remove any extra ",(0,i.yg)("inlineCode",{parentName:"li"},"eea classes"),", style the component class directly unless we have a new ",(0,i.yg)("inlineCode",{parentName:"li"},"eea variant")),(0,i.yg)("li",{parentName:"ul"},"Use the variables to modify the design of the component, use overrides only if styles are missing altogether, or\nthey are hard-coded"),(0,i.yg)("li",{parentName:"ul"},"If you add new styles, and they are presentational follow the convention of the semanticUI variables and name\nthem likewise")),(0,i.yg)("p",null,"Ex:"),(0,i.yg)("pre",null,(0,i.yg)("code",{parentName:"pre",className:"language-less"},"//if you have\n.styled.active.child {\n padding: 0;\n}\n// then add the value with a variable\n@styledActiveChildPadding: 1rem;\n// and use it\n.styled.active.child {\n padding: @styledActiveChildPadding;\n}\n")),(0,i.yg)("h3",{id:"use-variables-everywhere-it-is-possible"},"Use variables everywhere it is possible:"),(0,i.yg)("ul",null,(0,i.yg)("li",{parentName:"ul"},(0,i.yg)("p",{parentName:"li"},"Make use of already added styles and override ",(0,i.yg)("inlineCode",{parentName:"p"},"variables")," instead of adding ",(0,i.yg)("inlineCode",{parentName:"p"},"overrides"),":"),(0,i.yg)("p",{parentName:"li"},(0,i.yg)("a",{parentName:"p",href:"https://github.com/Semantic-Org/Semantic-UI/blob/master/src/definitions/elements/button.less"},"https://github.com/Semantic-Org/Semantic-UI/blob/master/src/definitions/elements/button.less"),"\n",(0,i.yg)("a",{parentName:"p",href:"https://github.com/eea/volto-eea-design-system/blob/develop-itml/theme/themes/eea/elements/button.variables"},"https://github.com/eea/volto-eea-design-system/blob/develop-itml/theme/themes/eea/elements/button.variables"))),(0,i.yg)("li",{parentName:"ul"},(0,i.yg)("p",{parentName:"li"},"Introduce new variables if needed for ",(0,i.yg)("inlineCode",{parentName:"p"},"presentational styles"),"; some examples include:"),(0,i.yg)("ul",{parentName:"li"},(0,i.yg)("li",{parentName:"ul"},"border"),(0,i.yg)("li",{parentName:"ul"},"padding"),(0,i.yg)("li",{parentName:"ul"},"margin"),(0,i.yg)("li",{parentName:"ul"},"color"),(0,i.yg)("li",{parentName:"ul"},"background"),(0,i.yg)("li",{parentName:"ul"},"box-shadow"),(0,i.yg)("li",{parentName:"ul"},"font-size"),(0,i.yg)("li",{parentName:"ul"},"width"),(0,i.yg)("li",{parentName:"ul"},"height"),(0,i.yg)("li",{parentName:"ul"},"display"),(0,i.yg)("li",{parentName:"ul"},"position"),(0,i.yg)("li",{parentName:"ul"},"alignment"),(0,i.yg)("li",{parentName:"ul"},"text-decoration"))),(0,i.yg)("li",{parentName:"ul"},(0,i.yg)("p",{parentName:"li"},"Use variables also for link and buttons ",(0,i.yg)("inlineCode",{parentName:"p"},"states"),", ex:"),(0,i.yg)("ul",{parentName:"li"},(0,i.yg)("li",{parentName:"ul"},"focus"),(0,i.yg)("li",{parentName:"ul"},"hover"),(0,i.yg)("li",{parentName:"ul"},"active")),(0,i.yg)("p",{parentName:"li"},"We will provide a ",(0,i.yg)("inlineCode",{parentName:"p"},"primary")," button blue, but perhaps\nanother EEA website will have ",(0,i.yg)("inlineCode",{parentName:"p"},"green")," with a border\nas the ",(0,i.yg)("inlineCode",{parentName:"p"},"primary")," style."),(0,i.yg)("p",{parentName:"li"},"Having a design system that allows this level of customization through variables ensures that the design is flexible without adding any extra css to the final bundle.")),(0,i.yg)("li",{parentName:"ul"},(0,i.yg)("p",{parentName:"li"},"If there aren't any, and you need to use ",(0,i.yg)("inlineCode",{parentName:"p"},"media queries"),", define ",(0,i.yg)("inlineCode",{parentName:"p"},"variables")," for media queries, ex:"),(0,i.yg)("pre",{parentName:"li"},(0,i.yg)("code",{parentName:"pre",className:"language-less"},"// button.variables\n@buttonTabletBreakpoint: @tabletBreakpoint;\n")),(0,i.yg)("p",{parentName:"li"},"This way, another design might choose to use a different breakpoint from the usual breakpoints.")),(0,i.yg)("li",{parentName:"ul"},(0,i.yg)("p",{parentName:"li"},"If new variables are introduced, opt to use functionality naming instead of using color naming, ex:"),(0,i.yg)("pre",{parentName:"li"},(0,i.yg)("code",{parentName:"pre",className:"language-less"},"// right\n.ui .primary .button {}\n// wrong\n.blue .button {}\n")))),(0,i.yg)("h3",{id:"remove-or-customize-overrides"},"Remove or customize overrides"),(0,i.yg)("p",null,"Delete overrides that modified variables, introduce overrides only when the style is hard-coded:"),(0,i.yg)("p",null," ",(0,i.yg)("a",{parentName:"p",href:"https://github.com/eea/volto-eea-design-system/blob/develop-itml/theme/themes/eea/elements/button.overrides"},"https://github.com/eea/volto-eea-design-system/blob/develop-itml/theme/themes/eea/elements/button.overrides")),(0,i.yg)("h3",{id:"ensure-that-text-is-a-minimum-of-16px"},"Ensure that text is a minimum of 16px"),(0,i.yg)("p",null,"Except for ",(0,i.yg)("inlineCode",{parentName:"p"},".small")," or ",(0,i.yg)("inlineCode",{parentName:"p"},".tiny")," classes that make text small, we need to ensure that it is legible any time we have text by making it ",(0,i.yg)("inlineCode",{parentName:"p"},"16px or more"),"."),(0,i.yg)("h3",{id:"consider-using-container-visibility-classes-for-hiding-elements"},"Consider using container visibility classes for hiding elements"),(0,i.yg)("p",null,"If we have a custom component that we want visible only at specific browser widths, consider using the ",(0,i.yg)("inlineCode",{parentName:"p"},"utility classes")," available from the ",(0,i.yg)("inlineCode",{parentName:"p"},"container.overrides")," file."),(0,i.yg)("p",null,"They hide or show elements based on the combination of classes passed in the ",(0,i.yg)("inlineCode",{parentName:"p"},"component.jsx")," file."),(0,i.yg)("p",null,"See the ",(0,i.yg)("a",{parentName:"p",href:"https://github.com/eea/volto-eea-design-system/blob/e7b5828c2f186f710546e6d106330b3b244ba903/theme/themes/eea/elements/container.overrides#L18"},(0,i.yg)("inlineCode",{parentName:"a"},"container.overrides"))," file for details."),(0,i.yg)("p",null,"Extra code way:"),(0,i.yg)("pre",null,(0,i.yg)("code",{parentName:"pre",className:"language-less"},"@media screen and (max-width:768px) {\n .component {\n display: none;\n }\n}\n")),(0,i.yg)("p",null,"Better way:"),(0,i.yg)("pre",null,(0,i.yg)("code",{parentName:"pre",className:"language-jsx"},'{n.d(t,{Zo:()=>m,kt:()=>h});var a=n(7294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function s(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var o=a.createContext({}),p=function(e){var t=a.useContext(o),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},m=function(e){var t=p(e.components);return a.createElement(o.Provider,{value:t},e.children)},d="mdxType",u={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},c=a.forwardRef((function(e,t){var n=e.components,i=e.mdxType,l=e.originalType,o=e.parentName,m=r(e,["components","mdxType","originalType","parentName"]),d=p(n),c=i,h=d["".concat(o,".").concat(c)]||d[c]||u[c]||l;return n?a.createElement(h,s(s({ref:t},m),{},{components:n})):a.createElement(h,s({ref:t},m))}));function h(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var l=n.length,s=new Array(l);s[0]=c;var r={};for(var o in t)hasOwnProperty.call(t,o)&&(r[o]=t[o]);r.originalType=e,r[d]="string"==typeof e?e:i,s[1]=r;for(var p=2;p{n.r(t),n.d(t,{contentTitle:()=>s,default:()=>d,frontMatter:()=>l,metadata:()=>r,toc:()=>o});var a=n(7462),i=(n(7294),n(3905));const l={title:"Theming Guidelines",description:"Theming guidelines for developers of the EEA Design System",hide_table_of_contents:!1},s=void 0,r={unversionedId:"webdev/Resources/theming-guidelines",id:"webdev/Resources/theming-guidelines",title:"Theming Guidelines",description:"Theming guidelines for developers of the EEA Design System",source:"@site/docs/webdev/8-Resources/theming-guidelines.md",sourceDirName:"webdev/8-Resources",slug:"/webdev/Resources/theming-guidelines",permalink:"/volto-eea-design-system/docs/webdev/Resources/theming-guidelines",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/8-Resources/theming-guidelines.md",tags:[],version:"current",frontMatter:{title:"Theming Guidelines",description:"Theming guidelines for developers of the EEA Design System",hide_table_of_contents:!1},sidebar:"sidebar",previous:{title:"Developer Guidelines",permalink:"/volto-eea-design-system/docs/webdev/Resources/developer-guidelines"},next:{title:"Web content",permalink:"/volto-eea-design-system/docs/category/web-content"}},o=[{value:"Theming best practices",id:"theming-best-practices",children:[{value:"Style directly the SUI components without introducing new markup or classes",id:"style-directly-the-sui-components-without-introducing-new-markup-or-classes",children:[],level:3},{value:"Use variables everywhere it is possible:",id:"use-variables-everywhere-it-is-possible",children:[],level:3},{value:"Remove or customize overrides",id:"remove-or-customize-overrides",children:[],level:3},{value:"Ensure that text is a minimum of 16px",id:"ensure-that-text-is-a-minimum-of-16px",children:[],level:3},{value:"Consider using container visibility classes for hiding elements",id:"consider-using-container-visibility-classes-for-hiding-elements",children:[],level:3},{value:"Don't add HTML tags to the css specificity selector",id:"dont-add-html-tags-to-the-css-specificity-selector",children:[],level:3},{value:"Add custom classes after the semantic ui classes",id:"add-custom-classes-after-the-semantic-ui-classes",children:[],level:3},{value:"Use Semantic UI naming style",id:"use-semantic-ui-naming-style",children:[],level:3},{value:"Keep important rules to a minimum and make sure they are well documented",id:"keep-important-rules-to-a-minimum-and-make-sure-they-are-well-documented",children:[],level:3},{value:"Use relative units in general",id:"use-relative-units-in-general",children:[],level:3},{value:"Think globally, act locally",id:"think-globally-act-locally",children:[{value:"Semantic UI global setting example",id:"semantic-ui-global-setting-example",children:[],level:4}],level:3},{value:"Check components design when having odd numbers or images",id:"check-components-design-when-having-odd-numbers-or-images",children:[],level:3},{value:"Code formatting",id:"code-formatting",children:[],level:3}],level:2}],p={toc:o},m="wrapper";function d(e){let{components:t,...n}=e;return(0,i.kt)(m,(0,a.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h2",{id:"theming-best-practices"},"Theming best practices"),(0,i.kt)("h3",{id:"style-directly-the-sui-components-without-introducing-new-markup-or-classes"},"Style directly the SUI components without introducing new markup or classes"),(0,i.kt)("p",null,"Here is why we shouldn't introduce new markup to SUI components:"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("p",{parentName:"li"},"Here is the generic markup defined by React Semantic UI documentation site\n",(0,i.kt)("a",{parentName:"p",href:"https://react.semantic-ui.com/modules/accordion/#types-standard"},"https://react.semantic-ui.com/modules/accordion/#types-standard"))),(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("p",{parentName:"li"},"Here is this component used within a package made by EEA:\n",(0,i.kt)("a",{parentName:"p",href:"https://github.com/eea/volto-accordion-block/blob/master/src/components/manage/Blocks/Accordion/View.jsx#L50"},"https://github.com/eea/volto-accordion-block/blob/master/src/components/manage/Blocks/Accordion/View.jsx#L50")),(0,i.kt)("p",{parentName:"li"}," When the theme is added, we expect for the normal ",(0,i.kt)("inlineCode",{parentName:"p"},"Accordion")," component to look like it does now on the storybook\nwithout any modification to the component in the individual packages."))),(0,i.kt)("p",null,"Therefore, when theming the stock components do the following:"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"Remove any extra html tag elements and stick to the normal component markup"),(0,i.kt)("li",{parentName:"ul"},"Remove any extra ",(0,i.kt)("inlineCode",{parentName:"li"},"eea classes"),", style the component class directly unless we have a new ",(0,i.kt)("inlineCode",{parentName:"li"},"eea variant")),(0,i.kt)("li",{parentName:"ul"},"Use the variables to modify the design of the component, use overrides only if styles are missing altogether, or\nthey are hard-coded"),(0,i.kt)("li",{parentName:"ul"},"If you add new styles, and they are presentational follow the convention of the semanticUI variables and name\nthem likewise")),(0,i.kt)("p",null,"Ex:"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-less"},"//if you have\n.styled.active.child {\n padding: 0;\n}\n// then add the value with a variable\n@styledActiveChildPadding: 1rem;\n// and use it\n.styled.active.child {\n padding: @styledActiveChildPadding;\n}\n")),(0,i.kt)("h3",{id:"use-variables-everywhere-it-is-possible"},"Use variables everywhere it is possible:"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("p",{parentName:"li"},"Make use of already added styles and override ",(0,i.kt)("inlineCode",{parentName:"p"},"variables")," instead of adding ",(0,i.kt)("inlineCode",{parentName:"p"},"overrides"),":"),(0,i.kt)("p",{parentName:"li"},(0,i.kt)("a",{parentName:"p",href:"https://github.com/Semantic-Org/Semantic-UI/blob/master/src/definitions/elements/button.less"},"https://github.com/Semantic-Org/Semantic-UI/blob/master/src/definitions/elements/button.less"),"\n",(0,i.kt)("a",{parentName:"p",href:"https://github.com/eea/volto-eea-design-system/blob/develop-itml/theme/themes/eea/elements/button.variables"},"https://github.com/eea/volto-eea-design-system/blob/develop-itml/theme/themes/eea/elements/button.variables"))),(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("p",{parentName:"li"},"Introduce new variables if needed for ",(0,i.kt)("inlineCode",{parentName:"p"},"presentational styles"),"; some examples include:"),(0,i.kt)("ul",{parentName:"li"},(0,i.kt)("li",{parentName:"ul"},"border"),(0,i.kt)("li",{parentName:"ul"},"padding"),(0,i.kt)("li",{parentName:"ul"},"margin"),(0,i.kt)("li",{parentName:"ul"},"color"),(0,i.kt)("li",{parentName:"ul"},"background"),(0,i.kt)("li",{parentName:"ul"},"box-shadow"),(0,i.kt)("li",{parentName:"ul"},"font-size"),(0,i.kt)("li",{parentName:"ul"},"width"),(0,i.kt)("li",{parentName:"ul"},"height"),(0,i.kt)("li",{parentName:"ul"},"display"),(0,i.kt)("li",{parentName:"ul"},"position"),(0,i.kt)("li",{parentName:"ul"},"alignment"),(0,i.kt)("li",{parentName:"ul"},"text-decoration"))),(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("p",{parentName:"li"},"Use variables also for link and buttons ",(0,i.kt)("inlineCode",{parentName:"p"},"states"),", ex:"),(0,i.kt)("ul",{parentName:"li"},(0,i.kt)("li",{parentName:"ul"},"focus"),(0,i.kt)("li",{parentName:"ul"},"hover"),(0,i.kt)("li",{parentName:"ul"},"active")),(0,i.kt)("p",{parentName:"li"},"We will provide a ",(0,i.kt)("inlineCode",{parentName:"p"},"primary")," button blue, but perhaps\nanother EEA website will have ",(0,i.kt)("inlineCode",{parentName:"p"},"green")," with a border\nas the ",(0,i.kt)("inlineCode",{parentName:"p"},"primary")," style."),(0,i.kt)("p",{parentName:"li"},"Having a design system that allows this level of customization through variables ensures that the design is flexible without adding any extra css to the final bundle.")),(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("p",{parentName:"li"},"If there aren't any, and you need to use ",(0,i.kt)("inlineCode",{parentName:"p"},"media queries"),", define ",(0,i.kt)("inlineCode",{parentName:"p"},"variables")," for media queries, ex:"),(0,i.kt)("pre",{parentName:"li"},(0,i.kt)("code",{parentName:"pre",className:"language-less"},"// button.variables\n@buttonTabletBreakpoint: @tabletBreakpoint;\n")),(0,i.kt)("p",{parentName:"li"},"This way, another design might choose to use a different breakpoint from the usual breakpoints.")),(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("p",{parentName:"li"},"If new variables are introduced, opt to use functionality naming instead of using color naming, ex:"),(0,i.kt)("pre",{parentName:"li"},(0,i.kt)("code",{parentName:"pre",className:"language-less"},"// right\n.ui .primary .button {}\n// wrong\n.blue .button {}\n")))),(0,i.kt)("h3",{id:"remove-or-customize-overrides"},"Remove or customize overrides"),(0,i.kt)("p",null,"Delete overrides that modified variables, introduce overrides only when the style is hard-coded:"),(0,i.kt)("p",null," ",(0,i.kt)("a",{parentName:"p",href:"https://github.com/eea/volto-eea-design-system/blob/develop-itml/theme/themes/eea/elements/button.overrides"},"https://github.com/eea/volto-eea-design-system/blob/develop-itml/theme/themes/eea/elements/button.overrides")),(0,i.kt)("h3",{id:"ensure-that-text-is-a-minimum-of-16px"},"Ensure that text is a minimum of 16px"),(0,i.kt)("p",null,"Except for ",(0,i.kt)("inlineCode",{parentName:"p"},".small")," or ",(0,i.kt)("inlineCode",{parentName:"p"},".tiny")," classes that make text small, we need to ensure that it is legible any time we have text by making it ",(0,i.kt)("inlineCode",{parentName:"p"},"16px or more"),"."),(0,i.kt)("h3",{id:"consider-using-container-visibility-classes-for-hiding-elements"},"Consider using container visibility classes for hiding elements"),(0,i.kt)("p",null,"If we have a custom component that we want visible only at specific browser widths, consider using the ",(0,i.kt)("inlineCode",{parentName:"p"},"utility classes")," available from the ",(0,i.kt)("inlineCode",{parentName:"p"},"container.overrides")," file."),(0,i.kt)("p",null,"They hide or show elements based on the combination of classes passed in the ",(0,i.kt)("inlineCode",{parentName:"p"},"component.jsx")," file."),(0,i.kt)("p",null,"See the ",(0,i.kt)("a",{parentName:"p",href:"https://github.com/eea/volto-eea-design-system/blob/e7b5828c2f186f710546e6d106330b3b244ba903/theme/themes/eea/elements/container.overrides#L18"},(0,i.kt)("inlineCode",{parentName:"a"},"container.overrides"))," file for details."),(0,i.kt)("p",null,"Extra code way:"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-less"},"@media screen and (max-width:768px) {\n .component {\n display: none;\n }\n}\n")),(0,i.kt)("p",null,"Better way:"),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre",className:"language-jsx"},'{e.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"sidebar":[{"type":"link","label":"Introduction","href":"/volto-eea-design-system/docs/intro","docId":"intro"},{"type":"link","label":"What\'s new","href":"/volto-eea-design-system/docs/whatsnew","docId":"whatsnew"},{"type":"category","label":"Web development","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"category","label":"Guidelines","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Intro","href":"/volto-eea-design-system/docs/webdev/Guidelines/intro","docId":"webdev/Guidelines/intro"},{"type":"link","label":"Typography","href":"/volto-eea-design-system/docs/webdev/Guidelines/typography","docId":"webdev/Guidelines/typography"},{"type":"link","label":"Colours","href":"/volto-eea-design-system/docs/webdev/Guidelines/colours","docId":"webdev/Guidelines/colours"},{"type":"link","label":"Use of images","href":"/volto-eea-design-system/docs/webdev/Guidelines/images","docId":"webdev/Guidelines/images"},{"type":"link","label":"Iconography","href":"/volto-eea-design-system/docs/webdev/Guidelines/iconography","docId":"webdev/Guidelines/iconography"},{"type":"link","label":"Spacing","href":"/volto-eea-design-system/docs/webdev/Guidelines/spacing","docId":"webdev/Guidelines/spacing"}],"href":"/volto-eea-design-system/docs/category/guidelines"},{"type":"category","label":"Templates","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Grid","href":"/volto-eea-design-system/docs/webdev/Templates/Grid","docId":"webdev/Templates/Grid"},{"type":"link","label":"Site Header","href":"/volto-eea-design-system/docs/webdev/Templates/SiteHeader","docId":"webdev/Templates/SiteHeader"},{"type":"link","label":"Site Footer","href":"/volto-eea-design-system/docs/webdev/Templates/SiteFooter","docId":"webdev/Templates/SiteFooter"},{"type":"link","label":"Page Header","href":"/volto-eea-design-system/docs/webdev/Templates/PageHeader","docId":"webdev/Templates/PageHeader"}],"href":"/volto-eea-design-system/docs/category/templates"},{"type":"category","label":"Components","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Accordion","href":"/volto-eea-design-system/docs/webdev/Components/Accordion","docId":"webdev/Components/Accordion"},{"type":"link","label":"Breadcrumb","href":"/volto-eea-design-system/docs/webdev/Components/Breadcrumb","docId":"webdev/Components/Breadcrumb"},{"type":"link","label":"Buttons","href":"/volto-eea-design-system/docs/webdev/Components/Buttons","docId":"webdev/Components/Buttons"},{"type":"link","label":"Callout","href":"/volto-eea-design-system/docs/webdev/Components/Callout","docId":"webdev/Components/Callout"},{"type":"link","label":"Card","href":"/volto-eea-design-system/docs/webdev/Components/Cards","docId":"webdev/Components/Cards"},{"type":"link","label":"Comment","href":"/volto-eea-design-system/docs/webdev/Components/Comment","docId":"webdev/Components/Comment"},{"type":"link","label":"Confirm","href":"/volto-eea-design-system/docs/webdev/Components/Confirm","docId":"webdev/Components/Confirm"},{"type":"link","label":"Divider","href":"/volto-eea-design-system/docs/webdev/Components/Divider","docId":"webdev/Components/Divider"},{"type":"category","label":"Forms","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Checkbox","href":"/volto-eea-design-system/docs/webdev/Components/Forms/Checkbox","docId":"webdev/Components/Forms/Checkbox"},{"type":"link","label":"Dropdown","href":"/volto-eea-design-system/docs/webdev/Components/Forms/Dropdown","docId":"webdev/Components/Forms/Dropdown"},{"type":"link","label":"Text Input","href":"/volto-eea-design-system/docs/webdev/Components/Forms/TextInput","docId":"webdev/Components/Forms/TextInput"},{"type":"link","label":"Radio","href":"/volto-eea-design-system/docs/webdev/Components/Forms/Radio","docId":"webdev/Components/Forms/Radio"},{"type":"link","label":"Text Area","href":"/volto-eea-design-system/docs/webdev/Components/Forms/TextArea","docId":"webdev/Components/Forms/TextArea"}],"href":"/volto-eea-design-system/docs/category/forms"},{"type":"link","label":"Headings","href":"/volto-eea-design-system/docs/webdev/Components/Headings","docId":"webdev/Components/Headings"},{"type":"link","label":"Inpage Navigation","href":"/volto-eea-design-system/docs/webdev/Components/Inpage-Navigation","docId":"webdev/Components/Inpage-Navigation"},{"type":"link","label":"Item","href":"/volto-eea-design-system/docs/webdev/Components/Item","docId":"webdev/Components/Item"},{"type":"link","label":"Labeled icons","href":"/volto-eea-design-system/docs/webdev/Components/Labeled-icons","docId":"webdev/Components/Labeled-icons"},{"type":"link","label":"Label","href":"/volto-eea-design-system/docs/webdev/Components/Labels","docId":"webdev/Components/Labels"},{"type":"link","label":"List","href":"/volto-eea-design-system/docs/webdev/Components/Lists","docId":"webdev/Components/Lists"},{"type":"link","label":"Logo","href":"/volto-eea-design-system/docs/webdev/Components/Logo","docId":"webdev/Components/Logo"},{"type":"link","label":"Image","href":"/volto-eea-design-system/docs/webdev/Components/Image","docId":"webdev/Components/Image"},{"type":"link","label":"Loader","href":"/volto-eea-design-system/docs/webdev/Components/Loader","docId":"webdev/Components/Loader"},{"type":"link","label":"Messages","href":"/volto-eea-design-system/docs/webdev/Components/Messages","docId":"webdev/Components/Messages"},{"type":"link","label":"Modal","href":"/volto-eea-design-system/docs/webdev/Components/Modal","docId":"webdev/Components/Modal"},{"type":"link","label":"Pagination","href":"/volto-eea-design-system/docs/webdev/Components/Pagination","docId":"webdev/Components/Pagination"},{"type":"link","label":"Popup","href":"/volto-eea-design-system/docs/webdev/Components/Popup","docId":"webdev/Components/Popup"},{"type":"link","label":"Progress","href":"/volto-eea-design-system/docs/webdev/Components/Progress","docId":"webdev/Components/Progress"},{"type":"category","label":"Quotes","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Quote","href":"/volto-eea-design-system/docs/webdev/Components/Quote/Quote","docId":"webdev/Components/Quote/Quote"},{"type":"link","label":"Testimonial","href":"/volto-eea-design-system/docs/webdev/Components/Quote/Testimonial","docId":"webdev/Components/Quote/Testimonial"}],"href":"/volto-eea-design-system/docs/category/quotes"},{"type":"link","label":"Segment","href":"/volto-eea-design-system/docs/webdev/Components/Segment","docId":"webdev/Components/Segment"},{"type":"link","label":"Statistic","href":"/volto-eea-design-system/docs/webdev/Components/Statistic","docId":"webdev/Components/Statistic"},{"type":"link","label":"Tab","href":"/volto-eea-design-system/docs/webdev/Components/Tab","docId":"webdev/Components/Tab"},{"type":"category","label":"Search","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Filters","href":"/volto-eea-design-system/docs/webdev/Components/Search/Filters","docId":"webdev/Components/Search/Filters"},{"type":"link","label":"Suggestions","href":"/volto-eea-design-system/docs/webdev/Components/Search/Suggestions","docId":"webdev/Components/Search/Suggestions"},{"type":"link","label":"Searchbox","href":"/volto-eea-design-system/docs/webdev/Components/Search/Searchbox","docId":"webdev/Components/Search/Searchbox"}],"href":"/volto-eea-design-system/docs/category/search"},{"type":"link","label":"Table","href":"/volto-eea-design-system/docs/webdev/Components/Table","docId":"webdev/Components/Table"},{"type":"category","label":"Visuals","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Dashboard","href":"/volto-eea-design-system/docs/webdev/Components/Visuals/Dashboard","docId":"webdev/Components/Visuals/Dashboard"},{"type":"link","label":"Charts","href":"/volto-eea-design-system/docs/webdev/Components/Visuals/Charts","docId":"webdev/Components/Visuals/Charts"},{"type":"link","label":"Maps","href":"/volto-eea-design-system/docs/webdev/Components/Visuals/Maps","docId":"webdev/Components/Visuals/Maps"}],"href":"/volto-eea-design-system/docs/category/visuals"},{"type":"link","label":"Content","href":"/volto-eea-design-system/docs/webdev/Components/Content","docId":"webdev/Components/Content"},{"type":"link","label":"Tags","href":"/volto-eea-design-system/docs/webdev/Components/Tags","docId":"webdev/Components/Tags"},{"type":"link","label":"Timeline","href":"/volto-eea-design-system/docs/webdev/Components/Timeline","docId":"webdev/Components/Timeline"},{"type":"link","label":"Video","href":"/volto-eea-design-system/docs/webdev/Components/Video","docId":"webdev/Components/Video"}],"href":"/volto-eea-design-system/docs/category/components"},{"type":"category","label":"Utilities","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Utilities","href":"/volto-eea-design-system/docs/webdev/Utilities/intro","docId":"webdev/Utilities/intro"}],"href":"/volto-eea-design-system/docs/category/utilities"},{"type":"category","label":"Resources","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Developer Guidelines","href":"/volto-eea-design-system/docs/webdev/Resources/developer-guidelines","docId":"webdev/Resources/developer-guidelines"},{"type":"link","label":"Theming Guidelines","href":"/volto-eea-design-system/docs/webdev/Resources/theming-guidelines","docId":"webdev/Resources/theming-guidelines"}],"href":"/volto-eea-design-system/docs/category/resources"}],"href":"/volto-eea-design-system/docs/category/web-development"},{"type":"category","label":"Web content","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Guidelines","href":"/volto-eea-design-system/docs/webcontent/intro","docId":"webcontent/intro"},{"type":"link","label":"EEA corporate site templates","href":"/volto-eea-design-system/docs/webcontent/corporate-site-templates","docId":"webcontent/corporate-site-templates"}],"href":"/volto-eea-design-system/docs/category/web-content"},{"type":"category","label":"Publications","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Writing guidelines","href":"/volto-eea-design-system/docs/pubguide/writing","docId":"pubguide/writing"},{"type":"link","label":"Design guidelines","href":"/volto-eea-design-system/docs/pubguide/design","docId":"pubguide/design"}],"href":"/volto-eea-design-system/docs/category/publications"},{"type":"category","label":"Maps and charts","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Dos and don\'ts","href":"/volto-eea-design-system/docs/dataguide/intro","docId":"dataguide/intro"}],"href":"/volto-eea-design-system/docs/category/maps-and-charts"}]},"docs":{"dataguide/intro":{"id":"dataguide/intro","title":"Dos and don\'ts","description":"","sidebar":"sidebar"},"intro":{"id":"intro","title":"Introduction","description":"","sidebar":"sidebar"},"pubguide/design":{"id":"pubguide/design","title":"Design guidelines","description":"","sidebar":"sidebar"},"pubguide/writing":{"id":"pubguide/writing","title":"Writing guidelines","description":"","sidebar":"sidebar"},"webcontent/corporate-site-templates":{"id":"webcontent/corporate-site-templates","title":"EEA corporate site templates","description":"EEA corporate site templates","sidebar":"sidebar"},"webcontent/intro":{"id":"webcontent/intro","title":"Guidelines","description":"This section is under development.","sidebar":"sidebar"},"webdev/Components/Accordion":{"id":"webdev/Components/Accordion","title":"Accordion","description":"","sidebar":"sidebar"},"webdev/Components/Breadcrumb":{"id":"webdev/Components/Breadcrumb","title":"Breadcrumb","description":"","sidebar":"sidebar"},"webdev/Components/Buttons":{"id":"webdev/Components/Buttons","title":"Buttons","description":"","sidebar":"sidebar"},"webdev/Components/Callout":{"id":"webdev/Components/Callout","title":"Callout","description":"","sidebar":"sidebar"},"webdev/Components/Cards":{"id":"webdev/Components/Cards","title":"Card","description":"","sidebar":"sidebar"},"webdev/Components/Comment":{"id":"webdev/Components/Comment","title":"Comment","description":"","sidebar":"sidebar"},"webdev/Components/Confirm":{"id":"webdev/Components/Confirm","title":"Confirm","description":"","sidebar":"sidebar"},"webdev/Components/Content":{"id":"webdev/Components/Content","title":"Content","description":"","sidebar":"sidebar"},"webdev/Components/Divider":{"id":"webdev/Components/Divider","title":"Divider","description":"","sidebar":"sidebar"},"webdev/Components/Forms/Checkbox":{"id":"webdev/Components/Forms/Checkbox","title":"Checkbox","description":"","sidebar":"sidebar"},"webdev/Components/Forms/Dropdown":{"id":"webdev/Components/Forms/Dropdown","title":"Dropdown","description":"","sidebar":"sidebar"},"webdev/Components/Forms/Radio":{"id":"webdev/Components/Forms/Radio","title":"Radio","description":"","sidebar":"sidebar"},"webdev/Components/Forms/TextArea":{"id":"webdev/Components/Forms/TextArea","title":"Text Area","description":"","sidebar":"sidebar"},"webdev/Components/Forms/TextInput":{"id":"webdev/Components/Forms/TextInput","title":"Text Input","description":"","sidebar":"sidebar"},"webdev/Components/Headings":{"id":"webdev/Components/Headings","title":"Headings","description":"","sidebar":"sidebar"},"webdev/Components/Image":{"id":"webdev/Components/Image","title":"Image","description":"","sidebar":"sidebar"},"webdev/Components/Inpage-Navigation":{"id":"webdev/Components/Inpage-Navigation","title":"Inpage Navigation","description":"","sidebar":"sidebar"},"webdev/Components/Item":{"id":"webdev/Components/Item","title":"Item","description":"","sidebar":"sidebar"},"webdev/Components/Labeled-icons":{"id":"webdev/Components/Labeled-icons","title":"Labeled icons","description":"","sidebar":"sidebar"},"webdev/Components/Labels":{"id":"webdev/Components/Labels","title":"Label","description":"","sidebar":"sidebar"},"webdev/Components/Lists":{"id":"webdev/Components/Lists","title":"List","description":"","sidebar":"sidebar"},"webdev/Components/Loader":{"id":"webdev/Components/Loader","title":"Loader","description":"","sidebar":"sidebar"},"webdev/Components/Logo":{"id":"webdev/Components/Logo","title":"Logo","description":"","sidebar":"sidebar"},"webdev/Components/Messages":{"id":"webdev/Components/Messages","title":"Messages","description":"","sidebar":"sidebar"},"webdev/Components/Modal":{"id":"webdev/Components/Modal","title":"Modal","description":"","sidebar":"sidebar"},"webdev/Components/Pagination":{"id":"webdev/Components/Pagination","title":"Pagination","description":"","sidebar":"sidebar"},"webdev/Components/Popup":{"id":"webdev/Components/Popup","title":"Popup","description":"","sidebar":"sidebar"},"webdev/Components/Progress":{"id":"webdev/Components/Progress","title":"Progress","description":"","sidebar":"sidebar"},"webdev/Components/Quote/Quote":{"id":"webdev/Components/Quote/Quote","title":"Quote","description":"","sidebar":"sidebar"},"webdev/Components/Quote/Testimonial":{"id":"webdev/Components/Quote/Testimonial","title":"Testimonial","description":"","sidebar":"sidebar"},"webdev/Components/Search/Filters":{"id":"webdev/Components/Search/Filters","title":"Filters","description":"","sidebar":"sidebar"},"webdev/Components/Search/Searchbox":{"id":"webdev/Components/Search/Searchbox","title":"Searchbox","description":"","sidebar":"sidebar"},"webdev/Components/Search/Suggestions":{"id":"webdev/Components/Search/Suggestions","title":"Suggestions","description":"","sidebar":"sidebar"},"webdev/Components/Segment":{"id":"webdev/Components/Segment","title":"Segment","description":"","sidebar":"sidebar"},"webdev/Components/Statistic":{"id":"webdev/Components/Statistic","title":"Statistic","description":"","sidebar":"sidebar"},"webdev/Components/Tab":{"id":"webdev/Components/Tab","title":"Tab","description":"","sidebar":"sidebar"},"webdev/Components/Table":{"id":"webdev/Components/Table","title":"Table","description":"","sidebar":"sidebar"},"webdev/Components/Tags":{"id":"webdev/Components/Tags","title":"Tags","description":"","sidebar":"sidebar"},"webdev/Components/Timeline":{"id":"webdev/Components/Timeline","title":"Timeline","description":"","sidebar":"sidebar"},"webdev/Components/Video":{"id":"webdev/Components/Video","title":"Video","description":"","sidebar":"sidebar"},"webdev/Components/Visuals/Charts":{"id":"webdev/Components/Visuals/Charts","title":"Charts","description":"","sidebar":"sidebar"},"webdev/Components/Visuals/Dashboard":{"id":"webdev/Components/Visuals/Dashboard","title":"Dashboard","description":"","sidebar":"sidebar"},"webdev/Components/Visuals/Maps":{"id":"webdev/Components/Visuals/Maps","title":"Maps","description":"","sidebar":"sidebar"},"webdev/Guidelines/colours":{"id":"webdev/Guidelines/colours","title":"Colours","description":"","sidebar":"sidebar"},"webdev/Guidelines/iconography":{"id":"webdev/Guidelines/iconography","title":"Iconography","description":"","sidebar":"sidebar"},"webdev/Guidelines/images":{"id":"webdev/Guidelines/images","title":"Use of images","description":"","sidebar":"sidebar"},"webdev/Guidelines/intro":{"id":"webdev/Guidelines/intro","title":"Intro","description":"","sidebar":"sidebar"},"webdev/Guidelines/spacing":{"id":"webdev/Guidelines/spacing","title":"Spacing","description":"","sidebar":"sidebar"},"webdev/Guidelines/typography":{"id":"webdev/Guidelines/typography","title":"Typography","description":"","sidebar":"sidebar"},"webdev/Resources/developer-guidelines":{"id":"webdev/Resources/developer-guidelines","title":"Developer Guidelines","description":"Developer guidelines for developers of the EEA Design System","sidebar":"sidebar"},"webdev/Resources/theming-guidelines":{"id":"webdev/Resources/theming-guidelines","title":"Theming Guidelines","description":"Theming guidelines for developers of the EEA Design System","sidebar":"sidebar"},"webdev/Templates/Grid":{"id":"webdev/Templates/Grid","title":"Grid","description":"","sidebar":"sidebar"},"webdev/Templates/PageHeader":{"id":"webdev/Templates/PageHeader","title":"Page Header","description":"","sidebar":"sidebar"},"webdev/Templates/SiteFooter":{"id":"webdev/Templates/SiteFooter","title":"Site Footer","description":"","sidebar":"sidebar"},"webdev/Templates/SiteHeader":{"id":"webdev/Templates/SiteHeader","title":"Site Header","description":"","sidebar":"sidebar"},"webdev/Utilities/intro":{"id":"webdev/Utilities/intro","title":"Utilities","description":"","sidebar":"sidebar"},"whatsnew":{"id":"whatsnew","title":"What\'s new","description":"EEA Design System (1.0)","sidebar":"sidebar"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/935f2afb.e67c7767.js b/docs/assets/js/935f2afb.e67c7767.js new file mode 100644 index 0000000000..648612a4ab --- /dev/null +++ b/docs/assets/js/935f2afb.e67c7767.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5696],{5988:e=>{e.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"sidebar":[{"type":"link","label":"Introduction","href":"/volto-eea-design-system/docs/intro","docId":"intro"},{"type":"link","label":"What\'s new","href":"/volto-eea-design-system/docs/whatsnew","docId":"whatsnew"},{"type":"category","label":"Web development","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"category","label":"Guidelines","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Intro","href":"/volto-eea-design-system/docs/webdev/Guidelines/intro","docId":"webdev/Guidelines/intro"},{"type":"link","label":"Typography","href":"/volto-eea-design-system/docs/webdev/Guidelines/typography","docId":"webdev/Guidelines/typography"},{"type":"link","label":"Colours","href":"/volto-eea-design-system/docs/webdev/Guidelines/colours","docId":"webdev/Guidelines/colours"},{"type":"link","label":"Use of images","href":"/volto-eea-design-system/docs/webdev/Guidelines/images","docId":"webdev/Guidelines/images"},{"type":"link","label":"Iconography","href":"/volto-eea-design-system/docs/webdev/Guidelines/iconography","docId":"webdev/Guidelines/iconography"},{"type":"link","label":"Spacing","href":"/volto-eea-design-system/docs/webdev/Guidelines/spacing","docId":"webdev/Guidelines/spacing"}],"href":"/volto-eea-design-system/docs/category/guidelines"},{"type":"category","label":"Templates","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Grid","href":"/volto-eea-design-system/docs/webdev/Templates/Grid","docId":"webdev/Templates/Grid"},{"type":"link","label":"Site Header","href":"/volto-eea-design-system/docs/webdev/Templates/SiteHeader","docId":"webdev/Templates/SiteHeader"},{"type":"link","label":"Site Footer","href":"/volto-eea-design-system/docs/webdev/Templates/SiteFooter","docId":"webdev/Templates/SiteFooter"},{"type":"link","label":"Page Header","href":"/volto-eea-design-system/docs/webdev/Templates/PageHeader","docId":"webdev/Templates/PageHeader"}],"href":"/volto-eea-design-system/docs/category/templates"},{"type":"category","label":"Components","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Accordion","href":"/volto-eea-design-system/docs/webdev/Components/Accordion","docId":"webdev/Components/Accordion"},{"type":"link","label":"Breadcrumb","href":"/volto-eea-design-system/docs/webdev/Components/Breadcrumb","docId":"webdev/Components/Breadcrumb"},{"type":"link","label":"Buttons","href":"/volto-eea-design-system/docs/webdev/Components/Buttons","docId":"webdev/Components/Buttons"},{"type":"link","label":"Callout","href":"/volto-eea-design-system/docs/webdev/Components/Callout","docId":"webdev/Components/Callout"},{"type":"link","label":"Card","href":"/volto-eea-design-system/docs/webdev/Components/Cards","docId":"webdev/Components/Cards"},{"type":"link","label":"Comment","href":"/volto-eea-design-system/docs/webdev/Components/Comment","docId":"webdev/Components/Comment"},{"type":"link","label":"Confirm","href":"/volto-eea-design-system/docs/webdev/Components/Confirm","docId":"webdev/Components/Confirm"},{"type":"link","label":"Divider","href":"/volto-eea-design-system/docs/webdev/Components/Divider","docId":"webdev/Components/Divider"},{"type":"category","label":"Forms","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Checkbox","href":"/volto-eea-design-system/docs/webdev/Components/Forms/Checkbox","docId":"webdev/Components/Forms/Checkbox"},{"type":"link","label":"Dropdown","href":"/volto-eea-design-system/docs/webdev/Components/Forms/Dropdown","docId":"webdev/Components/Forms/Dropdown"},{"type":"link","label":"Text Input","href":"/volto-eea-design-system/docs/webdev/Components/Forms/TextInput","docId":"webdev/Components/Forms/TextInput"},{"type":"link","label":"Radio","href":"/volto-eea-design-system/docs/webdev/Components/Forms/Radio","docId":"webdev/Components/Forms/Radio"},{"type":"link","label":"Text Area","href":"/volto-eea-design-system/docs/webdev/Components/Forms/TextArea","docId":"webdev/Components/Forms/TextArea"}],"href":"/volto-eea-design-system/docs/category/forms"},{"type":"link","label":"Headings","href":"/volto-eea-design-system/docs/webdev/Components/Headings","docId":"webdev/Components/Headings"},{"type":"link","label":"Inpage Navigation","href":"/volto-eea-design-system/docs/webdev/Components/Inpage-Navigation","docId":"webdev/Components/Inpage-Navigation"},{"type":"link","label":"Item","href":"/volto-eea-design-system/docs/webdev/Components/Item","docId":"webdev/Components/Item"},{"type":"link","label":"Labeled icons","href":"/volto-eea-design-system/docs/webdev/Components/Labeled-icons","docId":"webdev/Components/Labeled-icons"},{"type":"link","label":"Label","href":"/volto-eea-design-system/docs/webdev/Components/Labels","docId":"webdev/Components/Labels"},{"type":"link","label":"List","href":"/volto-eea-design-system/docs/webdev/Components/Lists","docId":"webdev/Components/Lists"},{"type":"link","label":"Logo","href":"/volto-eea-design-system/docs/webdev/Components/Logo","docId":"webdev/Components/Logo"},{"type":"link","label":"Image","href":"/volto-eea-design-system/docs/webdev/Components/Image","docId":"webdev/Components/Image"},{"type":"link","label":"Loader","href":"/volto-eea-design-system/docs/webdev/Components/Loader","docId":"webdev/Components/Loader"},{"type":"link","label":"Messages","href":"/volto-eea-design-system/docs/webdev/Components/Messages","docId":"webdev/Components/Messages"},{"type":"link","label":"Modal","href":"/volto-eea-design-system/docs/webdev/Components/Modal","docId":"webdev/Components/Modal"},{"type":"link","label":"Pagination","href":"/volto-eea-design-system/docs/webdev/Components/Pagination","docId":"webdev/Components/Pagination"},{"type":"link","label":"Popup","href":"/volto-eea-design-system/docs/webdev/Components/Popup","docId":"webdev/Components/Popup"},{"type":"link","label":"Progress","href":"/volto-eea-design-system/docs/webdev/Components/Progress","docId":"webdev/Components/Progress"},{"type":"category","label":"Quotes","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Quote","href":"/volto-eea-design-system/docs/webdev/Components/Quote/Quote","docId":"webdev/Components/Quote/Quote"},{"type":"link","label":"Testimonial","href":"/volto-eea-design-system/docs/webdev/Components/Quote/Testimonial","docId":"webdev/Components/Quote/Testimonial"}],"href":"/volto-eea-design-system/docs/category/quotes"},{"type":"link","label":"Segment","href":"/volto-eea-design-system/docs/webdev/Components/Segment","docId":"webdev/Components/Segment"},{"type":"link","label":"Statistic","href":"/volto-eea-design-system/docs/webdev/Components/Statistic","docId":"webdev/Components/Statistic"},{"type":"link","label":"Tab","href":"/volto-eea-design-system/docs/webdev/Components/Tab","docId":"webdev/Components/Tab"},{"type":"category","label":"Search","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Filters","href":"/volto-eea-design-system/docs/webdev/Components/Search/Filters","docId":"webdev/Components/Search/Filters"},{"type":"link","label":"Suggestions","href":"/volto-eea-design-system/docs/webdev/Components/Search/Suggestions","docId":"webdev/Components/Search/Suggestions"},{"type":"link","label":"Searchbox","href":"/volto-eea-design-system/docs/webdev/Components/Search/Searchbox","docId":"webdev/Components/Search/Searchbox"}],"href":"/volto-eea-design-system/docs/category/search"},{"type":"link","label":"Table","href":"/volto-eea-design-system/docs/webdev/Components/Table","docId":"webdev/Components/Table"},{"type":"category","label":"Visuals","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Dashboard","href":"/volto-eea-design-system/docs/webdev/Components/Visuals/Dashboard","docId":"webdev/Components/Visuals/Dashboard"},{"type":"link","label":"Charts","href":"/volto-eea-design-system/docs/webdev/Components/Visuals/Charts","docId":"webdev/Components/Visuals/Charts"},{"type":"link","label":"Maps","href":"/volto-eea-design-system/docs/webdev/Components/Visuals/Maps","docId":"webdev/Components/Visuals/Maps"}],"href":"/volto-eea-design-system/docs/category/visuals"},{"type":"link","label":"Content","href":"/volto-eea-design-system/docs/webdev/Components/Content","docId":"webdev/Components/Content"},{"type":"link","label":"Tags","href":"/volto-eea-design-system/docs/webdev/Components/Tags","docId":"webdev/Components/Tags"},{"type":"link","label":"Timeline","href":"/volto-eea-design-system/docs/webdev/Components/Timeline","docId":"webdev/Components/Timeline"},{"type":"link","label":"Video","href":"/volto-eea-design-system/docs/webdev/Components/Video","docId":"webdev/Components/Video"}],"href":"/volto-eea-design-system/docs/category/components"},{"type":"category","label":"Utilities","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Utilities","href":"/volto-eea-design-system/docs/webdev/Utilities/intro","docId":"webdev/Utilities/intro"}],"href":"/volto-eea-design-system/docs/category/utilities"},{"type":"category","label":"Resources","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Developer Guidelines","href":"/volto-eea-design-system/docs/webdev/Resources/developer-guidelines","docId":"webdev/Resources/developer-guidelines"},{"type":"link","label":"Theming Guidelines","href":"/volto-eea-design-system/docs/webdev/Resources/theming-guidelines","docId":"webdev/Resources/theming-guidelines"}],"href":"/volto-eea-design-system/docs/category/resources"}],"href":"/volto-eea-design-system/docs/category/web-development"},{"type":"category","label":"Web content","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Guidelines","href":"/volto-eea-design-system/docs/webcontent/intro","docId":"webcontent/intro"},{"type":"link","label":"EEA corporate site templates","href":"/volto-eea-design-system/docs/webcontent/corporate-site-templates","docId":"webcontent/corporate-site-templates"}],"href":"/volto-eea-design-system/docs/category/web-content"},{"type":"category","label":"Publications","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Writing guidelines","href":"/volto-eea-design-system/docs/pubguide/writing","docId":"pubguide/writing"},{"type":"link","label":"Design guidelines","href":"/volto-eea-design-system/docs/pubguide/design","docId":"pubguide/design"}],"href":"/volto-eea-design-system/docs/category/publications"},{"type":"category","label":"Maps and charts","collapsible":true,"collapsed":true,"className":"red","items":[{"type":"link","label":"Dos and don\'ts","href":"/volto-eea-design-system/docs/dataguide/intro","docId":"dataguide/intro"}],"href":"/volto-eea-design-system/docs/category/maps-and-charts"}]},"docs":{"dataguide/intro":{"id":"dataguide/intro","title":"Dos and don\'ts","description":"","sidebar":"sidebar"},"intro":{"id":"intro","title":"Introduction","description":"","sidebar":"sidebar"},"pubguide/design":{"id":"pubguide/design","title":"Design guidelines","description":"","sidebar":"sidebar"},"pubguide/writing":{"id":"pubguide/writing","title":"Writing guidelines","description":"","sidebar":"sidebar"},"webcontent/corporate-site-templates":{"id":"webcontent/corporate-site-templates","title":"EEA corporate site templates","description":"EEA corporate site templates","sidebar":"sidebar"},"webcontent/intro":{"id":"webcontent/intro","title":"Guidelines","description":"This section is under development.","sidebar":"sidebar"},"webdev/Components/Accordion":{"id":"webdev/Components/Accordion","title":"Accordion","description":"","sidebar":"sidebar"},"webdev/Components/Breadcrumb":{"id":"webdev/Components/Breadcrumb","title":"Breadcrumb","description":"","sidebar":"sidebar"},"webdev/Components/Buttons":{"id":"webdev/Components/Buttons","title":"Buttons","description":"","sidebar":"sidebar"},"webdev/Components/Callout":{"id":"webdev/Components/Callout","title":"Callout","description":"","sidebar":"sidebar"},"webdev/Components/Cards":{"id":"webdev/Components/Cards","title":"Card","description":"","sidebar":"sidebar"},"webdev/Components/Comment":{"id":"webdev/Components/Comment","title":"Comment","description":"","sidebar":"sidebar"},"webdev/Components/Confirm":{"id":"webdev/Components/Confirm","title":"Confirm","description":"","sidebar":"sidebar"},"webdev/Components/Content":{"id":"webdev/Components/Content","title":"Content","description":"","sidebar":"sidebar"},"webdev/Components/Divider":{"id":"webdev/Components/Divider","title":"Divider","description":"","sidebar":"sidebar"},"webdev/Components/Forms/Checkbox":{"id":"webdev/Components/Forms/Checkbox","title":"Checkbox","description":"","sidebar":"sidebar"},"webdev/Components/Forms/Dropdown":{"id":"webdev/Components/Forms/Dropdown","title":"Dropdown","description":"","sidebar":"sidebar"},"webdev/Components/Forms/Radio":{"id":"webdev/Components/Forms/Radio","title":"Radio","description":"","sidebar":"sidebar"},"webdev/Components/Forms/TextArea":{"id":"webdev/Components/Forms/TextArea","title":"Text Area","description":"","sidebar":"sidebar"},"webdev/Components/Forms/TextInput":{"id":"webdev/Components/Forms/TextInput","title":"Text Input","description":"","sidebar":"sidebar"},"webdev/Components/Headings":{"id":"webdev/Components/Headings","title":"Headings","description":"","sidebar":"sidebar"},"webdev/Components/Image":{"id":"webdev/Components/Image","title":"Image","description":"","sidebar":"sidebar"},"webdev/Components/Inpage-Navigation":{"id":"webdev/Components/Inpage-Navigation","title":"Inpage Navigation","description":"","sidebar":"sidebar"},"webdev/Components/Item":{"id":"webdev/Components/Item","title":"Item","description":"","sidebar":"sidebar"},"webdev/Components/Labeled-icons":{"id":"webdev/Components/Labeled-icons","title":"Labeled icons","description":"","sidebar":"sidebar"},"webdev/Components/Labels":{"id":"webdev/Components/Labels","title":"Label","description":"","sidebar":"sidebar"},"webdev/Components/Lists":{"id":"webdev/Components/Lists","title":"List","description":"","sidebar":"sidebar"},"webdev/Components/Loader":{"id":"webdev/Components/Loader","title":"Loader","description":"","sidebar":"sidebar"},"webdev/Components/Logo":{"id":"webdev/Components/Logo","title":"Logo","description":"","sidebar":"sidebar"},"webdev/Components/Messages":{"id":"webdev/Components/Messages","title":"Messages","description":"","sidebar":"sidebar"},"webdev/Components/Modal":{"id":"webdev/Components/Modal","title":"Modal","description":"","sidebar":"sidebar"},"webdev/Components/Pagination":{"id":"webdev/Components/Pagination","title":"Pagination","description":"","sidebar":"sidebar"},"webdev/Components/Popup":{"id":"webdev/Components/Popup","title":"Popup","description":"","sidebar":"sidebar"},"webdev/Components/Progress":{"id":"webdev/Components/Progress","title":"Progress","description":"","sidebar":"sidebar"},"webdev/Components/Quote/Quote":{"id":"webdev/Components/Quote/Quote","title":"Quote","description":"","sidebar":"sidebar"},"webdev/Components/Quote/Testimonial":{"id":"webdev/Components/Quote/Testimonial","title":"Testimonial","description":"","sidebar":"sidebar"},"webdev/Components/Search/Filters":{"id":"webdev/Components/Search/Filters","title":"Filters","description":"","sidebar":"sidebar"},"webdev/Components/Search/Searchbox":{"id":"webdev/Components/Search/Searchbox","title":"Searchbox","description":"","sidebar":"sidebar"},"webdev/Components/Search/Suggestions":{"id":"webdev/Components/Search/Suggestions","title":"Suggestions","description":"","sidebar":"sidebar"},"webdev/Components/Segment":{"id":"webdev/Components/Segment","title":"Segment","description":"","sidebar":"sidebar"},"webdev/Components/Statistic":{"id":"webdev/Components/Statistic","title":"Statistic","description":"","sidebar":"sidebar"},"webdev/Components/Tab":{"id":"webdev/Components/Tab","title":"Tab","description":"","sidebar":"sidebar"},"webdev/Components/Table":{"id":"webdev/Components/Table","title":"Table","description":"","sidebar":"sidebar"},"webdev/Components/Tags":{"id":"webdev/Components/Tags","title":"Tags","description":"","sidebar":"sidebar"},"webdev/Components/Timeline":{"id":"webdev/Components/Timeline","title":"Timeline","description":"","sidebar":"sidebar"},"webdev/Components/Video":{"id":"webdev/Components/Video","title":"Video","description":"","sidebar":"sidebar"},"webdev/Components/Visuals/Charts":{"id":"webdev/Components/Visuals/Charts","title":"Charts","description":"","sidebar":"sidebar"},"webdev/Components/Visuals/Dashboard":{"id":"webdev/Components/Visuals/Dashboard","title":"Dashboard","description":"","sidebar":"sidebar"},"webdev/Components/Visuals/Maps":{"id":"webdev/Components/Visuals/Maps","title":"Maps","description":"","sidebar":"sidebar"},"webdev/Guidelines/colours":{"id":"webdev/Guidelines/colours","title":"Colours","description":"","sidebar":"sidebar"},"webdev/Guidelines/iconography":{"id":"webdev/Guidelines/iconography","title":"Iconography","description":"","sidebar":"sidebar"},"webdev/Guidelines/images":{"id":"webdev/Guidelines/images","title":"Use of images","description":"","sidebar":"sidebar"},"webdev/Guidelines/intro":{"id":"webdev/Guidelines/intro","title":"Intro","description":"","sidebar":"sidebar"},"webdev/Guidelines/spacing":{"id":"webdev/Guidelines/spacing","title":"Spacing","description":"","sidebar":"sidebar"},"webdev/Guidelines/typography":{"id":"webdev/Guidelines/typography","title":"Typography","description":"","sidebar":"sidebar"},"webdev/Resources/developer-guidelines":{"id":"webdev/Resources/developer-guidelines","title":"Developer Guidelines","description":"Developer guidelines for developers of the EEA Design System","sidebar":"sidebar"},"webdev/Resources/theming-guidelines":{"id":"webdev/Resources/theming-guidelines","title":"Theming Guidelines","description":"Theming guidelines for developers of the EEA Design System","sidebar":"sidebar"},"webdev/Templates/Grid":{"id":"webdev/Templates/Grid","title":"Grid","description":"","sidebar":"sidebar"},"webdev/Templates/PageHeader":{"id":"webdev/Templates/PageHeader","title":"Page Header","description":"","sidebar":"sidebar"},"webdev/Templates/SiteFooter":{"id":"webdev/Templates/SiteFooter","title":"Site Footer","description":"","sidebar":"sidebar"},"webdev/Templates/SiteHeader":{"id":"webdev/Templates/SiteHeader","title":"Site Header","description":"","sidebar":"sidebar"},"webdev/Utilities/intro":{"id":"webdev/Utilities/intro","title":"Utilities","description":"","sidebar":"sidebar"},"whatsnew":{"id":"whatsnew","title":"What\'s new","description":"EEA Design System (1.0)","sidebar":"sidebar"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/9a6dc4ea.9dd8eff7.js b/docs/assets/js/9a6dc4ea.9dd8eff7.js new file mode 100644 index 0000000000..982bddd810 --- /dev/null +++ b/docs/assets/js/9a6dc4ea.9dd8eff7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2452],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>g});var a=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=a.createContext({}),u=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return a.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},m=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=u(n),m=r,g=p["".concat(i,".").concat(m)]||p[m]||d[m]||o;return n?a.createElement(g,l(l({ref:t},c),{},{components:n})):a.createElement(g,l({ref:t},c))}));function g(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,l=new Array(o);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:r,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>w,frontMatter:()=>g,metadata:()=>h,toc:()=>b});var a=n(5072),r=(n(1504),n(5788)),o=n(7144);const l={toc:[{value:"Anatomy",id:"anatomy",children:[],level:3},{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,r.yg)(s,(0,a.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"The page header component provides users with the context of the page. It is always placed just below the site header. "),(0,r.yg)("h3",{id:"anatomy"},"Anatomy"),(0,r.yg)("table",null,(0,r.yg)("thead",{parentName:"table"},(0,r.yg)("tr",{parentName:"thead"},(0,r.yg)("th",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"th"},"Components")),(0,r.yg)("th",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"th"},"Mandatory")),(0,r.yg)("th",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"th"},"Optional")))),(0,r.yg)("tbody",{parentName:"table"},(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"Page title")),(0,r.yg)("td",{parentName:"tr",align:null},"yes"),(0,r.yg)("td",{parentName:"tr",align:null},"no")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"Meta (content type, published date, modified date, reading time)")),(0,r.yg)("td",{parentName:"tr",align:null},"no"),(0,r.yg)("td",{parentName:"tr",align:null},"yes")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"Download - Bookmark actions")),(0,r.yg)("td",{parentName:"tr",align:null},"no"),(0,r.yg)("td",{parentName:"tr",align:null},"yes")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"Breadcrumb"),(0,r.yg)("br",null)," The Breadcrumb component provides information on the page and its relationship to the site's hierarchy and structure.",(0,r.yg)("br",null),"It is optional if your website's navigational structure has less than 3 levels."),(0,r.yg)("td",{parentName:"tr",align:null},"no"),(0,r.yg)("td",{parentName:"tr",align:null},"yes")),(0,r.yg)("tr",{parentName:"tbody"},(0,r.yg)("td",{parentName:"tr",align:null},(0,r.yg)("strong",{parentName:"td"},"Image copyrights")),(0,r.yg)("td",{parentName:"tr",align:null},"yes"),(0,r.yg)("td",{parentName:"tr",align:null},"no")))),(0,r.yg)("h3",{id:"dos"},"Do's"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"ensure the pages contain all the components and elements in the anatomy table above"),(0,r.yg)("li",{parentName:"ul"},"always use a page header when building your internal pages"),(0,r.yg)("li",{parentName:"ul"},"when choosing a background image, make sure it highlights the main object related to the content and is meaningful"),(0,r.yg)("li",{parentName:"ul"},"choose image copyright text colors accordingly, use light font color on darker images and darker font color on lighter ones")),(0,r.yg)("h3",{id:"donts"},"Don'ts"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"don't use more than one-page header per page"),(0,r.yg)("li",{parentName:"ul"},"do not use a background image unless there is a communication need, as it might be a distraction")),(0,r.yg)("h3",{id:"when-to-use"},"When to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"to highlight the topic of the page, or to show important information about the page")),(0,r.yg)("h3",{id:"when-not-to-use"},"When not to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"the page header is not used for the homepage of the website")))}i.isMDXComponent=!0;var u=n(4620);const c={toc:[]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,r.yg)(p,(0,a.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(u.cp,{id:"components-page-header--default",height:"500",mdxType:"Iframe"}," "),(0,r.yg)(u.cp,{id:"components-page-header--default&args=image:false",height:"500",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="AccordionJSDoc";var m;const g={title:"Page Header",description:"",hide_table_of_contents:!0},y=void 0,h={unversionedId:"webdev/Templates/PageHeader",id:"webdev/Templates/PageHeader",title:"Page Header",description:"",source:"@site/docs/webdev/4-Templates/4-PageHeader.mdx",sourceDirName:"webdev/4-Templates",slug:"/webdev/Templates/PageHeader",permalink:"/volto-eea-design-system/docs/webdev/Templates/PageHeader",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/4-Templates/4-PageHeader.mdx",tags:[],version:"current",sidebarPosition:4,frontMatter:{title:"Page Header",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Site Footer",permalink:"/volto-eea-design-system/docs/webdev/Templates/SiteFooter"},next:{title:"Components",permalink:"/volto-eea-design-system/docs/category/components"}},b=[],f={toc:b},v="wrapper";function w(e){let{components:t,...n}=e;return(0,r.yg)(v,(0,a.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(o.cp,{usage:(0,r.yg)(i,{mdxType:"Usage"}),showcase:(0,r.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>u});var a=n(5072),r=(n(1504),n(5788)),o=n(8264);function l(){const{siteConfig:e}=(0,o.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,r.yg)(i,(0,a.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>f});var a=n(5072),r=n(1504),o=n(5788),l=n(3664),s=n(7676);const i=function(){const e=(0,r.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(7572),c=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:a,values:o,groupId:l,className:s}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=o??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),g=(0,u.wn)(m,((e,t)=>e.value===t.value));if(g.length>0)throw new Error(`Docusaurus error: Duplicate values "${g.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===a?a:a??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==y&&!m.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:h,setTabGroupChoices:b}=i(),[f,v]=(0,r.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:N}=(0,u.MV)();if(null!=l){const e=h[l];null!=e&&e!==f&&m.some((t=>t.value===e))&&v(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),a=m[n].value;a!==f&&(N(t),v(a),null!=l&&b(l,a))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:f===t?0:-1,"aria-selected":f===t,className:(0,c.c)("tabs__item",p.tabItem,{"tabs__item--active":f===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===f))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==f})))))}function m(e){const t=(0,l.c)();return r.createElement(d,(0,a.c)({key:String(t)},e))}const g=function(e){let{children:t,hidden:n,className:a}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:a},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const h={toc:[],getValues:y},b="wrapper";function f(e){let{components:t,...n}=e;return(0,o.yg)(b,(0,a.c)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(m,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,o.yg)(g,{value:"usage",mdxType:"TabItem"},n.usage),(0,o.yg)(g,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,o.yg)(g,{value:"api",mdxType:"TabItem"},n.api)))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/9a6dc4ea.f1d8d943.js b/docs/assets/js/9a6dc4ea.f1d8d943.js deleted file mode 100644 index acaa74d483..0000000000 --- a/docs/assets/js/9a6dc4ea.f1d8d943.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2282],{3905:(e,t,n)=>{n.d(t,{Zo:()=>p,kt:()=>h});var a=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=a.createContext({}),u=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},p=function(e){var t=u(e.components);return a.createElement(i.Provider,{value:t},e.children)},c="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},m=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,i=e.parentName,p=s(e,["components","mdxType","originalType","parentName"]),c=u(n),m=r,h=c["".concat(i,".").concat(m)]||c[m]||d[m]||o;return n?a.createElement(h,l(l({ref:t},p),{},{components:n})):a.createElement(h,l({ref:t},p))}));function h(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,l=new Array(o);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[c]="string"==typeof e?e:r,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>g,default:()=>k,frontMatter:()=>h,metadata:()=>b,toc:()=>f});var a=n(7462),r=(n(7294),n(3905)),o=n(4037);const l={toc:[{value:"Anatomy",id:"anatomy",children:[],level:3},{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,r.kt)(s,(0,a.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"The page header component provides users with the context of the page. It is always placed just below the site header. "),(0,r.kt)("h3",{id:"anatomy"},"Anatomy"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"th"},"Components")),(0,r.kt)("th",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"th"},"Mandatory")),(0,r.kt)("th",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"th"},"Optional")))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"Page title")),(0,r.kt)("td",{parentName:"tr",align:null},"yes"),(0,r.kt)("td",{parentName:"tr",align:null},"no")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"Meta (content type, published date, modified date, reading time)")),(0,r.kt)("td",{parentName:"tr",align:null},"no"),(0,r.kt)("td",{parentName:"tr",align:null},"yes")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"Download - Bookmark actions")),(0,r.kt)("td",{parentName:"tr",align:null},"no"),(0,r.kt)("td",{parentName:"tr",align:null},"yes")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"Breadcrumb"),(0,r.kt)("br",null)," The Breadcrumb component provides information on the page and its relationship to the site's hierarchy and structure.",(0,r.kt)("br",null),"It is optional if your website's navigational structure has less than 3 levels."),(0,r.kt)("td",{parentName:"tr",align:null},"no"),(0,r.kt)("td",{parentName:"tr",align:null},"yes")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:null},(0,r.kt)("strong",{parentName:"td"},"Image copyrights")),(0,r.kt)("td",{parentName:"tr",align:null},"yes"),(0,r.kt)("td",{parentName:"tr",align:null},"no")))),(0,r.kt)("h3",{id:"dos"},"Do's"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"ensure the pages contain all the components and elements in the anatomy table above"),(0,r.kt)("li",{parentName:"ul"},"always use a page header when building your internal pages"),(0,r.kt)("li",{parentName:"ul"},"when choosing a background image, make sure it highlights the main object related to the content and is meaningful"),(0,r.kt)("li",{parentName:"ul"},"choose image copyright text colors accordingly, use light font color on darker images and darker font color on lighter ones")),(0,r.kt)("h3",{id:"donts"},"Don'ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"don't use more than one-page header per page"),(0,r.kt)("li",{parentName:"ul"},"do not use a background image unless there is a communication need, as it might be a distraction")),(0,r.kt)("h3",{id:"when-to-use"},"When to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"to highlight the topic of the page, or to show important information about the page")),(0,r.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"the page header is not used for the homepage of the website")))}i.isMDXComponent=!0;var u=n(7521);const p={toc:[]},c="wrapper";function d(e){let{components:t,...n}=e;return(0,r.kt)(c,(0,a.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(u.ZP,{id:"components-page-header--default",height:"500",mdxType:"Iframe"}," "),(0,r.kt)(u.ZP,{id:"components-page-header--default&args=image:false",height:"500",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="AccordionJSDoc";var m;const h={title:"Page Header",description:"",hide_table_of_contents:!0},g=void 0,b={unversionedId:"webdev/Templates/PageHeader",id:"webdev/Templates/PageHeader",title:"Page Header",description:"",source:"@site/docs/webdev/4-Templates/4-PageHeader.mdx",sourceDirName:"webdev/4-Templates",slug:"/webdev/Templates/PageHeader",permalink:"/volto-eea-design-system/docs/webdev/Templates/PageHeader",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/4-Templates/4-PageHeader.mdx",tags:[],version:"current",sidebarPosition:4,frontMatter:{title:"Page Header",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Site Footer",permalink:"/volto-eea-design-system/docs/webdev/Templates/SiteFooter"},next:{title:"Components",permalink:"/volto-eea-design-system/docs/category/components"}},f=[],y={toc:f},v="wrapper";function k(e){let{components:t,...n}=e;return(0,r.kt)(v,(0,a.Z)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(o.ZP,{usage:(0,r.kt)(i,{mdxType:"Usage"}),showcase:(0,r.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}k.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var a=n(7462),r=(n(7294),n(3905)),o=n(2263);function l(){const{siteConfig:e}=(0,o.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,r.kt)(i,(0,a.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var a=n(7462),r=n(7294),o=n(3905),l=n(2389),s=n(9443);const i=function(){const e=(0,r.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),p=n(6010);const c={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:a,values:o,groupId:l,className:s}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=o??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),h=(0,u.lx)(m,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const g=null===a?a:a??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==g&&!m.some((e=>e.value===g)))throw new Error(`Docusaurus error: The has a defaultValue "${g}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:f}=i(),[y,v]=(0,r.useState)(g),k=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.o5)();if(null!=l){const e=b[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&v(e)}const N=e=>{const t=e.currentTarget,n=k.indexOf(t),a=m[n].value;a!==y&&(w(t),v(a),null!=l&&f(l,a))},T=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=k.indexOf(e.currentTarget)+1;t=k[n]||k[0];break}case"ArrowLeft":{const n=k.indexOf(e.currentTarget)-1;t=k[n]||k[k.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,p.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,p.Z)("tabs__item",c.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>k.push(e),onKeyDown:T,onFocus:N,onClick:N},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return r.createElement(d,(0,a.Z)({key:String(t)},e))}const h=function(e){let{children:t,hidden:n,className:a}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:a},t)};function g(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:g},f="wrapper";function y(e){let{components:t,...n}=e;return(0,o.kt)(f,(0,a.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(m,{defaultValue:"usage",values:g(n),mdxType:"Tabs"},(0,o.kt)(h,{value:"usage",mdxType:"TabItem"},n.usage),(0,o.kt)(h,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,o.kt)(h,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/9b6f4efd.656b0a57.js b/docs/assets/js/9b6f4efd.656b0a57.js new file mode 100644 index 0000000000..4ac327aae8 --- /dev/null +++ b/docs/assets/js/9b6f4efd.656b0a57.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6996],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>y});var a=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function i(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var l=a.createContext({}),c=function(e){var t=a.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},u=function(e){var t=c(e.components);return a.createElement(l.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},m=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,l=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),p=c(n),m=r,y=p["".concat(l,".").concat(m)]||p[m]||d[m]||o;return n?a.createElement(y,i(i({ref:t},u),{},{components:n})):a.createElement(y,i({ref:t},u))}));function y(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,i=new Array(o);i[0]=m;var s={};for(var l in t)hasOwnProperty.call(t,l)&&(s[l]=t[l]);s.originalType=e,s[p]="string"==typeof e?e:r,i[1]=s;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>b,frontMatter:()=>m,metadata:()=>v,toc:()=>f});var a=n(5072),r=(n(1504),n(5788)),o=n(7144);const i={toc:[{value:"Kinds of Visual\u202fDividers",id:"kinds-of-visualdividers",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function l(e){let{components:t,...n}=e;return(0,r.yg)(s,(0,a.c)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"Dividers are\u202fused throughout all types of design to establish content hierarchy and separate themes. Deceptively simple, they are one of the main contributors to our visual style. "),(0,r.yg)("h3",{id:"kinds-of-visualdividers"},"Kinds of Visual\u202fDividers"),(0,r.yg)("p",null,"Talking about dividers, we can analyze them in two aspects: their appearance and their functions. Starting with the visual part, there are 4 basic and broadly used methods of dividing content in our user interfaces: "),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},"Lines ")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},"Color contrast ")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},"Negative space ")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},"Images "))),(0,r.yg)("p",null,(0,r.yg)("strong",{parentName:"p"},"Lines")," have belonged to the top methods of separating the pieces of content since time immemorial, both in print production and in digital interfaces. They are recognized easily in this role, so users won\u2019t need to think twice. "),(0,r.yg)("h3",{id:"donts"},"Don\u2019ts"),(0,r.yg)("p",null,"Too many lines can overload the screen with visual noise and create unnecessary visual tension. Use lines only if the content cannot be effectively divided in another way. "),(0,r.yg)("h3",{id:"when-to-use"},"When to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},"when whitespace is not enough of a separator")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},"in lists, separate items to show they are individual and unrelated items when each item is long and otherwise difficult to scan")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},"in layouts, when background color changes (e.g. from Gray 100 to White) "))),(0,r.yg)("h3",{id:"when-not-to-use"},"When not to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},"for surrounding an item, use a\u202fborder instead")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},"for grouping content, use a\u202fcard\u202for\u202ftable "))),(0,r.yg)("p",null,(0,r.yg)("strong",{parentName:"p"},"Color Contrast")," is another effective type of visual divider. Contrast is one of the key factors influencing\u202fscannability\u202fand visual hierarchy of the page or screen. With all that, color contrast can effective separate different option, items, or interactive zones, that means work as a visual divider. "),(0,r.yg)("p",null,(0,r.yg)("strong",{parentName:"p"},"Negative space\u202f(aka white space)")," means empty space on the screen around and often inside the elements. Yet, empty does not mean passive or wasted: as well as any other element of the screen, it works supporting a positive user experience. Negative space is one of the most popular kinds of visual dividers, especially in interfaces built on the idea of\u202fminimalism\u202fand simplicity. Negative space turns into an effective and elegant visual divider that also let the interface to breathe and avoid clutter. "),(0,r.yg)("p",null,(0,r.yg)("strong",{parentName:"p"},"Images")," of all kinds present one more effective visual divider. In this role, they are especially popular in the interfaces with lots of text content pages.\u202fPhotos,\u202fillustrations,\u202f3D graphics, as well as animated images,\u202fhelp to balance the text content, increase scannability and\u202freadability\u202flevels, effectively divide the visual blocks, as well as add fun and emotional appeal."))}l.isMDXComponent=!0;var c=n(4620);const u={toc:[{value:"Default",id:"default",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,r.yg)(p,(0,a.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("h2",{id:"default"},"Default"),(0,r.yg)(c.cp,{id:"components-divider--default&args=color:secondary",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const m={title:"Divider",description:"",hide_table_of_contents:!0},y=void 0,v={unversionedId:"webdev/Components/Divider",id:"webdev/Components/Divider",title:"Divider",description:"",source:"@site/docs/webdev/5-Components/7-Divider.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Divider",permalink:"/volto-eea-design-system/docs/webdev/Components/Divider",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/divider_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:7,frontMatter:{title:"Divider",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Confirm",permalink:"/volto-eea-design-system/docs/webdev/Components/Confirm"},next:{title:"Forms",permalink:"/volto-eea-design-system/docs/category/forms"}},f=[],h={toc:f},g="wrapper";function b(e){let{components:t,...n}=e;return(0,r.yg)(g,(0,a.c)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(o.cp,{usage:(0,r.yg)(l,{mdxType:"Usage"}),showcase:(0,r.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}b.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var a=n(5072),r=(n(1504),n(5788)),o=n(8264);function i(){const{siteConfig:e}=(0,o.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:i},l="wrapper";function c(e){let{components:t,...n}=e;return(0,r.yg)(l,(0,a.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:i()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>g});var a=n(5072),r=n(1504),o=n(5788),i=n(3664),s=n(7676);const l=function(){const e=(0,r.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:a,values:o,groupId:i,className:s}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=o??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),y=(0,c.wn)(m,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const v=null===a?a:a??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==v&&!m.some((e=>e.value===v)))throw new Error(`Docusaurus error: The has a defaultValue "${v}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:h}=l(),[g,b]=(0,r.useState)(v),w=[],{blockElementScrollPositionUntilNextRender:N}=(0,c.MV)();if(null!=i){const e=f[i];null!=e&&e!==g&&m.some((t=>t.value===e))&&b(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),a=m[n].value;a!==g&&(N(t),b(a),null!=i&&h(i,a))},D=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:D,onFocus:T,onClick:T},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function m(e){const t=(0,i.c)();return r.createElement(d,(0,a.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:n,className:a}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:a},t)};function v(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:v},h="wrapper";function g(e){let{components:t,...n}=e;return(0,o.yg)(h,(0,a.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(m,{defaultValue:"usage",values:v(n),mdxType:"Tabs"},(0,o.yg)(y,{value:"usage",mdxType:"TabItem"},n.usage),(0,o.yg)(y,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,o.yg)(y,{value:"api",mdxType:"TabItem"},n.api)))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/9b6f4efd.b0273f83.js b/docs/assets/js/9b6f4efd.b0273f83.js deleted file mode 100644 index 997769d1e3..0000000000 --- a/docs/assets/js/9b6f4efd.b0273f83.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2678],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>v});var a=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function i(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var l=a.createContext({}),u=function(e){var t=a.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},c=function(e){var t=u(e.components);return a.createElement(l.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},m=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,l=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=u(n),m=r,v=p["".concat(l,".").concat(m)]||p[m]||d[m]||o;return n?a.createElement(v,i(i({ref:t},c),{},{components:n})):a.createElement(v,i({ref:t},c))}));function v(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,i=new Array(o);i[0]=m;var s={};for(var l in t)hasOwnProperty.call(t,l)&&(s[l]=t[l]);s.originalType=e,s[p]="string"==typeof e?e:r,i[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>v,default:()=>g,frontMatter:()=>m,metadata:()=>f,toc:()=>h});var a=n(7462),r=(n(7294),n(3905)),o=n(4037);const i={toc:[{value:"Kinds of Visual\u202fDividers",id:"kinds-of-visualdividers",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function l(e){let{components:t,...n}=e;return(0,r.kt)(s,(0,a.Z)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"Dividers are\u202fused throughout all types of design to establish content hierarchy and separate themes. Deceptively simple, they are one of the main contributors to our visual style. "),(0,r.kt)("h3",{id:"kinds-of-visualdividers"},"Kinds of Visual\u202fDividers"),(0,r.kt)("p",null,"Talking about dividers, we can analyze them in two aspects: their appearance and their functions. Starting with the visual part, there are 4 basic and broadly used methods of dividing content in our user interfaces: "),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"Lines ")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"Color contrast ")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"Negative space ")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"Images "))),(0,r.kt)("p",null,(0,r.kt)("strong",{parentName:"p"},"Lines")," have belonged to the top methods of separating the pieces of content since time immemorial, both in print production and in digital interfaces. They are recognized easily in this role, so users won\u2019t need to think twice. "),(0,r.kt)("h3",{id:"donts"},"Don\u2019ts"),(0,r.kt)("p",null,"Too many lines can overload the screen with visual noise and create unnecessary visual tension. Use lines only if the content cannot be effectively divided in another way. "),(0,r.kt)("h3",{id:"when-to-use"},"When to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"when whitespace is not enough of a separator")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"in lists, separate items to show they are individual and unrelated items when each item is long and otherwise difficult to scan")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"in layouts, when background color changes (e.g. from Gray 100 to White) "))),(0,r.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"for surrounding an item, use a\u202fborder instead")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},"for grouping content, use a\u202fcard\u202for\u202ftable "))),(0,r.kt)("p",null,(0,r.kt)("strong",{parentName:"p"},"Color Contrast")," is another effective type of visual divider. Contrast is one of the key factors influencing\u202fscannability\u202fand visual hierarchy of the page or screen. With all that, color contrast can effective separate different option, items, or interactive zones, that means work as a visual divider. "),(0,r.kt)("p",null,(0,r.kt)("strong",{parentName:"p"},"Negative space\u202f(aka white space)")," means empty space on the screen around and often inside the elements. Yet, empty does not mean passive or wasted: as well as any other element of the screen, it works supporting a positive user experience. Negative space is one of the most popular kinds of visual dividers, especially in interfaces built on the idea of\u202fminimalism\u202fand simplicity. Negative space turns into an effective and elegant visual divider that also let the interface to breathe and avoid clutter. "),(0,r.kt)("p",null,(0,r.kt)("strong",{parentName:"p"},"Images")," of all kinds present one more effective visual divider. In this role, they are especially popular in the interfaces with lots of text content pages.\u202fPhotos,\u202fillustrations,\u202f3D graphics, as well as animated images,\u202fhelp to balance the text content, increase scannability and\u202freadability\u202flevels, effectively divide the visual blocks, as well as add fun and emotional appeal."))}l.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Default",id:"default",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,r.kt)(p,(0,a.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default"},"Default"),(0,r.kt)(u.ZP,{id:"components-divider--default&args=color:secondary",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const m={title:"Divider",description:"",hide_table_of_contents:!0},v=void 0,f={unversionedId:"webdev/Components/Divider",id:"webdev/Components/Divider",title:"Divider",description:"",source:"@site/docs/webdev/5-Components/7-Divider.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Divider",permalink:"/volto-eea-design-system/docs/webdev/Components/Divider",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/divider_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:7,frontMatter:{title:"Divider",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Confirm",permalink:"/volto-eea-design-system/docs/webdev/Components/Confirm"},next:{title:"Forms",permalink:"/volto-eea-design-system/docs/category/forms"}},h=[],y={toc:h},b="wrapper";function g(e){let{components:t,...n}=e;return(0,r.kt)(b,(0,a.Z)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(o.ZP,{usage:(0,r.kt)(l,{mdxType:"Usage"}),showcase:(0,r.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}g.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var a=n(7462),r=(n(7294),n(3905)),o=n(2263);function i(){const{siteConfig:e}=(0,o.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:i},l="wrapper";function u(e){let{components:t,...n}=e;return(0,r.kt)(l,(0,a.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:i()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>b});var a=n(7462),r=n(7294),o=n(3905),i=n(2389),s=n(9443);const l=function(){const e=(0,r.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:a,values:o,groupId:i,className:s}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=o??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),v=(0,u.lx)(m,((e,t)=>e.value===t.value));if(v.length>0)throw new Error(`Docusaurus error: Duplicate values "${v.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===a?a:a??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==f&&!m.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:h,setTabGroupChoices:y}=l(),[b,g]=(0,r.useState)(f),k=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.o5)();if(null!=i){const e=h[i];null!=e&&e!==b&&m.some((t=>t.value===e))&&g(e)}const N=e=>{const t=e.currentTarget,n=k.indexOf(t),a=m[n].value;a!==b&&(w(t),g(a),null!=i&&y(i,a))},T=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=k.indexOf(e.currentTarget)+1;t=k[n]||k[0];break}case"ArrowLeft":{const n=k.indexOf(e.currentTarget)-1;t=k[n]||k[k.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:b===t?0:-1,"aria-selected":b===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":b===t}),key:t,ref:e=>k.push(e),onKeyDown:T,onFocus:N,onClick:N},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===b))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==b})))))}function m(e){const t=(0,i.Z)();return r.createElement(d,(0,a.Z)({key:String(t)},e))}const v=function(e){let{children:t,hidden:n,className:a}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:a},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const h={toc:[],getValues:f},y="wrapper";function b(e){let{components:t,...n}=e;return(0,o.kt)(y,(0,a.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(m,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,o.kt)(v,{value:"usage",mdxType:"TabItem"},n.usage),(0,o.kt)(v,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,o.kt)(v,{value:"api",mdxType:"TabItem"},n.api)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/9c235974.37d0ed39.js b/docs/assets/js/9c235974.b078bbfb.js similarity index 52% rename from docs/assets/js/9c235974.37d0ed39.js rename to docs/assets/js/9c235974.b078bbfb.js index a9c670c537..174b6914a0 100644 --- a/docs/assets/js/9c235974.37d0ed39.js +++ b/docs/assets/js/9c235974.b078bbfb.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1327],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>h});var o=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u=o.createContext({}),i=function(e){var t=o.useContext(u),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=i(e.components);return o.createElement(u.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,u=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=i(n),m=r,h=p["".concat(u,".").concat(m)]||p[m]||d[m]||a;return n?o.createElement(h,l(l({ref:t},c),{},{components:n})):o.createElement(h,l({ref:t},c))}));function h(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var u in t)hasOwnProperty.call(t,u)&&(s[u]=t[u]);s.originalType=e,s[p]="string"==typeof e?e:r,l[1]=s;for(var i=2;i{n.r(t),n.d(t,{contentTitle:()=>h,default:()=>g,frontMatter:()=>m,metadata:()=>f,toc:()=>v});var o=n(7462),r=(n(7294),n(3905)),a=n(4037);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function u(e){let{components:t,...n}=e;return(0,r.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"The callout component is used to capture users' attention of an excerpt, testimonial, or a quote cited from the article or other sources. The design style makes the quoted section more distinguishable than the rest of the content in the web page."),(0,r.kt)("h3",{id:"dos"},"Do's"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"always name the source of the quoted content"),(0,r.kt)("li",{parentName:"ul"},"limit the quote to no longer than 80 characters"),(0,r.kt)("li",{parentName:"ul"},"use the image variant to add a portrait of the quoted person")),(0,r.kt)("h3",{id:"donts"},"Don'ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"do not apply more than two callout components on the webpage"),(0,r.kt)("li",{parentName:"ul"},"for the image variant, do not use a photoshopped composition of images")),(0,r.kt)("h3",{id:"when-to-use"},"When to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"quoting something important")),(0,r.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"to emphasize text style")))}u.isMDXComponent=!0;var i=n(7521);const c={toc:[]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,r.kt)(p,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(i.ZP,{id:"components-callout--default",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const m={title:"Callout",description:"",hide_table_of_contents:!0},h=void 0,f={unversionedId:"webdev/Components/Callout",id:"webdev/Components/Callout",title:"Callout",description:"",source:"@site/docs/webdev/5-Components/3-Callout.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Callout",permalink:"/volto-eea-design-system/docs/webdev/Components/Callout",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/callout_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"Callout",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Buttons",permalink:"/volto-eea-design-system/docs/webdev/Components/Buttons"},next:{title:"Card",permalink:"/volto-eea-design-system/docs/webdev/Components/Cards"}},v=[],b={toc:v},y="wrapper";function g(e){let{components:t,...n}=e;return(0,r.kt)(y,(0,o.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(u,{mdxType:"Usage"}),showcase:(0,r.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}g.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>i});var o=n(7462),r=(n(7294),n(3905)),a=n(2263);function l(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},u="wrapper";function i(e){let{components:t,...n}=e;return(0,r.kt)(u,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}i.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var o=n(7462),r=n(7294),a=n(3905),l=n(2389),s=n(9443);const u=function(){const e=(0,r.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var i=n(3810),c=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),h=(0,i.lx)(m,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==f&&!m.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:b}=u(),[y,g]=(0,r.useState)(f),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,i.o5)();if(null!=l){const e=v[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&g(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==y&&(k(t),g(o),null!=l&&b(l,o))},C=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>w.push(e),onKeyDown:C,onFocus:T,onClick:T},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return r.createElement(d,(0,o.Z)({key:String(t)},e))}const h=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:f},b="wrapper";function y(e){let{components:t,...n}=e;return(0,a.kt)(b,(0,o.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,a.kt)(h,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(h,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(h,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2472],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>y});var o=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u=o.createContext({}),i=function(e){var t=o.useContext(u),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=i(e.components);return o.createElement(u.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,u=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=i(n),m=r,y=p["".concat(u,".").concat(m)]||p[m]||d[m]||a;return n?o.createElement(y,l(l({ref:t},c),{},{components:n})):o.createElement(y,l({ref:t},c))}));function y(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var u in t)hasOwnProperty.call(t,u)&&(s[u]=t[u]);s.originalType=e,s[p]="string"==typeof e?e:r,l[1]=s;for(var i=2;i{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>b,frontMatter:()=>m,metadata:()=>h,toc:()=>f});var o=n(5072),r=(n(1504),n(5788)),a=n(7144);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function u(e){let{components:t,...n}=e;return(0,r.yg)(s,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"The callout component is used to capture users' attention of an excerpt, testimonial, or a quote cited from the article or other sources. The design style makes the quoted section more distinguishable than the rest of the content in the web page."),(0,r.yg)("h3",{id:"dos"},"Do's"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"always name the source of the quoted content"),(0,r.yg)("li",{parentName:"ul"},"limit the quote to no longer than 80 characters"),(0,r.yg)("li",{parentName:"ul"},"use the image variant to add a portrait of the quoted person")),(0,r.yg)("h3",{id:"donts"},"Don'ts"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"do not apply more than two callout components on the webpage"),(0,r.yg)("li",{parentName:"ul"},"for the image variant, do not use a photoshopped composition of images")),(0,r.yg)("h3",{id:"when-to-use"},"When to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"quoting something important")),(0,r.yg)("h3",{id:"when-not-to-use"},"When not to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"to emphasize text style")))}u.isMDXComponent=!0;var i=n(4620);const c={toc:[]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,r.yg)(p,(0,o.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(i.cp,{id:"components-callout--default",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const m={title:"Callout",description:"",hide_table_of_contents:!0},y=void 0,h={unversionedId:"webdev/Components/Callout",id:"webdev/Components/Callout",title:"Callout",description:"",source:"@site/docs/webdev/5-Components/3-Callout.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Callout",permalink:"/volto-eea-design-system/docs/webdev/Components/Callout",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/callout_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"Callout",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Buttons",permalink:"/volto-eea-design-system/docs/webdev/Components/Buttons"},next:{title:"Card",permalink:"/volto-eea-design-system/docs/webdev/Components/Cards"}},f=[],g={toc:f},v="wrapper";function b(e){let{components:t,...n}=e;return(0,r.yg)(v,(0,o.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(a.cp,{usage:(0,r.yg)(u,{mdxType:"Usage"}),showcase:(0,r.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}b.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>i});var o=n(5072),r=(n(1504),n(5788)),a=n(8264);function l(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},u="wrapper";function i(e){let{components:t,...n}=e;return(0,r.yg)(u,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}i.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>v});var o=n(5072),r=n(1504),a=n(5788),l=n(3664),s=n(7676);const u=function(){const e=(0,r.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var i=n(7572),c=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),y=(0,i.wn)(m,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const h=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==h&&!m.some((e=>e.value===h)))throw new Error(`Docusaurus error: The has a defaultValue "${h}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:g}=u(),[v,b]=(0,r.useState)(h),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,i.MV)();if(null!=l){const e=f[l];null!=e&&e!==v&&m.some((t=>t.value===e))&&b(e)}const C=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==v&&(T(t),b(o),null!=l&&g(l,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:v===t?0:-1,"aria-selected":v===t,className:(0,c.c)("tabs__item",p.tabItem,{"tabs__item--active":v===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:C,onClick:C},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===v))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==v})))))}function m(e){const t=(0,l.c)();return r.createElement(d,(0,o.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function h(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:h},g="wrapper";function v(e){let{components:t,...n}=e;return(0,a.yg)(g,(0,o.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(m,{defaultValue:"usage",values:h(n),mdxType:"Tabs"},(0,a.yg)(y,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(y,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(y,{value:"api",mdxType:"TabItem"},n.api)))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/9e4087bc.6e912446.js b/docs/assets/js/9e4087bc.49fd043a.js similarity index 75% rename from docs/assets/js/9e4087bc.6e912446.js rename to docs/assets/js/9e4087bc.49fd043a.js index 4a9ab425cc..4c1563d3fb 100644 --- a/docs/assets/js/9e4087bc.6e912446.js +++ b/docs/assets/js/9e4087bc.49fd043a.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3608],{3012:(e,t,a)=>{a.r(t),a.d(t,{default:()=>m});var r=a(7294),l=a(4161),n=a(9960),c=a(5999);function i(e){let{year:t,posts:a}=e;return r.createElement(r.Fragment,null,r.createElement("h3",null,t),r.createElement("ul",null,a.map((e=>r.createElement("li",{key:e.metadata.date},r.createElement(n.Z,{to:e.metadata.permalink},e.metadata.formattedDate," - ",e.metadata.title))))))}function s(e){let{years:t}=e;return r.createElement("section",{className:"margin-vert--lg"},r.createElement("div",{className:"container"},r.createElement("div",{className:"row"},t.map(((e,t)=>r.createElement("div",{key:t,className:"col col--4 margin-vert--lg"},r.createElement(i,e)))))))}function m(e){let{archive:t}=e;const a=(0,c.I)({id:"theme.blog.archive.title",message:"Archive",description:"The page & hero title of the blog archive page"}),n=(0,c.I)({id:"theme.blog.archive.description",message:"Archive",description:"The page & hero description of the blog archive page"}),i=function(e){const t=e.reduceRight(((e,t)=>{const a=t.metadata.date.split("-")[0],r=e.get(a)||[];return e.set(a,[t,...r])}),new Map);return Array.from(t,(e=>{let[t,a]=e;return{year:t,posts:a}}))}(t.blogPosts);return r.createElement(l.Z,{title:a,description:n},r.createElement("header",{className:"hero hero--primary"},r.createElement("div",{className:"container"},r.createElement("h1",{className:"hero__title"},a),r.createElement("p",{className:"hero__subtitle"},n))),r.createElement("main",null,i.length>0&&r.createElement(s,{years:i})))}}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[7028],{7488:(e,t,a)=>{a.r(t),a.d(t,{default:()=>m});var r=a(1504),l=a(7276),n=a(6016),c=a(4357);function i(e){let{year:t,posts:a}=e;return r.createElement(r.Fragment,null,r.createElement("h3",null,t),r.createElement("ul",null,a.map((e=>r.createElement("li",{key:e.metadata.date},r.createElement(n.c,{to:e.metadata.permalink},e.metadata.formattedDate," - ",e.metadata.title))))))}function s(e){let{years:t}=e;return r.createElement("section",{className:"margin-vert--lg"},r.createElement("div",{className:"container"},r.createElement("div",{className:"row"},t.map(((e,t)=>r.createElement("div",{key:t,className:"col col--4 margin-vert--lg"},r.createElement(i,e)))))))}function m(e){let{archive:t}=e;const a=(0,c.G)({id:"theme.blog.archive.title",message:"Archive",description:"The page & hero title of the blog archive page"}),n=(0,c.G)({id:"theme.blog.archive.description",message:"Archive",description:"The page & hero description of the blog archive page"}),i=function(e){const t=e.reduceRight(((e,t)=>{const a=t.metadata.date.split("-")[0],r=e.get(a)||[];return e.set(a,[t,...r])}),new Map);return Array.from(t,(e=>{let[t,a]=e;return{year:t,posts:a}}))}(t.blogPosts);return r.createElement(l.c,{title:a,description:n},r.createElement("header",{className:"hero hero--primary"},r.createElement("div",{className:"container"},r.createElement("h1",{className:"hero__title"},a),r.createElement("p",{className:"hero__subtitle"},n))),r.createElement("main",null,i.length>0&&r.createElement(s,{years:i})))}}}]); \ No newline at end of file diff --git a/docs/assets/js/a186f965.c0349621.js b/docs/assets/js/a186f965.75f39d8e.js similarity index 50% rename from docs/assets/js/a186f965.c0349621.js rename to docs/assets/js/a186f965.75f39d8e.js index f6b8a85ada..97059d2eef 100644 --- a/docs/assets/js/a186f965.c0349621.js +++ b/docs/assets/js/a186f965.75f39d8e.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5437],{3905:(e,t,n)=>{n.d(t,{Zo:()=>p,kt:()=>f});var r=n(7294);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s=r.createContext({}),l=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):a(a({},t),e)),n},p=function(e){var t=l(e.components);return r.createElement(s.Provider,{value:t},e.children)},d="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},u=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,i=e.originalType,s=e.parentName,p=c(e,["components","mdxType","originalType","parentName"]),d=l(n),u=o,f=d["".concat(s,".").concat(u)]||d[u]||m[u]||i;return n?r.createElement(f,a(a({ref:t},p),{},{components:n})):r.createElement(f,a({ref:t},p))}));function f(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var i=n.length,a=new Array(i);a[0]=u;var c={};for(var s in t)hasOwnProperty.call(t,s)&&(c[s]=t[s]);c.originalType=e,c[d]="string"==typeof e?e:o,a[1]=c;for(var l=2;l{n.r(t),n.d(t,{contentTitle:()=>a,default:()=>d,frontMatter:()=>i,metadata:()=>c,toc:()=>s});var r=n(7462),o=(n(7294),n(3905));const i={title:"Guidelines",hide_table_of_contents:!0},a=void 0,c={unversionedId:"webcontent/intro",id:"webcontent/intro",title:"Guidelines",description:"This section is under development.",source:"@site/docs/webcontent/0-intro.md",sourceDirName:"webcontent",slug:"/webcontent/intro",permalink:"/volto-eea-design-system/docs/webcontent/intro",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webcontent/0-intro.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Guidelines",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Web content",permalink:"/volto-eea-design-system/docs/category/web-content"},next:{title:"EEA corporate site templates",permalink:"/volto-eea-design-system/docs/webcontent/corporate-site-templates"}},s=[],l={toc:s},p="wrapper";function d(e){let{components:t,...n}=e;return(0,o.kt)(p,(0,r.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("div",{className:"admonition admonition-info alert alert--info"},(0,o.kt)("div",{parentName:"div",className:"admonition-heading"},(0,o.kt)("h5",{parentName:"div"},(0,o.kt)("span",{parentName:"h5",className:"admonition-icon"},(0,o.kt)("svg",{parentName:"span",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"16",viewBox:"0 0 14 16"},(0,o.kt)("path",{parentName:"svg",fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"}))),"info")),(0,o.kt)("div",{parentName:"div",className:"admonition-content"},(0,o.kt)("p",{parentName:"div"},"This section is ",(0,o.kt)("strong",{parentName:"p"},"under development"),"."))))}d.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9816],{5788:(e,t,n)=>{n.d(t,{Iu:()=>p,yg:()=>f});var r=n(1504);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s=r.createContext({}),l=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):a(a({},t),e)),n},p=function(e){var t=l(e.components);return r.createElement(s.Provider,{value:t},e.children)},d="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},u=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,i=e.originalType,s=e.parentName,p=c(e,["components","mdxType","originalType","parentName"]),d=l(n),u=o,f=d["".concat(s,".").concat(u)]||d[u]||m[u]||i;return n?r.createElement(f,a(a({ref:t},p),{},{components:n})):r.createElement(f,a({ref:t},p))}));function f(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var i=n.length,a=new Array(i);a[0]=u;var c={};for(var s in t)hasOwnProperty.call(t,s)&&(c[s]=t[s]);c.originalType=e,c[d]="string"==typeof e?e:o,a[1]=c;for(var l=2;l{n.r(t),n.d(t,{contentTitle:()=>a,default:()=>d,frontMatter:()=>i,metadata:()=>c,toc:()=>s});var r=n(5072),o=(n(1504),n(5788));const i={title:"Guidelines",hide_table_of_contents:!0},a=void 0,c={unversionedId:"webcontent/intro",id:"webcontent/intro",title:"Guidelines",description:"This section is under development.",source:"@site/docs/webcontent/0-intro.md",sourceDirName:"webcontent",slug:"/webcontent/intro",permalink:"/volto-eea-design-system/docs/webcontent/intro",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webcontent/0-intro.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Guidelines",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Web content",permalink:"/volto-eea-design-system/docs/category/web-content"},next:{title:"EEA corporate site templates",permalink:"/volto-eea-design-system/docs/webcontent/corporate-site-templates"}},s=[],l={toc:s},p="wrapper";function d(e){let{components:t,...n}=e;return(0,o.yg)(p,(0,r.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("div",{className:"admonition admonition-info alert alert--info"},(0,o.yg)("div",{parentName:"div",className:"admonition-heading"},(0,o.yg)("h5",{parentName:"div"},(0,o.yg)("span",{parentName:"h5",className:"admonition-icon"},(0,o.yg)("svg",{parentName:"span",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"16",viewBox:"0 0 14 16"},(0,o.yg)("path",{parentName:"svg",fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"}))),"info")),(0,o.yg)("div",{parentName:"div",className:"admonition-content"},(0,o.yg)("p",{parentName:"div"},"This section is ",(0,o.yg)("strong",{parentName:"p"},"under development"),"."))))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/a5822498.01ee43dd.js b/docs/assets/js/a5822498.01ee43dd.js new file mode 100644 index 0000000000..9d0d098271 --- /dev/null +++ b/docs/assets/js/a5822498.01ee43dd.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3168],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>y});var r=n(1504);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=r.createContext({}),c=function(e){var t=r.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return r.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),m=o,y=p["".concat(i,".").concat(m)]||p[m]||d[m]||a;return n?r.createElement(y,s(s({ref:t},u),{},{components:n})):r.createElement(y,s({ref:t},u))}));function y(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,s=new Array(a);s[0]=m;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:o,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>f,default:()=>w,frontMatter:()=>y,metadata:()=>g,toc:()=>v});var r=n(5072),o=(n(1504),n(5788)),a=n(7144);const s={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,o.yg)(l,(0,r.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("p",null,"A text area is an input field allowing users to enter multiple lines of text. Use in any situation where the user needs to input a large, or unknown, amount of data."),(0,o.yg)("h3",{id:"dos"},"Do's"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"allow copy/paste for ease of use"),(0,o.yg)("li",{parentName:"ul"},"match the text field to the expected size of the input - make it wide enough for the user to see their entire entry"),(0,o.yg)("li",{parentName:"ul"},"write specific and clear error message texts, so users understand how to address the error")),(0,o.yg)("h3",{id:"donts"},"Don'ts"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"don't use placeholder text in the text field - this may not be read by screen reading software, leading to accessibility issues"),(0,o.yg)("li",{parentName:"ul"},"don't have a mandatory minimum input of characters"),(0,o.yg)("li",{parentName:"ul"},"don't restrict the use of uncommon or special characters"),(0,o.yg)("li",{parentName:"ul"},"don't disable copy and paste functions")))}i.isMDXComponent=!0;var c=n(4620);const u={toc:[{value:"Default",id:"default",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,o.yg)(p,(0,r.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("h2",{id:"default"},"Default"),(0,o.yg)(c.cp,{id:"components-forms-text-area--default",height:"200",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="SelectJSDoc";var m;const y={title:"Text Area",description:"",hide_table_of_contents:!0},f=void 0,g={unversionedId:"webdev/Components/Forms/TextArea",id:"webdev/Components/Forms/TextArea",title:"Text Area",description:"",source:"@site/docs/webdev/5-Components/7-Forms/4-TextArea.mdx",sourceDirName:"webdev/5-Components/7-Forms",slug:"/webdev/Components/Forms/TextArea",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/TextArea",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/textarea_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:4,frontMatter:{title:"Text Area",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Radio",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/Radio"},next:{title:"Headings",permalink:"/volto-eea-design-system/docs/webdev/Components/Headings"}},v=[],b={toc:v},h="wrapper";function w(e){let{components:t,...n}=e;return(0,o.yg)(h,(0,r.c)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(a.cp,{usage:(0,o.yg)(i,{mdxType:"Usage"}),showcase:(0,o.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var r=n(5072),o=(n(1504),n(5788)),a=n(8264);function s(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function c(e){let{components:t,...n}=e;return(0,o.yg)(i,(0,r.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("div",{className:"frameWrapper"},(0,o.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>b});var r=n(5072),o=n(1504),a=n(5788),s=n(3664),l=n(7676);const i=function(){const e=(0,o.useContext)(l.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:r,values:a,groupId:s,className:l}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),y=(0,c.wn)(m,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===r?r:r??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==f&&!m.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:g,setTabGroupChoices:v}=i(),[b,h]=(0,o.useState)(f),w=[],{blockElementScrollPositionUntilNextRender:x}=(0,c.MV)();if(null!=s){const e=g[s];null!=e&&e!==b&&m.some((t=>t.value===e))&&h(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),r=m[n].value;r!==b&&(x(t),h(r),null!=s&&v(s,r))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:b===t?0:-1,"aria-selected":b===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":b===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:T,onClick:T},n??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===b))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==b})))))}function m(e){const t=(0,s.c)();return o.createElement(d,(0,r.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:n,className:r}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const g={toc:[],getValues:f},v="wrapper";function b(e){let{components:t,...n}=e;return(0,a.yg)(v,(0,r.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(m,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,a.yg)(y,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(y,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(y,{value:"api",mdxType:"TabItem"},n.api)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/a5822498.7f593cf2.js b/docs/assets/js/a5822498.7f593cf2.js deleted file mode 100644 index b979d2b976..0000000000 --- a/docs/assets/js/a5822498.7f593cf2.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2453],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>f});var r=n(7294);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=r.createContext({}),u=function(e){var t=r.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},c=function(e){var t=u(e.components);return r.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,i=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),p=u(n),m=o,f=p["".concat(i,".").concat(m)]||p[m]||d[m]||a;return n?r.createElement(f,s(s({ref:t},c),{},{components:n})):r.createElement(f,s({ref:t},c))}));function f(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,s=new Array(a);s[0]=m;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:o,s[1]=l;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>v,default:()=>w,frontMatter:()=>f,metadata:()=>b,toc:()=>h});var r=n(7462),o=(n(7294),n(3905)),a=n(4037);const s={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,o.kt)(l,(0,r.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"A text area is an input field allowing users to enter multiple lines of text. Use in any situation where the user needs to input a large, or unknown, amount of data."),(0,o.kt)("h3",{id:"dos"},"Do's"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"allow copy/paste for ease of use"),(0,o.kt)("li",{parentName:"ul"},"match the text field to the expected size of the input - make it wide enough for the user to see their entire entry"),(0,o.kt)("li",{parentName:"ul"},"write specific and clear error message texts, so users understand how to address the error")),(0,o.kt)("h3",{id:"donts"},"Don'ts"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"don't use placeholder text in the text field - this may not be read by screen reading software, leading to accessibility issues"),(0,o.kt)("li",{parentName:"ul"},"don't have a mandatory minimum input of characters"),(0,o.kt)("li",{parentName:"ul"},"don't restrict the use of uncommon or special characters"),(0,o.kt)("li",{parentName:"ul"},"don't disable copy and paste functions")))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Default",id:"default",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,o.kt)(p,(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h2",{id:"default"},"Default"),(0,o.kt)(u.ZP,{id:"components-forms-text-area--default",height:"200",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="SelectJSDoc";var m;const f={title:"Text Area",description:"",hide_table_of_contents:!0},v=void 0,b={unversionedId:"webdev/Components/Forms/TextArea",id:"webdev/Components/Forms/TextArea",title:"Text Area",description:"",source:"@site/docs/webdev/5-Components/7-Forms/4-TextArea.mdx",sourceDirName:"webdev/5-Components/7-Forms",slug:"/webdev/Components/Forms/TextArea",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/TextArea",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/textarea_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:4,frontMatter:{title:"Text Area",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Radio",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/Radio"},next:{title:"Headings",permalink:"/volto-eea-design-system/docs/webdev/Components/Headings"}},h=[],y={toc:h},g="wrapper";function w(e){let{components:t,...n}=e;return(0,o.kt)(g,(0,r.Z)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(a.ZP,{usage:(0,o.kt)(i,{mdxType:"Usage"}),showcase:(0,o.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var r=n(7462),o=(n(7294),n(3905)),a=n(2263);function s(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function u(e){let{components:t,...n}=e;return(0,o.kt)(i,(0,r.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("div",{className:"frameWrapper"},(0,o.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var r=n(7462),o=n(7294),a=n(3905),s=n(2389),l=n(9443);const i=function(){const e=(0,o.useContext)(l.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:r,values:a,groupId:s,className:l}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),f=(0,u.lx)(m,((e,t)=>e.value===t.value));if(f.length>0)throw new Error(`Docusaurus error: Duplicate values "${f.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const v=null===r?r:r??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==v&&!m.some((e=>e.value===v)))throw new Error(`Docusaurus error: The has a defaultValue "${v}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:h}=i(),[y,g]=(0,o.useState)(v),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,u.o5)();if(null!=s){const e=b[s];null!=e&&e!==y&&m.some((t=>t.value===e))&&g(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),r=m[n].value;r!==y&&(k(t),g(r),null!=s&&h(s,r))},T=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>w.push(e),onKeyDown:T,onFocus:x,onClick:x},n??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,s.Z)();return o.createElement(d,(0,r.Z)({key:String(t)},e))}const f=function(e){let{children:t,hidden:n,className:r}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function v(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:v},h="wrapper";function y(e){let{components:t,...n}=e;return(0,a.kt)(h,(0,r.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:v(n),mdxType:"Tabs"},(0,a.kt)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(f,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/a64f9232.a3fe1499.js b/docs/assets/js/a64f9232.29c7c787.js similarity index 85% rename from docs/assets/js/a64f9232.a3fe1499.js rename to docs/assets/js/a64f9232.29c7c787.js index 39bf2c1b48..5e310cf435 100644 --- a/docs/assets/js/a64f9232.a3fe1499.js +++ b/docs/assets/js/a64f9232.29c7c787.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[296],{1589:e=>{e.exports=JSON.parse('{"title":"Templates","slug":"/category/templates","permalink":"/volto-eea-design-system/docs/category/templates","navigation":{"previous":{"title":"Spacing","permalink":"/volto-eea-design-system/docs/webdev/Guidelines/spacing"},"next":{"title":"Grid","permalink":"/volto-eea-design-system/docs/webdev/Templates/Grid"}}}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[730],{6608:e=>{e.exports=JSON.parse('{"title":"Templates","slug":"/category/templates","permalink":"/volto-eea-design-system/docs/category/templates","navigation":{"previous":{"title":"Spacing","permalink":"/volto-eea-design-system/docs/webdev/Guidelines/spacing"},"next":{"title":"Grid","permalink":"/volto-eea-design-system/docs/webdev/Templates/Grid"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/a8b15fb1.73af5b7e.js b/docs/assets/js/a8b15fb1.73af5b7e.js deleted file mode 100644 index 73f34790e6..0000000000 --- a/docs/assets/js/a8b15fb1.73af5b7e.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3902],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>v});var o=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function s(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},d=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),p=u(n),d=a,v=p["".concat(i,".").concat(d)]||p[d]||m[d]||r;return n?o.createElement(v,s(s({ref:t},c),{},{components:n})):o.createElement(v,s({ref:t},c))}));function v(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,s=new Array(r);s[0]=d;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:a,s[1]=l;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>f,default:()=>w,frontMatter:()=>v,metadata:()=>h,toc:()=>b});var o=n(7462),a=(n(7294),n(3905)),r=n(4037);const s={toc:[{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,a.kt)(l,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"Images must have natural snapshots that show unique situations."),(0,a.kt)("h3",{id:"dos"},"Do\u2019s"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"use stylistic tools such as light, perspective, color, focus and composition to tell stories that are authentic and believable."),(0,a.kt)("li",{parentName:"ul"},"the content of the photographs should be positive, optimistic, natural, realistic, warm, and welcoming. Framing should be playful and feel spontaneous"),(0,a.kt)("li",{parentName:"ul"},"use image copyrights to be respectful of the author\u2019s ownership rights")),(0,a.kt)("h3",{id:"donts"},"Don\u2019ts"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"do not use images that are too dark or do not have enough contrast"),(0,a.kt)("li",{parentName:"ul"},"do not use overlaying gradients"),(0,a.kt)("li",{parentName:"ul"},"images that are too static or that appear too symmetrical should not be used"),(0,a.kt)("li",{parentName:"ul"},"do not use images that are over exposed or over saturated")))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Image",id:"image",children:[],level:2}]},p="wrapper";function m(e){let{components:t,...n}=e;return(0,a.kt)(p,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"image"},"Image"),(0,a.kt)(u.ZP,{id:"components-media-container-image--default",height:"500",mdxType:"Iframe"}," "))}m.isMDXComponent=!0;d="AccordionJSDoc";var d;const v={title:"Image",description:"",hide_table_of_contents:!0},f=void 0,h={unversionedId:"webdev/Components/Image",id:"webdev/Components/Image",title:"Image",description:"",source:"@site/docs/webdev/5-Components/15-Image.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Image",permalink:"/volto-eea-design-system/docs/webdev/Components/Image",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/media_container_image_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:15,frontMatter:{title:"Image",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Logo",permalink:"/volto-eea-design-system/docs/webdev/Components/Logo"},next:{title:"Loader",permalink:"/volto-eea-design-system/docs/webdev/Components/Loader"}},b=[],g={toc:b},y="wrapper";function w(e){let{components:t,...n}=e;return(0,a.kt)(y,(0,o.Z)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(r.ZP,{usage:(0,a.kt)(i,{mdxType:"Usage"}),showcase:(0,a.kt)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var o=n(7462),a=(n(7294),n(3905)),r=n(2263);function s(){const{siteConfig:e}=(0,r.Z)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function u(e){let{components:t,...n}=e;return(0,a.kt)(i,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("div",{className:"frameWrapper"},(0,a.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>g});var o=n(7462),a=n(7294),r=n(3905),s=n(2389),l=n(9443);const i=function(){const e=(0,a.useContext)(l.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const p={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:s,className:l}=e,m=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=r??m.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),v=(0,u.lx)(d,((e,t)=>e.value===t.value));if(v.length>0)throw new Error(`Docusaurus error: Duplicate values "${v.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===o?o:o??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==f&&!d.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:h,setTabGroupChoices:b}=i(),[g,y]=(0,a.useState)(f),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,u.o5)();if(null!=s){const e=h[s];null!=e&&e!==g&&d.some((t=>t.value===e))&&y(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),o=d[n].value;o!==g&&(k(t),y(o),null!=s&&b(s,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},l)},d.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,a.cloneElement)(m.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function d(e){const t=(0,s.Z)();return a.createElement(m,(0,o.Z)({key:String(t)},e))}const v=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const h={toc:[],getValues:f},b="wrapper";function g(e){let{components:t,...n}=e;return(0,r.kt)(b,(0,o.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(d,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,r.kt)(v,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.kt)(v,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.kt)(v,{value:"api",mdxType:"TabItem"},n.api)))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/a8b15fb1.df77ea81.js b/docs/assets/js/a8b15fb1.df77ea81.js new file mode 100644 index 0000000000..b6f106d6b1 --- /dev/null +++ b/docs/assets/js/a8b15fb1.df77ea81.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[8528],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>g});var o=n(1504);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function s(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),c=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},d=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),d=a,g=p["".concat(i,".").concat(d)]||p[d]||m[d]||r;return n?o.createElement(g,s(s({ref:t},u),{},{components:n})):o.createElement(g,s({ref:t},u))}));function g(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,s=new Array(r);s[0]=d;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:a,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>w,frontMatter:()=>g,metadata:()=>v,toc:()=>f});var o=n(5072),a=(n(1504),n(5788)),r=n(7144);const s={toc:[{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,a.yg)(l,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("p",null,"Images must have natural snapshots that show unique situations."),(0,a.yg)("h3",{id:"dos"},"Do\u2019s"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"use stylistic tools such as light, perspective, color, focus and composition to tell stories that are authentic and believable."),(0,a.yg)("li",{parentName:"ul"},"the content of the photographs should be positive, optimistic, natural, realistic, warm, and welcoming. Framing should be playful and feel spontaneous"),(0,a.yg)("li",{parentName:"ul"},"use image copyrights to be respectful of the author\u2019s ownership rights")),(0,a.yg)("h3",{id:"donts"},"Don\u2019ts"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"do not use images that are too dark or do not have enough contrast"),(0,a.yg)("li",{parentName:"ul"},"do not use overlaying gradients"),(0,a.yg)("li",{parentName:"ul"},"images that are too static or that appear too symmetrical should not be used"),(0,a.yg)("li",{parentName:"ul"},"do not use images that are over exposed or over saturated")))}i.isMDXComponent=!0;var c=n(4620);const u={toc:[{value:"Image",id:"image",children:[],level:2}]},p="wrapper";function m(e){let{components:t,...n}=e;return(0,a.yg)(p,(0,o.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("h2",{id:"image"},"Image"),(0,a.yg)(c.cp,{id:"components-media-container-image--default",height:"500",mdxType:"Iframe"}," "))}m.isMDXComponent=!0;d="AccordionJSDoc";var d;const g={title:"Image",description:"",hide_table_of_contents:!0},y=void 0,v={unversionedId:"webdev/Components/Image",id:"webdev/Components/Image",title:"Image",description:"",source:"@site/docs/webdev/5-Components/15-Image.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Image",permalink:"/volto-eea-design-system/docs/webdev/Components/Image",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/media_container_image_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:15,frontMatter:{title:"Image",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Logo",permalink:"/volto-eea-design-system/docs/webdev/Components/Logo"},next:{title:"Loader",permalink:"/volto-eea-design-system/docs/webdev/Components/Loader"}},f=[],h={toc:f},b="wrapper";function w(e){let{components:t,...n}=e;return(0,a.yg)(b,(0,o.c)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(r.cp,{usage:(0,a.yg)(i,{mdxType:"Usage"}),showcase:(0,a.yg)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var o=n(5072),a=(n(1504),n(5788)),r=n(8264);function s(){const{siteConfig:e}=(0,r.c)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function c(e){let{components:t,...n}=e;return(0,a.yg)(i,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("div",{className:"frameWrapper"},(0,a.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>h});var o=n(5072),a=n(1504),r=n(5788),s=n(3664),l=n(7676);const i=function(){const e=(0,a.useContext)(l.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:s,className:l}=e,m=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=r??m.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),g=(0,c.wn)(d,((e,t)=>e.value===t.value));if(g.length>0)throw new Error(`Docusaurus error: Duplicate values "${g.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===o?o:o??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==y&&!d.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:f}=i(),[h,b]=(0,a.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.MV)();if(null!=s){const e=v[s];null!=e&&e!==h&&d.some((t=>t.value===e))&&b(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),o=d[n].value;o!==h&&(T(t),b(o),null!=s&&f(s,o))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},l)},d.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:h===t?0:-1,"aria-selected":h===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":h===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,a.cloneElement)(m.filter((e=>e.props.value===h))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==h})))))}function d(e){const t=(0,s.c)();return a.createElement(m,(0,o.c)({key:String(t)},e))}const g=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:y},f="wrapper";function h(e){let{components:t,...n}=e;return(0,r.yg)(f,(0,o.c)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(d,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,r.yg)(g,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.yg)(g,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.yg)(g,{value:"api",mdxType:"TabItem"},n.api)))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/aa38dcb9.a4f5c736.js b/docs/assets/js/aa38dcb9.bfa301bd.js similarity index 84% rename from docs/assets/js/aa38dcb9.a4f5c736.js rename to docs/assets/js/aa38dcb9.bfa301bd.js index 802ef59592..03e599fa06 100644 --- a/docs/assets/js/aa38dcb9.a4f5c736.js +++ b/docs/assets/js/aa38dcb9.bfa301bd.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3934],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>b});var r=n(7294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var l=r.createContext({}),s=function(e){var t=r.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):a(a({},t),e)),n},c=function(e){var t=s(e.components);return r.createElement(l.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},g=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,o=e.originalType,l=e.parentName,c=u(e,["components","mdxType","originalType","parentName"]),p=s(n),g=i,b=p["".concat(l,".").concat(g)]||p[g]||d[g]||o;return n?r.createElement(b,a(a({ref:t},c),{},{components:n})):r.createElement(b,a({ref:t},c))}));function b(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=n.length,a=new Array(o);a[0]=g;var u={};for(var l in t)hasOwnProperty.call(t,l)&&(u[l]=t[l]);u.originalType=e,u[p]="string"==typeof e?e:i,a[1]=u;for(var s=2;s{n.r(t),n.d(t,{contentTitle:()=>a,default:()=>p,frontMatter:()=>o,metadata:()=>u,toc:()=>l});var r=n(7462),i=(n(7294),n(3905));const o={title:"Writing guidelines",description:"",hide_table_of_contents:!0},a=void 0,u={unversionedId:"pubguide/writing",id:"pubguide/writing",title:"Writing guidelines",description:"",source:"@site/docs/pubguide/0-writing.md",sourceDirName:"pubguide",slug:"/pubguide/writing",permalink:"/volto-eea-design-system/docs/pubguide/writing",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/pubguide/0-writing.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Writing guidelines",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Publications",permalink:"/volto-eea-design-system/docs/category/publications"},next:{title:"Design guidelines",permalink:"/volto-eea-design-system/docs/pubguide/design"}},l=[],s={toc:l},c="wrapper";function p(e){let{components:t,...n}=e;return(0,i.kt)(c,(0,r.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("p",null,"In our writing manual, you will find all the guidelines you need to write an assessment (aka publication) for the EEA."),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("a",{parentName:"li",href:"https://www.eea.europa.eu/about-us/documents/eea-writing-manual.pdf/view"},"EEA writing manual"))),(0,i.kt)("p",null,"See ",(0,i.kt)("a",{parentName:"p",href:"https://www.eea.europa.eu/publications"},"previously published publications by EEA"),"."))}p.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6524],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>b});var r=n(1504);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var l=r.createContext({}),s=function(e){var t=r.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):a(a({},t),e)),n},c=function(e){var t=s(e.components);return r.createElement(l.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},g=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,o=e.originalType,l=e.parentName,c=u(e,["components","mdxType","originalType","parentName"]),p=s(n),g=i,b=p["".concat(l,".").concat(g)]||p[g]||d[g]||o;return n?r.createElement(b,a(a({ref:t},c),{},{components:n})):r.createElement(b,a({ref:t},c))}));function b(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=n.length,a=new Array(o);a[0]=g;var u={};for(var l in t)hasOwnProperty.call(t,l)&&(u[l]=t[l]);u.originalType=e,u[p]="string"==typeof e?e:i,a[1]=u;for(var s=2;s{n.r(t),n.d(t,{contentTitle:()=>a,default:()=>p,frontMatter:()=>o,metadata:()=>u,toc:()=>l});var r=n(5072),i=(n(1504),n(5788));const o={title:"Writing guidelines",description:"",hide_table_of_contents:!0},a=void 0,u={unversionedId:"pubguide/writing",id:"pubguide/writing",title:"Writing guidelines",description:"",source:"@site/docs/pubguide/0-writing.md",sourceDirName:"pubguide",slug:"/pubguide/writing",permalink:"/volto-eea-design-system/docs/pubguide/writing",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/pubguide/0-writing.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Writing guidelines",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Publications",permalink:"/volto-eea-design-system/docs/category/publications"},next:{title:"Design guidelines",permalink:"/volto-eea-design-system/docs/pubguide/design"}},l=[],s={toc:l},c="wrapper";function p(e){let{components:t,...n}=e;return(0,i.yg)(c,(0,r.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,i.yg)("p",null,"In our writing manual, you will find all the guidelines you need to write an assessment (aka publication) for the EEA."),(0,i.yg)("ul",null,(0,i.yg)("li",{parentName:"ul"},(0,i.yg)("a",{parentName:"li",href:"https://www.eea.europa.eu/about-us/documents/eea-writing-manual.pdf/view"},"EEA writing manual"))),(0,i.yg)("p",null,"See ",(0,i.yg)("a",{parentName:"p",href:"https://www.eea.europa.eu/publications"},"previously published publications by EEA"),"."))}p.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/aed7c9bd.3112a237.js b/docs/assets/js/aed7c9bd.be6fa71c.js similarity index 54% rename from docs/assets/js/aed7c9bd.3112a237.js rename to docs/assets/js/aed7c9bd.be6fa71c.js index 9f640f83e2..b2c430a648 100644 --- a/docs/assets/js/aed7c9bd.3112a237.js +++ b/docs/assets/js/aed7c9bd.be6fa71c.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9456],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>f});var o=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=u(n),m=a,f=p["".concat(i,".").concat(m)]||p[m]||d[m]||r;return n?o.createElement(f,l(l({ref:t},c),{},{components:n})):o.createElement(f,l({ref:t},c))}));function f(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,l=new Array(r);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:a,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>v,default:()=>w,frontMatter:()=>f,metadata:()=>b,toc:()=>h});var o=n(7462),a=(n(7294),n(3905)),r=n(4037);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,a.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"Pagination component is the control to navigate through multiple pages."),(0,a.kt)("h3",{id:"dos"},"Do's"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"place the pagination below the list of items")),(0,a.kt)("h3",{id:"donts"},"Don'ts"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},'don\'t replace this component with an "infinite scrolling" feature')),(0,a.kt)("h3",{id:"when-to-use"},"When to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"to show long lists otherwise redundant scrolling in one page")),(0,a.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"don't use to break unrelated content on different pages")))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,a.kt)(p,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(u.ZP,{id:"components-pagination--default",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="MenuJSDoc";var m;const f={title:"Pagination",description:"",hide_table_of_contents:!0},v=void 0,b={unversionedId:"webdev/Components/Pagination",id:"webdev/Components/Pagination",title:"Pagination",description:"",source:"@site/docs/webdev/5-Components/19-Pagination.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Pagination",permalink:"/volto-eea-design-system/docs/webdev/Components/Pagination",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/pagination_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:19,frontMatter:{title:"Pagination",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Modal",permalink:"/volto-eea-design-system/docs/webdev/Components/Modal"},next:{title:"Popup",permalink:"/volto-eea-design-system/docs/webdev/Components/Popup"}},h=[],g={toc:h},y="wrapper";function w(e){let{components:t,...n}=e;return(0,a.kt)(y,(0,o.Z)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(r.ZP,{usage:(0,a.kt)(i,{mdxType:"Usage"}),showcase:(0,a.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var o=n(7462),a=(n(7294),n(3905)),r=n(2263);function l(){const{siteConfig:e}=(0,r.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,a.kt)(i,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("div",{className:"frameWrapper"},(0,a.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>g});var o=n(7462),a=n(7294),r=n(3905),l=n(2389),s=n(9443);const i=function(){const e=(0,a.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:l,className:s}=e,d=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),f=(0,u.lx)(m,((e,t)=>e.value===t.value));if(f.length>0)throw new Error(`Docusaurus error: Duplicate values "${f.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const v=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==v&&!m.some((e=>e.value===v)))throw new Error(`Docusaurus error: The has a defaultValue "${v}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:h}=i(),[g,y]=(0,a.useState)(v),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,u.o5)();if(null!=l){const e=b[l];null!=e&&e!==g&&m.some((t=>t.value===e))&&y(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==g&&(k(t),y(o),null!=l&&h(l,o))},P=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:P,onFocus:T,onClick:T},n??t)}))),t?(0,a.cloneElement)(d.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function m(e){const t=(0,l.Z)();return a.createElement(d,(0,o.Z)({key:String(t)},e))}const f=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function v(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:v},h="wrapper";function g(e){let{components:t,...n}=e;return(0,r.kt)(h,(0,o.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(m,{defaultValue:"usage",values:v(n),mdxType:"Tabs"},(0,r.kt)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.kt)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.kt)(f,{value:"api",mdxType:"TabItem"},n.api)))}g.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9956],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>g});var o=n(1504);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=u(n),m=a,g=p["".concat(i,".").concat(m)]||p[m]||d[m]||r;return n?o.createElement(g,l(l({ref:t},c),{},{components:n})):o.createElement(g,l({ref:t},c))}));function g(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,l=new Array(r);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:a,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>w,frontMatter:()=>g,metadata:()=>f,toc:()=>v});var o=n(5072),a=(n(1504),n(5788)),r=n(7144);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,a.yg)(s,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("p",null,"Pagination component is the control to navigate through multiple pages."),(0,a.yg)("h3",{id:"dos"},"Do's"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"place the pagination below the list of items")),(0,a.yg)("h3",{id:"donts"},"Don'ts"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},'don\'t replace this component with an "infinite scrolling" feature')),(0,a.yg)("h3",{id:"when-to-use"},"When to use"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"to show long lists otherwise redundant scrolling in one page")),(0,a.yg)("h3",{id:"when-not-to-use"},"When not to use"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"don't use to break unrelated content on different pages")))}i.isMDXComponent=!0;var u=n(4620);const c={toc:[]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,a.yg)(p,(0,o.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(u.cp,{id:"components-pagination--default",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="MenuJSDoc";var m;const g={title:"Pagination",description:"",hide_table_of_contents:!0},y=void 0,f={unversionedId:"webdev/Components/Pagination",id:"webdev/Components/Pagination",title:"Pagination",description:"",source:"@site/docs/webdev/5-Components/19-Pagination.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Pagination",permalink:"/volto-eea-design-system/docs/webdev/Components/Pagination",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/pagination_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:19,frontMatter:{title:"Pagination",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Modal",permalink:"/volto-eea-design-system/docs/webdev/Components/Modal"},next:{title:"Popup",permalink:"/volto-eea-design-system/docs/webdev/Components/Popup"}},v=[],b={toc:v},h="wrapper";function w(e){let{components:t,...n}=e;return(0,a.yg)(h,(0,o.c)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(r.cp,{usage:(0,a.yg)(i,{mdxType:"Usage"}),showcase:(0,a.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>u});var o=n(5072),a=(n(1504),n(5788)),r=n(8264);function l(){const{siteConfig:e}=(0,r.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,a.yg)(i,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("div",{className:"frameWrapper"},(0,a.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>b});var o=n(5072),a=n(1504),r=n(5788),l=n(3664),s=n(7676);const i=function(){const e=(0,a.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(7572),c=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:l,className:s}=e,d=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),g=(0,u.wn)(m,((e,t)=>e.value===t.value));if(g.length>0)throw new Error(`Docusaurus error: Duplicate values "${g.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==y&&!m.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:v}=i(),[b,h]=(0,a.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,u.MV)();if(null!=l){const e=f[l];null!=e&&e!==b&&m.some((t=>t.value===e))&&h(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==b&&(T(t),h(o),null!=l&&v(l,o))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:b===t?0:-1,"aria-selected":b===t,className:(0,c.c)("tabs__item",p.tabItem,{"tabs__item--active":b===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,a.cloneElement)(d.filter((e=>e.props.value===b))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==b})))))}function m(e){const t=(0,l.c)();return a.createElement(d,(0,o.c)({key:String(t)},e))}const g=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:y},v="wrapper";function b(e){let{components:t,...n}=e;return(0,r.yg)(v,(0,o.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(m,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,r.yg)(g,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.yg)(g,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.yg)(g,{value:"api",mdxType:"TabItem"},n.api)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/b0f56568.01af3d6a.js b/docs/assets/js/b0f56568.01af3d6a.js deleted file mode 100644 index 91bb548d2c..0000000000 --- a/docs/assets/js/b0f56568.01af3d6a.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[7492],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>h});var o=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),d=u(n),m=r,h=d["".concat(i,".").concat(m)]||d[m]||p[m]||a;return n?o.createElement(h,l(l({ref:t},c),{},{components:n})):o.createElement(h,l({ref:t},c))}));function h(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[d]="string"==typeof e?e:r,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>v,default:()=>k,frontMatter:()=>h,metadata:()=>f,toc:()=>b});var o=n(7462),r=(n(7294),n(3905)),a=n(4037);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,r.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"Radio buttons provides a selection with two or more options. Only one option can be selected."),(0,r.kt)("h3",{id:"dos"},"Do's"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"use labels as click targets (clicking the label will select that option)"),(0,r.kt)("li",{parentName:"ul"},"group related fields"),(0,r.kt)("li",{parentName:"ul"},"order logically (e.g. ages 18-25, ages 25-35, ages, 35-50, over 65)"),(0,r.kt)("li",{parentName:"ul"},"indicate whether the input group is optional - ",(0,r.kt)("em",{parentName:"li"},"if it's mandatory, have a neutral option (e.g. other, n/a) selected by default")),(0,r.kt)("li",{parentName:"ul"},"make use of helper text if there are further directions or hints the users may need in completing their goal"),(0,r.kt)("li",{parentName:"ul"},"write specific and clear error messages, so users understand how to address the error")),(0,r.kt)("h3",{id:"donts"},"Don'ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"don't add them without grouping first"),(0,r.kt)("li",{parentName:"ul"},"don't nest elements under radio buttons - keep all the options on the same level")),(0,r.kt)("h3",{id:"when-to-use"},"When to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"when you have under 10 items"),(0,r.kt)("li",{parentName:"ul"},"when users need to select options or toggle settings, for example"),(0,r.kt)("li",{parentName:"ul"},"in forms with multiple non-exclusive options (e.g. search filters)"),(0,r.kt)("li",{parentName:"ul"},"only one selection can be made")),(0,r.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"avoid when more than one option can be selected - use checkboxes instead")))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Invalid",id:"invalid",children:[],level:2},{value:"Binary",id:"binary",children:[],level:2}]},d="wrapper";function p(e){let{components:t,...n}=e;return(0,r.kt)(d,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default"},"Default"),(0,r.kt)(u.ZP,{id:"components-forms-radio--default",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"invalid"},"Invalid"),(0,r.kt)(u.ZP,{id:"components-forms-radio--invalid",height:"400",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"binary"},"Binary"),(0,r.kt)(u.ZP,{id:"components-forms-radio--binary",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;m="SelectJSDoc";var m;const h={title:"Radio",description:"",hide_table_of_contents:!0},v=void 0,f={unversionedId:"webdev/Components/Forms/Radio",id:"webdev/Components/Forms/Radio",title:"Radio",description:"",source:"@site/docs/webdev/5-Components/7-Forms/3-Radio.mdx",sourceDirName:"webdev/5-Components/7-Forms",slug:"/webdev/Components/Forms/Radio",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/Radio",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/radio_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"Radio",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Text Input",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/TextInput"},next:{title:"Text Area",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/TextArea"}},b=[],y={toc:b},g="wrapper";function k(e){let{components:t,...n}=e;return(0,r.kt)(g,(0,o.Z)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(i,{mdxType:"Usage"}),showcase:(0,r.kt)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}k.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var o=n(7462),r=(n(7294),n(3905)),a=n(2263);function l(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,r.kt)(i,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var o=n(7462),r=n(7294),a=n(3905),l=n(2389),s=n(9443);const i=function(){const e=(0,r.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,p=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),h=(0,u.lx)(m,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const v=null===o?o:o??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==v&&!m.some((e=>e.value===v)))throw new Error(`Docusaurus error: The has a defaultValue "${v}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:b}=i(),[y,g]=(0,r.useState)(v),k=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.o5)();if(null!=l){const e=f[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&g(e)}const T=e=>{const t=e.currentTarget,n=k.indexOf(t),o=m[n].value;o!==y&&(w(t),g(o),null!=l&&b(l,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=k.indexOf(e.currentTarget)+1;t=k[n]||k[0];break}case"ArrowLeft":{const n=k.indexOf(e.currentTarget)-1;t=k[n]||k[k.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",d.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>k.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,r.cloneElement)(p.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return r.createElement(p,(0,o.Z)({key:String(t)},e))}const h=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function v(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:v},b="wrapper";function y(e){let{components:t,...n}=e;return(0,a.kt)(b,(0,o.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:v(n),mdxType:"Tabs"},(0,a.kt)(h,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(h,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(h,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/b0f56568.89dfdf8b.js b/docs/assets/js/b0f56568.89dfdf8b.js new file mode 100644 index 0000000000..c69d1b39ca --- /dev/null +++ b/docs/assets/js/b0f56568.89dfdf8b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6272],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>y});var o=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),d=u(n),m=r,y=d["".concat(i,".").concat(m)]||d[m]||p[m]||a;return n?o.createElement(y,l(l({ref:t},c),{},{components:n})):o.createElement(y,l({ref:t},c))}));function y(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[d]="string"==typeof e?e:r,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>g,default:()=>w,frontMatter:()=>y,metadata:()=>h,toc:()=>v});var o=n(5072),r=(n(1504),n(5788)),a=n(7144);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,r.yg)(s,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"Radio buttons provides a selection with two or more options. Only one option can be selected."),(0,r.yg)("h3",{id:"dos"},"Do's"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"use labels as click targets (clicking the label will select that option)"),(0,r.yg)("li",{parentName:"ul"},"group related fields"),(0,r.yg)("li",{parentName:"ul"},"order logically (e.g. ages 18-25, ages 25-35, ages, 35-50, over 65)"),(0,r.yg)("li",{parentName:"ul"},"indicate whether the input group is optional - ",(0,r.yg)("em",{parentName:"li"},"if it's mandatory, have a neutral option (e.g. other, n/a) selected by default")),(0,r.yg)("li",{parentName:"ul"},"make use of helper text if there are further directions or hints the users may need in completing their goal"),(0,r.yg)("li",{parentName:"ul"},"write specific and clear error messages, so users understand how to address the error")),(0,r.yg)("h3",{id:"donts"},"Don'ts"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"don't add them without grouping first"),(0,r.yg)("li",{parentName:"ul"},"don't nest elements under radio buttons - keep all the options on the same level")),(0,r.yg)("h3",{id:"when-to-use"},"When to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"when you have under 10 items"),(0,r.yg)("li",{parentName:"ul"},"when users need to select options or toggle settings, for example"),(0,r.yg)("li",{parentName:"ul"},"in forms with multiple non-exclusive options (e.g. search filters)"),(0,r.yg)("li",{parentName:"ul"},"only one selection can be made")),(0,r.yg)("h3",{id:"when-not-to-use"},"When not to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"avoid when more than one option can be selected - use checkboxes instead")))}i.isMDXComponent=!0;var u=n(4620);const c={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Invalid",id:"invalid",children:[],level:2},{value:"Binary",id:"binary",children:[],level:2}]},d="wrapper";function p(e){let{components:t,...n}=e;return(0,r.yg)(d,(0,o.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("h2",{id:"default"},"Default"),(0,r.yg)(u.cp,{id:"components-forms-radio--default",mdxType:"Iframe"}," "),(0,r.yg)("h2",{id:"invalid"},"Invalid"),(0,r.yg)(u.cp,{id:"components-forms-radio--invalid",height:"400",mdxType:"Iframe"}," "),(0,r.yg)("h2",{id:"binary"},"Binary"),(0,r.yg)(u.cp,{id:"components-forms-radio--binary",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;m="SelectJSDoc";var m;const y={title:"Radio",description:"",hide_table_of_contents:!0},g=void 0,h={unversionedId:"webdev/Components/Forms/Radio",id:"webdev/Components/Forms/Radio",title:"Radio",description:"",source:"@site/docs/webdev/5-Components/7-Forms/3-Radio.mdx",sourceDirName:"webdev/5-Components/7-Forms",slug:"/webdev/Components/Forms/Radio",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/Radio",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/radio_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"Radio",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Text Input",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/TextInput"},next:{title:"Text Area",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/TextArea"}},v=[],f={toc:v},b="wrapper";function w(e){let{components:t,...n}=e;return(0,r.yg)(b,(0,o.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(a.cp,{usage:(0,r.yg)(i,{mdxType:"Usage"}),showcase:(0,r.yg)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>u});var o=n(5072),r=(n(1504),n(5788)),a=n(8264);function l(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,r.yg)(i,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>f});var o=n(5072),r=n(1504),a=n(5788),l=n(3664),s=n(7676);const i=function(){const e=(0,r.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(7572),c=n(4971);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,p=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),y=(0,u.wn)(m,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const g=null===o?o:o??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==g&&!m.some((e=>e.value===g)))throw new Error(`Docusaurus error: The has a defaultValue "${g}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:h,setTabGroupChoices:v}=i(),[f,b]=(0,r.useState)(g),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,u.MV)();if(null!=l){const e=h[l];null!=e&&e!==f&&m.some((t=>t.value===e))&&b(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==f&&(T(t),b(o),null!=l&&v(l,o))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:f===t?0:-1,"aria-selected":f===t,className:(0,c.c)("tabs__item",d.tabItem,{"tabs__item--active":f===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,r.cloneElement)(p.filter((e=>e.props.value===f))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==f})))))}function m(e){const t=(0,l.c)();return r.createElement(p,(0,o.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function g(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const h={toc:[],getValues:g},v="wrapper";function f(e){let{components:t,...n}=e;return(0,a.yg)(v,(0,o.c)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(m,{defaultValue:"usage",values:g(n),mdxType:"Tabs"},(0,a.yg)(y,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(y,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(y,{value:"api",mdxType:"TabItem"},n.api)))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/b3c62368.0f9a9404.js b/docs/assets/js/b3c62368.0f9a9404.js new file mode 100644 index 0000000000..37476bba84 --- /dev/null +++ b/docs/assets/js/b3c62368.0f9a9404.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2352],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>y});var o=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),c=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},u=function(e){var t=c(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),p=c(n),m=r,y=p["".concat(i,".").concat(m)]||p[m]||d[m]||a;return n?o.createElement(y,l(l({ref:t},u),{},{components:n})):o.createElement(y,l({ref:t},u))}));function y(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:r,l[1]=s;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>f,default:()=>w,frontMatter:()=>y,metadata:()=>g,toc:()=>v});var o=n(5072),r=(n(1504),n(5788)),a=n(7144);const l={toc:[{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,r.yg)(s,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"Modals appear on top of the main content and require user interaction. This dialog disables the main content until the user explicitly interacts with the modal dialog."),(0,r.yg)("h3",{id:"dos"},"Do\u2019s"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"use modal dialogs for important warnings, to prevent or correct critical errors"),(0,r.yg)("li",{parentName:"ul"},"use modal dialogs to request the user to enter information critical to continuing the current process"),(0,r.yg)("li",{parentName:"ul"},"modal dialogs can be used to fragment a complex workflow into simpler steps")),(0,r.yg)("h3",{id:"donts"},"Don\u2019ts"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"do not use modal dialogs for nonessential information that is not related to the current user flow"),(0,r.yg)("li",{parentName:"ul"},"avoid modal dialogs that interrupt high-stake processes"),(0,r.yg)("li",{parentName:"ul"},"avoid modal dialogues for complex decision making that require additional sources of information unavailable in the modal")))}i.isMDXComponent=!0;var c=n(4620);const u={toc:[]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,r.yg)(p,(0,o.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(c.cp,{id:"components-modal--default",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="MenuJSDoc";var m;const y={title:"Modal",description:"",hide_table_of_contents:!0},f=void 0,g={unversionedId:"webdev/Components/Modal",id:"webdev/Components/Modal",title:"Modal",description:"",source:"@site/docs/webdev/5-Components/18-Modal.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Modal",permalink:"/volto-eea-design-system/docs/webdev/Components/Modal",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/modal_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:18,frontMatter:{title:"Modal",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Messages",permalink:"/volto-eea-design-system/docs/webdev/Components/Messages"},next:{title:"Pagination",permalink:"/volto-eea-design-system/docs/webdev/Components/Pagination"}},v=[],b={toc:v},h="wrapper";function w(e){let{components:t,...n}=e;return(0,r.yg)(h,(0,o.c)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(a.cp,{usage:(0,r.yg)(i,{mdxType:"Usage"}),showcase:(0,r.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var o=n(5072),r=(n(1504),n(5788)),a=n(8264);function l(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function c(e){let{components:t,...n}=e;return(0,r.yg)(i,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>b});var o=n(5072),r=n(1504),a=n(5788),l=n(3664),s=n(7676);const i=function(){const e=(0,r.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),y=(0,c.wn)(m,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==f&&!m.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:g,setTabGroupChoices:v}=i(),[b,h]=(0,r.useState)(f),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.MV)();if(null!=l){const e=g[l];null!=e&&e!==b&&m.some((t=>t.value===e))&&h(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==b&&(T(t),h(o),null!=l&&v(l,o))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:b===t?0:-1,"aria-selected":b===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":b===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===b))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==b})))))}function m(e){const t=(0,l.c)();return r.createElement(d,(0,o.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const g={toc:[],getValues:f},v="wrapper";function b(e){let{components:t,...n}=e;return(0,a.yg)(v,(0,o.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(m,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,a.yg)(y,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(y,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(y,{value:"api",mdxType:"TabItem"},n.api)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/b3c62368.9ae02f15.js b/docs/assets/js/b3c62368.9ae02f15.js deleted file mode 100644 index 38cc1abda1..0000000000 --- a/docs/assets/js/b3c62368.9ae02f15.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9184],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>f});var o=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),d=u(n),m=r,f=d["".concat(i,".").concat(m)]||d[m]||p[m]||a;return n?o.createElement(f,l(l({ref:t},c),{},{components:n})):o.createElement(f,l({ref:t},c))}));function f(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[d]="string"==typeof e?e:r,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>v,default:()=>w,frontMatter:()=>f,metadata:()=>b,toc:()=>h});var o=n(7462),r=(n(7294),n(3905)),a=n(4037);const l={toc:[{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,r.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"Modals appear on top of the main content and require user interaction. This dialog disables the main content until the user explicitly interacts with the modal dialog."),(0,r.kt)("h3",{id:"dos"},"Do\u2019s"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"use modal dialogs for important warnings, to prevent or correct critical errors"),(0,r.kt)("li",{parentName:"ul"},"use modal dialogs to request the user to enter information critical to continuing the current process"),(0,r.kt)("li",{parentName:"ul"},"modal dialogs can be used to fragment a complex workflow into simpler steps")),(0,r.kt)("h3",{id:"donts"},"Don\u2019ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"do not use modal dialogs for nonessential information that is not related to the current user flow"),(0,r.kt)("li",{parentName:"ul"},"avoid modal dialogs that interrupt high-stake processes"),(0,r.kt)("li",{parentName:"ul"},"avoid modal dialogues for complex decision making that require additional sources of information unavailable in the modal")))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[]},d="wrapper";function p(e){let{components:t,...n}=e;return(0,r.kt)(d,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(u.ZP,{id:"components-modal--default",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;m="MenuJSDoc";var m;const f={title:"Modal",description:"",hide_table_of_contents:!0},v=void 0,b={unversionedId:"webdev/Components/Modal",id:"webdev/Components/Modal",title:"Modal",description:"",source:"@site/docs/webdev/5-Components/18-Modal.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Modal",permalink:"/volto-eea-design-system/docs/webdev/Components/Modal",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/modal_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:18,frontMatter:{title:"Modal",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Messages",permalink:"/volto-eea-design-system/docs/webdev/Components/Messages"},next:{title:"Pagination",permalink:"/volto-eea-design-system/docs/webdev/Components/Pagination"}},h=[],y={toc:h},g="wrapper";function w(e){let{components:t,...n}=e;return(0,r.kt)(g,(0,o.Z)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(i,{mdxType:"Usage"}),showcase:(0,r.kt)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var o=n(7462),r=(n(7294),n(3905)),a=n(2263);function l(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,r.kt)(i,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var o=n(7462),r=n(7294),a=n(3905),l=n(2389),s=n(9443);const i=function(){const e=(0,r.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,p=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),f=(0,u.lx)(m,((e,t)=>e.value===t.value));if(f.length>0)throw new Error(`Docusaurus error: Duplicate values "${f.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const v=null===o?o:o??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==v&&!m.some((e=>e.value===v)))throw new Error(`Docusaurus error: The has a defaultValue "${v}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:h}=i(),[y,g]=(0,r.useState)(v),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,u.o5)();if(null!=l){const e=b[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&g(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==y&&(k(t),g(o),null!=l&&h(l,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",d.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,r.cloneElement)(p.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return r.createElement(p,(0,o.Z)({key:String(t)},e))}const f=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function v(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:v},h="wrapper";function y(e){let{components:t,...n}=e;return(0,a.kt)(h,(0,o.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:v(n),mdxType:"Tabs"},(0,a.kt)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(f,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/b78356b1.655674df.js b/docs/assets/js/b78356b1.baac840e.js similarity index 85% rename from docs/assets/js/b78356b1.655674df.js rename to docs/assets/js/b78356b1.baac840e.js index fada555e98..a2638b14e5 100644 --- a/docs/assets/js/b78356b1.655674df.js +++ b/docs/assets/js/b78356b1.baac840e.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3293],{9221:e=>{e.exports=JSON.parse('{"title":"Quotes","slug":"/category/quotes","permalink":"/volto-eea-design-system/docs/category/quotes","navigation":{"previous":{"title":"Progress","permalink":"/volto-eea-design-system/docs/webdev/Components/Progress"},"next":{"title":"Quote","permalink":"/volto-eea-design-system/docs/webdev/Components/Quote/Quote"}}}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5536],{6296:e=>{e.exports=JSON.parse('{"title":"Quotes","slug":"/category/quotes","permalink":"/volto-eea-design-system/docs/category/quotes","navigation":{"previous":{"title":"Progress","permalink":"/volto-eea-design-system/docs/webdev/Components/Progress"},"next":{"title":"Quote","permalink":"/volto-eea-design-system/docs/webdev/Components/Quote/Quote"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/b90bd8a9.15e3d219.js b/docs/assets/js/b90bd8a9.15e3d219.js new file mode 100644 index 0000000000..20fcab99fb --- /dev/null +++ b/docs/assets/js/b90bd8a9.15e3d219.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[7164],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>y});var o=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=u(n),m=r,y=p["".concat(i,".").concat(m)]||p[m]||d[m]||a;return n?o.createElement(y,l(l({ref:t},c),{},{components:n})):o.createElement(y,l({ref:t},c))}));function y(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:r,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>h,frontMatter:()=>m,metadata:()=>v,toc:()=>f});var o=n(5072),r=(n(1504),n(5788)),a=n(7144);const l={toc:[{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,r.yg)(s,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("h3",{id:"dos"},"Do\u2019s"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"use high-quality videos: Use high-quality videos that are clear and easy to watch "),(0,r.yg)("li",{parentName:"ul"},"keep videos short"),(0,r.yg)("li",{parentName:"ul"},"keep the videos to the point and make sure that the content is relevant to the EEA's mission")),(0,r.yg)("h3",{id:"donts"},"Don\u2019ts"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"use autoplay: Autoplaying videos can be annoying to users and may result in them leaving the website"),(0,r.yg)("li",{parentName:"ul"},"use videos that are too long"),(0,r.yg)("li",{parentName:"ul"},"use copyrighted material without permission")))}i.isMDXComponent=!0;var u=n(4620);const c={toc:[{value:"Default",id:"default",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,r.yg)(p,(0,o.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("h2",{id:"default"},"Default"),(0,r.yg)(u.cp,{id:"components-video--default",height:"800",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const m={title:"Video",description:"",hide_table_of_contents:!0},y=void 0,v={unversionedId:"webdev/Components/Video",id:"webdev/Components/Video",title:"Video",description:"",source:"@site/docs/webdev/5-Components/29-Video.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Video",permalink:"/volto-eea-design-system/docs/webdev/Components/Video",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/video_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:29,frontMatter:{title:"Video",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Timeline",permalink:"/volto-eea-design-system/docs/webdev/Components/Timeline"},next:{title:"Utilities",permalink:"/volto-eea-design-system/docs/category/utilities"}},f=[],g={toc:f},b="wrapper";function h(e){let{components:t,...n}=e;return(0,r.yg)(b,(0,o.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(a.cp,{usage:(0,r.yg)(i,{mdxType:"Usage"}),showcase:(0,r.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}h.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>u});var o=n(5072),r=(n(1504),n(5788)),a=n(8264);function l(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,r.yg)(i,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>b});var o=n(5072),r=n(1504),a=n(5788),l=n(3664),s=n(7676);const i=function(){const e=(0,r.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(7572),c=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),y=(0,u.wn)(m,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const v=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==v&&!m.some((e=>e.value===v)))throw new Error(`Docusaurus error: The has a defaultValue "${v}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:g}=i(),[b,h]=(0,r.useState)(v),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,u.MV)();if(null!=l){const e=f[l];null!=e&&e!==b&&m.some((t=>t.value===e))&&h(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==b&&(T(t),h(o),null!=l&&g(l,o))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:b===t?0:-1,"aria-selected":b===t,className:(0,c.c)("tabs__item",p.tabItem,{"tabs__item--active":b===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===b))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==b})))))}function m(e){const t=(0,l.c)();return r.createElement(d,(0,o.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function v(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:v},g="wrapper";function b(e){let{components:t,...n}=e;return(0,a.yg)(g,(0,o.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(m,{defaultValue:"usage",values:v(n),mdxType:"Tabs"},(0,a.yg)(y,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(y,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(y,{value:"api",mdxType:"TabItem"},n.api)))}b.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/b90bd8a9.379b9023.js b/docs/assets/js/b90bd8a9.379b9023.js deleted file mode 100644 index 4d21fc4619..0000000000 --- a/docs/assets/js/b90bd8a9.379b9023.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[174],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>v});var o=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=u(n),m=r,v=p["".concat(i,".").concat(m)]||p[m]||d[m]||a;return n?o.createElement(v,l(l({ref:t},c),{},{components:n})):o.createElement(v,l({ref:t},c))}));function v(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:r,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>v,default:()=>g,frontMatter:()=>m,metadata:()=>f,toc:()=>b});var o=n(7462),r=(n(7294),n(3905)),a=n(4037);const l={toc:[{value:"Do\u2019s",id:"dos",children:[],level:3},{value:"Don\u2019ts",id:"donts",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,r.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h3",{id:"dos"},"Do\u2019s"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"use high-quality videos: Use high-quality videos that are clear and easy to watch "),(0,r.kt)("li",{parentName:"ul"},"keep videos short"),(0,r.kt)("li",{parentName:"ul"},"keep the videos to the point and make sure that the content is relevant to the EEA's mission")),(0,r.kt)("h3",{id:"donts"},"Don\u2019ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"use autoplay: Autoplaying videos can be annoying to users and may result in them leaving the website"),(0,r.kt)("li",{parentName:"ul"},"use videos that are too long"),(0,r.kt)("li",{parentName:"ul"},"use copyrighted material without permission")))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Default",id:"default",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,r.kt)(p,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default"},"Default"),(0,r.kt)(u.ZP,{id:"components-video--default",height:"800",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;const m={title:"Video",description:"",hide_table_of_contents:!0},v=void 0,f={unversionedId:"webdev/Components/Video",id:"webdev/Components/Video",title:"Video",description:"",source:"@site/docs/webdev/5-Components/29-Video.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Video",permalink:"/volto-eea-design-system/docs/webdev/Components/Video",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/video_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:29,frontMatter:{title:"Video",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Timeline",permalink:"/volto-eea-design-system/docs/webdev/Components/Timeline"},next:{title:"Utilities",permalink:"/volto-eea-design-system/docs/category/utilities"}},b=[],h={toc:b},y="wrapper";function g(e){let{components:t,...n}=e;return(0,r.kt)(y,(0,o.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(i,{mdxType:"Usage"}),showcase:(0,r.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}g.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var o=n(7462),r=(n(7294),n(3905)),a=n(2263);function l(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,r.kt)(i,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var o=n(7462),r=n(7294),a=n(3905),l=n(2389),s=n(9443);const i=function(){const e=(0,r.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),v=(0,u.lx)(m,((e,t)=>e.value===t.value));if(v.length>0)throw new Error(`Docusaurus error: Duplicate values "${v.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==f&&!m.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:h}=i(),[y,g]=(0,r.useState)(f),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,u.o5)();if(null!=l){const e=b[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&g(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==y&&(k(t),g(o),null!=l&&h(l,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return r.createElement(d,(0,o.Z)({key:String(t)},e))}const v=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:f},h="wrapper";function y(e){let{components:t,...n}=e;return(0,a.kt)(h,(0,o.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,a.kt)(v,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(v,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(v,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/bdd5fc8f.25d9da0a.js b/docs/assets/js/bdd5fc8f.25d9da0a.js deleted file mode 100644 index f4e928b5c1..0000000000 --- a/docs/assets/js/bdd5fc8f.25d9da0a.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2672],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>b});var o=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),d=u(n),m=a,b=d["".concat(i,".").concat(m)]||d[m]||p[m]||r;return n?o.createElement(b,l(l({ref:t},c),{},{components:n})):o.createElement(b,l({ref:t},c))}));function b(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,l=new Array(r);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[d]="string"==typeof e?e:a,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>b,default:()=>g,frontMatter:()=>m,metadata:()=>h,toc:()=>v});var o=n(7462),a=(n(7294),n(3905)),r=n(4037);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,a.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"Labels are used to indicate the different states for items in a list. They bring supplementary meaning by adding an indicative state (label) that is visually distinct (background colour) from other elements."),(0,a.kt)("h3",{id:"dos"},"Do's"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},'keep the message consistent on a single list of items and express meaning based on the content in which it is being used (e.g. "canceled" for events)'),(0,a.kt)("li",{parentName:"ul"},"keep the label succinct (1-2 words)")),(0,a.kt)("h3",{id:"donts"},"Don'ts"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"don't use 2 labels at the same time (in one list)")),(0,a.kt)("h3",{id:"when-to-use"},"When to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"when you have items in a list with multiple states (e.g. featured item & generic list item; canceled, rescheduled & upcoming event)")),(0,a.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"when all items in a list have the same state (e.g. search list items)")))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Basic",id:"basic",children:[],level:2},{value:"Ribbon",id:"ribbon",children:[],level:2},{value:"Corner",id:"corner",children:[],level:2}]},d="wrapper";function p(e){let{components:t,...n}=e;return(0,a.kt)(d,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"default"},"Default"),(0,a.kt)(u.ZP,{id:"components-label--default",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"basic"},"Basic"),(0,a.kt)(u.ZP,{id:"components-label--basic",height:"120",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"ribbon"},"Ribbon"),(0,a.kt)(u.ZP,{id:"components-label--ribbon",height:"320",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"corner"},"Corner"),(0,a.kt)(u.ZP,{id:"components-label--corner",height:"300",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;const m={title:"Label",description:"",hide_table_of_contents:!0},b=void 0,h={unversionedId:"webdev/Components/Labels",id:"webdev/Components/Labels",title:"Label",description:"",source:"@site/docs/webdev/5-Components/12-Labels.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Labels",permalink:"/volto-eea-design-system/docs/webdev/Components/Labels",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/label_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:12,frontMatter:{title:"Label",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Labeled icons",permalink:"/volto-eea-design-system/docs/webdev/Components/Labeled-icons"},next:{title:"List",permalink:"/volto-eea-design-system/docs/webdev/Components/Lists"}},v=[],f={toc:v},y="wrapper";function g(e){let{components:t,...n}=e;return(0,a.kt)(y,(0,o.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(r.ZP,{usage:(0,a.kt)(i,{mdxType:"Usage"}),showcase:(0,a.kt)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}g.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var o=n(7462),a=(n(7294),n(3905)),r=n(2263);function l(){const{siteConfig:e}=(0,r.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,a.kt)(i,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("div",{className:"frameWrapper"},(0,a.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var o=n(7462),a=n(7294),r=n(3905),l=n(2389),s=n(9443);const i=function(){const e=(0,a.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:o,values:r,groupId:l,className:s}=e,p=a.Children.map(e.children,(e=>{if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),b=(0,u.lx)(m,((e,t)=>e.value===t.value));if(b.length>0)throw new Error(`Docusaurus error: Duplicate values "${b.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const h=null===o?o:o??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==h&&!m.some((e=>e.value===h)))throw new Error(`Docusaurus error: The has a defaultValue "${h}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:f}=i(),[y,g]=(0,a.useState)(h),k=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.o5)();if(null!=l){const e=v[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&g(e)}const T=e=>{const t=e.currentTarget,n=k.indexOf(t),o=m[n].value;o!==y&&(w(t),g(o),null!=l&&f(l,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=k.indexOf(e.currentTarget)+1;t=k[n]||k[0];break}case"ArrowLeft":{const n=k.indexOf(e.currentTarget)-1;t=k[n]||k[k.length-1];break}}t?.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return a.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",d.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>k.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,a.cloneElement)(p.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return a.createElement(p,(0,o.Z)({key:String(t)},e))}const b=function(e){let{children:t,hidden:n,className:o}=e;return a.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function h(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:h},f="wrapper";function y(e){let{components:t,...n}=e;return(0,r.kt)(f,(0,o.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(m,{defaultValue:"usage",values:h(n),mdxType:"Tabs"},(0,r.kt)(b,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.kt)(b,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.kt)(b,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/bdd5fc8f.2fa1abe2.js b/docs/assets/js/bdd5fc8f.2fa1abe2.js new file mode 100644 index 0000000000..f0d2e665b9 --- /dev/null +++ b/docs/assets/js/bdd5fc8f.2fa1abe2.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2576],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>b});var a=n(1504);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=a.createContext({}),c=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},u=function(e){var t=c(e.components);return a.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},m=a.forwardRef((function(e,t){var n=e.components,o=e.mdxType,r=e.originalType,i=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),d=c(n),m=o,b=d["".concat(i,".").concat(m)]||d[m]||p[m]||r;return n?a.createElement(b,l(l({ref:t},u),{},{components:n})):a.createElement(b,l({ref:t},u))}));function b(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var r=n.length,l=new Array(r);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[d]="string"==typeof e?e:o,l[1]=s;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>b,default:()=>f,frontMatter:()=>m,metadata:()=>y,toc:()=>h});var a=n(5072),o=(n(1504),n(5788)),r=n(7144);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,o.yg)(s,(0,a.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("p",null,"Labels are used to indicate the different states for items in a list. They bring supplementary meaning by adding an indicative state (label) that is visually distinct (background colour) from other elements."),(0,o.yg)("h3",{id:"dos"},"Do's"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},'keep the message consistent on a single list of items and express meaning based on the content in which it is being used (e.g. "canceled" for events)'),(0,o.yg)("li",{parentName:"ul"},"keep the label succinct (1-2 words)")),(0,o.yg)("h3",{id:"donts"},"Don'ts"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"don't use 2 labels at the same time (in one list)")),(0,o.yg)("h3",{id:"when-to-use"},"When to use"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"when you have items in a list with multiple states (e.g. featured item & generic list item; canceled, rescheduled & upcoming event)")),(0,o.yg)("h3",{id:"when-not-to-use"},"When not to use"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"when all items in a list have the same state (e.g. search list items)")))}i.isMDXComponent=!0;var c=n(4620);const u={toc:[{value:"Default",id:"default",children:[],level:2},{value:"Basic",id:"basic",children:[],level:2},{value:"Ribbon",id:"ribbon",children:[],level:2},{value:"Corner",id:"corner",children:[],level:2}]},d="wrapper";function p(e){let{components:t,...n}=e;return(0,o.yg)(d,(0,a.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("h2",{id:"default"},"Default"),(0,o.yg)(c.cp,{id:"components-label--default",height:"120",mdxType:"Iframe"}," "),(0,o.yg)("h2",{id:"basic"},"Basic"),(0,o.yg)(c.cp,{id:"components-label--basic",height:"120",mdxType:"Iframe"}," "),(0,o.yg)("h2",{id:"ribbon"},"Ribbon"),(0,o.yg)(c.cp,{id:"components-label--ribbon",height:"320",mdxType:"Iframe"}," "),(0,o.yg)("h2",{id:"corner"},"Corner"),(0,o.yg)(c.cp,{id:"components-label--corner",height:"300",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;const m={title:"Label",description:"",hide_table_of_contents:!0},b=void 0,y={unversionedId:"webdev/Components/Labels",id:"webdev/Components/Labels",title:"Label",description:"",source:"@site/docs/webdev/5-Components/12-Labels.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Labels",permalink:"/volto-eea-design-system/docs/webdev/Components/Labels",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/label_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:12,frontMatter:{title:"Label",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Labeled icons",permalink:"/volto-eea-design-system/docs/webdev/Components/Labeled-icons"},next:{title:"List",permalink:"/volto-eea-design-system/docs/webdev/Components/Lists"}},h=[],g={toc:h},v="wrapper";function f(e){let{components:t,...n}=e;return(0,o.yg)(v,(0,a.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(r.cp,{usage:(0,o.yg)(i,{mdxType:"Usage"}),showcase:(0,o.yg)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}f.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var a=n(5072),o=(n(1504),n(5788)),r=n(8264);function l(){const{siteConfig:e}=(0,r.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function c(e){let{components:t,...n}=e;return(0,o.yg)(i,(0,a.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("div",{className:"frameWrapper"},(0,o.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>v});var a=n(5072),o=n(1504),r=n(5788),l=n(3664),s=n(7676);const i=function(){const e=(0,o.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:a,values:r,groupId:l,className:s}=e,p=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),b=(0,c.wn)(m,((e,t)=>e.value===t.value));if(b.length>0)throw new Error(`Docusaurus error: Duplicate values "${b.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===a?a:a??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==y&&!m.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:h,setTabGroupChoices:g}=i(),[v,f]=(0,o.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.MV)();if(null!=l){const e=h[l];null!=e&&e!==v&&m.some((t=>t.value===e))&&f(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),a=m[n].value;a!==v&&(T(t),f(a),null!=l&&g(l,a))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:v===t?0:-1,"aria-selected":v===t,className:(0,u.c)("tabs__item",d.tabItem,{"tabs__item--active":v===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,o.cloneElement)(p.filter((e=>e.props.value===v))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==v})))))}function m(e){const t=(0,l.c)();return o.createElement(p,(0,a.c)({key:String(t)},e))}const b=function(e){let{children:t,hidden:n,className:a}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:a},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const h={toc:[],getValues:y},g="wrapper";function v(e){let{components:t,...n}=e;return(0,r.yg)(g,(0,a.c)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(m,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,r.yg)(b,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.yg)(b,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.yg)(b,{value:"api",mdxType:"TabItem"},n.api)))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/c3faf33a.4e716c2a.js b/docs/assets/js/c3faf33a.4e716c2a.js new file mode 100644 index 0000000000..2c0af66502 --- /dev/null +++ b/docs/assets/js/c3faf33a.4e716c2a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[7732],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>y});var o=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},d=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=u(n),d=r,y=p["".concat(i,".").concat(d)]||p[d]||m[d]||a;return n?o.createElement(y,l(l({ref:t},c),{},{components:n})):o.createElement(y,l({ref:t},c))}));function y(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=d;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:r,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>f,default:()=>w,frontMatter:()=>y,metadata:()=>v,toc:()=>b});var o=n(5072),r=(n(1504),n(5788)),a=n(7144);const l={toc:[{value:"Do's",id:"dos",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,r.yg)(s,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"A testimonial is written or spoken statement praising the virtue of something."),(0,r.yg)("h3",{id:"dos"},"Do's"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"Keep the text short"),(0,r.yg)("li",{parentName:"ul"},"Use pictures that look good in a circular frame")))}i.isMDXComponent=!0;var u=n(4620);const c={toc:[{value:"Default",id:"default",children:[],level:2}]},p="wrapper";function m(e){let{components:t,...n}=e;return(0,r.yg)(p,(0,o.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("h2",{id:"default"},"Default"),(0,r.yg)(u.cp,{id:"components-quote-testimonial--inline",height:"400",mdxType:"Iframe"}," "))}m.isMDXComponent=!0;d="TableJSDoc";var d;const y={title:"Testimonial",description:"",hide_table_of_contents:!0},f=void 0,v={unversionedId:"webdev/Components/Quote/Testimonial",id:"webdev/Components/Quote/Testimonial",title:"Testimonial",description:"",source:"@site/docs/webdev/5-Components/21-Quote/2-Testimonial.mdx",sourceDirName:"webdev/5-Components/21-Quote",slug:"/webdev/Components/Quote/Testimonial",permalink:"/volto-eea-design-system/docs/webdev/Components/Quote/Testimonial",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/testimonial_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"Testimonial",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Quote",permalink:"/volto-eea-design-system/docs/webdev/Components/Quote/Quote"},next:{title:"Segment",permalink:"/volto-eea-design-system/docs/webdev/Components/Segment"}},b=[],g={toc:b},h="wrapper";function w(e){let{components:t,...n}=e;return(0,r.yg)(h,(0,o.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(a.cp,{usage:(0,r.yg)(i,{mdxType:"Usage"}),showcase:(0,r.yg)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>u});var o=n(5072),r=(n(1504),n(5788)),a=n(8264);function l(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,r.yg)(i,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>g});var o=n(5072),r=n(1504),a=n(5788),l=n(3664),s=n(7676);const i=function(){const e=(0,r.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(7572),c=n(4971);const p={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,m=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=a??m.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),y=(0,u.wn)(d,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===o?o:o??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==f&&!d.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:b}=i(),[g,h]=(0,r.useState)(f),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,u.MV)();if(null!=l){const e=v[l];null!=e&&e!==g&&d.some((t=>t.value===e))&&h(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),o=d[n].value;o!==g&&(T(t),h(o),null!=l&&b(l,o))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":n},s)},d.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,c.c)("tabs__item",p.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,r.cloneElement)(m.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function d(e){const t=(0,l.c)();return r.createElement(m,(0,o.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:f},b="wrapper";function g(e){let{components:t,...n}=e;return(0,a.yg)(b,(0,o.c)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(d,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,a.yg)(y,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(y,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(y,{value:"api",mdxType:"TabItem"},n.api)))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/c3faf33a.aa89e306.js b/docs/assets/js/c3faf33a.aa89e306.js deleted file mode 100644 index 6e31f60231..0000000000 --- a/docs/assets/js/c3faf33a.aa89e306.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6196],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>f});var o=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},d=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=u(n),d=r,f=p["".concat(i,".").concat(d)]||p[d]||m[d]||a;return n?o.createElement(f,l(l({ref:t},c),{},{components:n})):o.createElement(f,l({ref:t},c))}));function f(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=d;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:r,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>v,default:()=>w,frontMatter:()=>f,metadata:()=>b,toc:()=>y});var o=n(7462),r=(n(7294),n(3905)),a=n(4037);const l={toc:[{value:"Do's",id:"dos",children:[],level:3}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,r.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"A testimonial is written or spoken statement praising the virtue of something."),(0,r.kt)("h3",{id:"dos"},"Do's"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Keep the text short"),(0,r.kt)("li",{parentName:"ul"},"Use pictures that look good in a circular frame")))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Default",id:"default",children:[],level:2}]},p="wrapper";function m(e){let{components:t,...n}=e;return(0,r.kt)(p,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default"},"Default"),(0,r.kt)(u.ZP,{id:"components-quote-testimonial--inline",height:"400",mdxType:"Iframe"}," "))}m.isMDXComponent=!0;d="TableJSDoc";var d;const f={title:"Testimonial",description:"",hide_table_of_contents:!0},v=void 0,b={unversionedId:"webdev/Components/Quote/Testimonial",id:"webdev/Components/Quote/Testimonial",title:"Testimonial",description:"",source:"@site/docs/webdev/5-Components/21-Quote/2-Testimonial.mdx",sourceDirName:"webdev/5-Components/21-Quote",slug:"/webdev/Components/Quote/Testimonial",permalink:"/volto-eea-design-system/docs/webdev/Components/Quote/Testimonial",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/testimonial_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"Testimonial",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Quote",permalink:"/volto-eea-design-system/docs/webdev/Components/Quote/Quote"},next:{title:"Segment",permalink:"/volto-eea-design-system/docs/webdev/Components/Segment"}},y=[],h={toc:y},g="wrapper";function w(e){let{components:t,...n}=e;return(0,r.kt)(g,(0,o.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(i,{mdxType:"Usage"}),showcase:(0,r.kt)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var o=n(7462),r=(n(7294),n(3905)),a=n(2263);function l(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,r.kt)(i,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>h});var o=n(7462),r=n(7294),a=n(3905),l=n(2389),s=n(9443);const i=function(){const e=(0,r.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const p={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,m=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=a??m.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),f=(0,u.lx)(d,((e,t)=>e.value===t.value));if(f.length>0)throw new Error(`Docusaurus error: Duplicate values "${f.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const v=null===o?o:o??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==v&&!d.some((e=>e.value===v)))throw new Error(`Docusaurus error: The has a defaultValue "${v}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:y}=i(),[h,g]=(0,r.useState)(v),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,u.o5)();if(null!=l){const e=b[l];null!=e&&e!==h&&d.some((t=>t.value===e))&&g(e)}const k=e=>{const t=e.currentTarget,n=w.indexOf(t),o=d[n].value;o!==h&&(T(t),g(o),null!=l&&y(l,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},d.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:h===t?0:-1,"aria-selected":h===t,className:(0,c.Z)("tabs__item",p.tabItem,{"tabs__item--active":h===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:k,onClick:k},n??t)}))),t?(0,r.cloneElement)(m.filter((e=>e.props.value===h))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==h})))))}function d(e){const t=(0,l.Z)();return r.createElement(m,(0,o.Z)({key:String(t)},e))}const f=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function v(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:v},y="wrapper";function h(e){let{components:t,...n}=e;return(0,a.kt)(y,(0,o.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(d,{defaultValue:"usage",values:v(n),mdxType:"Tabs"},(0,a.kt)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(f,{value:"api",mdxType:"TabItem"},n.api)))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/c4f5d8e4.684c270e.js b/docs/assets/js/c4f5d8e4.c4469e13.js similarity index 93% rename from docs/assets/js/c4f5d8e4.684c270e.js rename to docs/assets/js/c4f5d8e4.c4469e13.js index 216700f8a3..098f85fdc4 100644 --- a/docs/assets/js/c4f5d8e4.684c270e.js +++ b/docs/assets/js/c4f5d8e4.c4469e13.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4195],{5969:(e,a,t)=>{t.d(a,{Z:()=>L});var l,c,r,i,h,n,f,m,d,E,Z,p,s,M,v,o,b,g,x,y,w,u,H,z,O=t(7294);function V(){return V=Object.assign?Object.assign.bind():function(e){for(var a=1;a{let{title:a,titleId:t,...L}=e;return O.createElement("svg",V({xmlns:"http://www.w3.org/2000/svg","data-name":"Layer 1",width:947.25,height:603.69,viewBox:"0 0 947.25 603.69","aria-labelledby":t},L),a?O.createElement("title",{id:t},a):null,l||(l=O.createElement("path",{d:"m326.28 565.12-29 16.84 28.59-6.9c-.22 2.36-.52 4.68-.92 6.95-.11.63-.23 1.25-.36 1.87a51.878 51.878 0 0 1-5.25 14.92c-.48.86-.96 1.7-1.46 2.51a50.8 50.8 0 0 1-1.49 2.38h-76.87a33.9 33.9 0 0 1-1.81-2.38 35.976 35.976 0 0 1-6.18-26.62 44.968 44.968 0 0 1 1.2-5.63 51.568 51.568 0 0 1 1.83-5.57 73.442 73.442 0 0 1 4.41-9.35c3.52-6.34 9.01-12.06 15.48-17.14a108.07 108.07 0 0 1 9.78-6.8q.96-.615 1.95-1.2c1.01-.6 2.02-1.19 3.04-1.76 2.03-1.16 4.08-2.26 6.13-3.3.54-.28 1.07-.55 1.6-.81 4.45-2.22 8.88-4.21 13.1-5.96.53-.22 1.07-.44 1.6-.65a233.308 233.308 0 0 1 25.72-8.81s.03.08.08.25c.13.46.46 1.57.91 3.21 1.25 4.55 3.45 13.23 5.22 23.71.1.57.19 1.15.29 1.73a181.688 181.688 0 0 1 2.45 26.81c.01.56.01 1.11.01 1.67Z",fill:"#f2f2f2"})),c||(c=O.createElement("path",{d:"M319.49 506.69c-.01.03-.11.52-.34 1.42-.19.75-.45 1.78-.79 3.06a365.03 365.03 0 0 1-6.21 20.98c-.17.52-.35 1.06-.53 1.6-2.06 6.17-4.51 12.99-7.34 20-.71 1.76-1.42 3.49-2.15 5.18-.22.53-.44 1.05-.67 1.56q-4.65 10.77-9.57 19.71l-.83 1.49a134.524 134.524 0 0 1-13.19 19.62c-.67.82-1.35 1.61-2.04 2.38h-2.32c.7-.77 1.4-1.57 2.08-2.38a132.146 132.146 0 0 0 13.87-20.4c.28-.49.56-.98.83-1.48 3.53-6.41 6.74-13.11 9.61-19.75.23-.51.45-1.03.67-1.56 3.75-8.78 6.9-17.41 9.44-25.01.18-.54.36-1.08.53-1.61 3.7-11.22 6.02-20.02 6.91-23.54.12-.52.22-.93.29-1.21.07-.26.1-.41.11-.44l.81.19h.01Z",fill:"#fff"})),r||(r=O.createElement("path",{d:"M325.11 535.01c-.51-.03-1.02-.08-1.53-.13a44.996 44.996 0 0 1-11.43-2.73c-.53-.21-1.07-.42-1.61-.65a45.858 45.858 0 0 1-4.28-2.11 45.276 45.276 0 0 1-14.61-12.87c-.13-.17-.26-.35-.38-.52q-.78.33-1.59.66c.12.17.24.34.37.51a46.766 46.766 0 0 0 15.39 13.7 48.307 48.307 0 0 0 4.57 2.24c.53.22 1.07.44 1.61.64a46.89 46.89 0 0 0 12.25 2.86c.5.05 1.01.09 1.51.12-.09-.59-.18-1.16-.27-1.72ZM326.32 563.42a45.37 45.37 0 0 1-24.19-4.49q-.795-.375-1.56-.81a4.233 4.233 0 0 1-.47-.25 45.58 45.58 0 0 1-23.15-34.74l-.06-.52c-.54.28-1.08.55-1.61.83.02.17.04.33.07.5a47.226 47.226 0 0 0 23.93 35.41c.2.11.41.23.62.33q.78.42 1.56.81a47.05 47.05 0 0 0 24.82 4.63c.45-.04.9-.09 1.35-.14 0-.57.01-1.13.01-1.7-.44.05-.88.1-1.32.14Z",fill:"#fff"})),i||(i=O.createElement("path",{d:"M324.95 582.01a45.548 45.548 0 0 1-27.75.21 44.468 44.468 0 0 1-5.31-2.02c-.54-.24-1.07-.5-1.6-.77-.57-.28-1.13-.58-1.68-.88a45.675 45.675 0 0 1-23.39-42.39 43.763 43.763 0 0 1 .96-7.16c.03-.16.06-.32.1-.48-.66.41-1.32.82-1.97 1.24-.03.15-.06.29-.08.44a46.77 46.77 0 0 0-.73 9.79 47.253 47.253 0 0 0 24.28 40.03c.56.31 1.12.61 1.68.89.53.27 1.07.53 1.6.78a47.175 47.175 0 0 0 33.53 2.19c.37-.1.74-.22 1.11-.34.15-.64.28-1.28.4-1.92-.38.14-.76.27-1.15.39Z",fill:"#fff"})),h||(h=O.createElement("path",{fill:"#9e616a",d:"M200.25 246.52h56v56h-56zM165.326 581.214l11.034-.001 5.248-42.557-16.284.001.002 42.557z"})),n||(n=O.createElement("path",{d:"m195.61 593.65-16.58-11.45v-7.47l-1.88.11-11.82.71-3.74.22-2.13 25.54-.07.85h7.83l.16-.85 1.24-6.54 3.17 6.54.41.85h20.76a4.68 4.68 0 0 0 4.67-4.66 4.67 4.67 0 0 0-2.02-3.85Z",fill:"#2f2e41"})),f||(f=O.createElement("path",{fill:"#9e616a",d:"m229.853 574.209 10.604 3.049 16.808-39.448-15.65-4.501-11.762 40.9z"})),m||(m=O.createElement("path",{d:"m255.52 594.54-12.77-15.59 2.07-7.18-1.84-.41-10.25-2.3-1.31-.29-3.65-.82-9.41 24.75 7.52 2.17 3.39-6.72 1.39 8.09 4.74 1.36 12.89 3.71 2.33.67a4.663 4.663 0 0 0 4.9-7.44Z",fill:"#2f2e41"})),d||(d=O.createElement("path",{d:"M943.98 0H359.52a3.28 3.28 0 0 0-3.27 3.28v19.25a3.28 3.28 0 0 0 3.27 3.28h584.46a3.28 3.28 0 0 0 3.27-3.28V3.28A3.28 3.28 0 0 0 943.98 0Z",fill:"#e4e4e4"})),E||(E=O.createElement("circle",{"data-name":"Ellipse 90",cx:375.249,cy:11.965,r:4.648,fill:"#fff"})),Z||(Z=O.createElement("circle",{"data-name":"Ellipse 91",cx:392.89,cy:11.965,r:4.648,fill:"#fff"})),p||(p=O.createElement("circle",{"data-name":"Ellipse 92",cx:410.533,cy:11.965,r:4.648,fill:"#fff"})),s||(s=O.createElement("path",{d:"M926.69 5.76h-20.31a1.505 1.505 0 1 0 0 3.01h20.31a1.505 1.505 0 1 0 0-3.01ZM926.69 11.4h-20.31a1.505 1.505 0 1 0 0 3.01h20.31a1.505 1.505 0 1 0 0-3.01ZM926.69 17.04h-20.31a1.505 1.505 0 1 0 0 3.01h20.31a1.505 1.505 0 1 0 0-3.01Z",fill:"#fff"})),M||(M=O.createElement("path",{d:"M924.38 81.49H772.95a3.99 3.99 0 0 0-3.98 3.98v61.45a3.99 3.99 0 0 0 3.98 3.98h151.43a3.984 3.984 0 0 0 3.98-3.98V85.47a3.984 3.984 0 0 0-3.98-3.98ZM909.96 170.82H787.37a4.775 4.775 0 0 0 0 9.55h122.59c6.22.09 6.16-9.64 0-9.55ZM909.96 192.71H787.37a4.775 4.775 0 0 0 0 9.55h122.59c6.22.09 6.16-9.64 0-9.55ZM909.96 214.6H787.37a4.775 4.775 0 0 0 0 9.55h122.59c6.22.09 6.16-9.64 0-9.55ZM725.38 81.49H573.95a3.99 3.99 0 0 0-3.98 3.98v61.45a3.99 3.99 0 0 0 3.98 3.98h151.43a3.984 3.984 0 0 0 3.98-3.98V85.47a3.984 3.984 0 0 0-3.98-3.98ZM710.96 170.82H588.37a4.775 4.775 0 0 0 0 9.55h122.59c6.22.09 6.16-9.64 0-9.55ZM710.96 192.71H588.37a4.775 4.775 0 0 0 0 9.55h122.59c6.22.09 6.16-9.64 0-9.55ZM710.96 214.6H588.37a4.775 4.775 0 0 0 0 9.55h122.59c6.22.09 6.16-9.64 0-9.55Z",fill:"#e4e4e4"})),v||(v=O.createElement("path",{d:"M345.668 197.707a10.024 10.024 0 0 0-.423 1.748l-62.005-10.96-53.407-28.8a15.08 15.08 0 0 0-16.097 25.419 118.971 118.971 0 0 0 32.736 16.995l38.72 12.97 67.821-4.347a9.997 9.997 0 1 0-7.345-13.025Z",fill:"#9e616a"})),o||(o=O.createElement("path",{d:"M498.18 197.9H305.16a5.087 5.087 0 0 0-5.08 5.08v78.31a5.087 5.087 0 0 0 5.08 5.08h193.02a5.085 5.085 0 0 0 5.07-5.08v-78.31a5.085 5.085 0 0 0-5.07-5.08ZM479.8 311.76H323.54a6.09 6.09 0 0 0 0 12.18H479.8c7.93.11 7.85-12.29 0-12.18ZM479.8 339.66H323.54a6.09 6.09 0 0 0 0 12.18H479.8c7.93.11 7.85-12.29 0-12.18ZM479.8 367.57H323.54a6.085 6.085 0 1 0 0 12.17H479.8c7.93.11 7.85-12.28 0-12.17Z",fill:"#eba33d"})),b||(b=O.createElement("circle",{cx:357.654,cy:265.793,r:29.729,transform:"rotate(-61.337 169.549 298.269)",fill:"#9e616a"})),g||(g=O.createElement("path",{d:"M236.25 81.52h-19.204c-12.59 0-22.796 11.482-22.796 25.646-9.5 9.539-6.649 21.489.889 34.354a149.225 149.225 0 0 1 39.54 10.576l1.793-7.655 3.536 10.081q4.717 2.285 9.353 4.998c-3.608-16.951-5.092-33.863-2.615-47h6.504v-7.118l2.208 7.118h11.792a31 31 0 0 0-31-31Z",fill:"#2f2e41"})),x||(x=O.createElement("path",{d:"m234.25 155.52-35.955-1.559-.967 3.674a213.669 213.669 0 0 0-3.6 92.57 8.242 8.242 0 0 1 2.345 8.006l-.516 2.06.048.075a12.062 12.062 0 0 1 1.6 9.004l1.8 9.902 58.245-25.732 13-45Z",fill:"#cacaca"})),y||(y=O.createElement("path",{d:"M323.357 250.364a10.024 10.024 0 0 0-1.085 1.434l-52.503-34.757-37.51-47.694a15.08 15.08 0 0 0-24.892 16.9 118.97 118.97 0 0 0 23.254 28.63l30.346 27.324 63.937 23.035a9.997 9.997 0 1 0-1.548-14.872Z",fill:"#9e616a"})),w||(w=O.createElement("path",{d:"M437.533 150.665a28.735 28.735 0 1 1 28.736-28.736 28.735 28.735 0 0 1-28.736 28.736Z",fill:"#e4e4e4"})),u||(u=O.createElement("path",{d:"M448.872 119.095h-8.504v-8.504a2.835 2.835 0 0 0-5.67 0v8.504h-8.503a2.835 2.835 0 0 0 0 5.67h8.504v8.503a2.835 2.835 0 0 0 5.67 0v-8.504h8.503a2.835 2.835 0 1 0 0-5.669Z",fill:"#fff"})),H||(H=O.createElement("path",{d:"M294.24 471.459a16.874 16.874 0 0 0-1.571-15.088L267.25 324.52l-10-50h-60s-37.5 41.5-29.5 94.5l-2.24 74.64a27.448 27.448 0 0 0-1.503 16.186l.891 4.222-.343.636a21.334 21.334 0 0 0-.269 19.772l-2.536 84.544 18-1 26.5-98.5 17.5-88.5 29.5 68.5 1 16-.485 14.103-23.015 82.397 19.5 7.5Z",fill:"#2f2e41"})),z||(z=O.createElement("path",{d:"M439.68 602.5a1.193 1.193 0 0 1-1.19 1.19H1.19a1.19 1.19 0 0 1 0-2.38h437.3a1.187 1.187 0 0 1 1.19 1.19Z",fill:"#cacaca"})))}},4829:(e,a,t)=>{t.d(a,{Z:()=>D});var l,c,r,i,h,n,f,m,d,E,Z,p,s,M,v,o,b,g,x,y,w,u,H,z,O,V,L,j,N,k,A,q,S,B,P,_,F,I=t(7294);function C(){return C=Object.assign?Object.assign.bind():function(e){for(var a=1;a{let{title:a,titleId:t,...D}=e;return I.createElement("svg",C({xmlns:"http://www.w3.org/2000/svg","data-name":"Layer 1",width:841.59,height:589,viewBox:"0 0 841.59 589","aria-labelledby":t},D),a?I.createElement("title",{id:t},a):null,l||(l=I.createElement("path",{fill:"#ffb8b8",d:"m743.208 574.193-14.08-.001-6.698-54.307 20.78.001-.002 54.307z"})),c||(c=I.createElement("path",{d:"M746.798 587.84H701.4v-.575a17.671 17.671 0 0 1 17.67-17.67H746.8Z",fill:"#2f2e41"})),r||(r=I.createElement("path",{fill:"#ffb8b8",d:"m805.349 539.578-9.139 10.711-45.66-30.156 13.489-15.807 41.31 35.252z"})),i||(i=I.createElement("path",{d:"m818.062 545.706-29.469 34.534-.437-.373a17.671 17.671 0 0 1-1.972-24.911v-.001l18-21.093ZM643.236 307.117l-4.383 40.42 177.171-2.527-77.265-125.896-63.086-2.266-32.437 90.269z",fill:"#2f2e41"})),h||(h=I.createElement("path",{opacity:.28,d:"m643.236 307.117-4.383 40.42 177.171-2.527-77.265-125.896-63.086-2.266-32.437 90.269z"})),n||(n=I.createElement("path",{d:"m678.075 314.056-6.255 36.984v33.058l50.43 16.462s-5.904 128.404 1.967 136.582l-.193 19.743 22 1 .179-13.894 9.327-103.856 5.494-76.25-8.907-57.811Z",fill:"#2f2e41"})),f||(f=I.createElement("path",{d:"m717.145 345.892-45.325 38.206s-2.653 68.932 4.084 77.016c5.786 6.943 81.038 66.832 81.038 66.832s13.374 12.268 20.869 12.463 16.213-15.524 16.213-15.524l-17.359-13.189s-44.969-41.976-58.321-58.666c-5.39-6.736-5.39-7.41-5.39-7.41l1.841-28.014 18.525-51.992ZM669.024 162.885l-19.542-1.806-17.726 2.954-37.534.012-3.198 27.204 34.253 7.665 8.347-4.091 34.795 13.257.605-45.195z",fill:"#2f2e41"})),m||(m=I.createElement("path",{d:"M692.364 162.8s41.474-3.886 50.905 3.524 29.64 154.266 29.64 154.266l-80.545 4.546-14.44-9.935 4.1-73.316Z",fill:"#ccc"})),d||(d=I.createElement("path",{fill:"#2f2e41",d:"m705.024 161.885-45.749 1.004-42.653 192.731 33.683 7.411 54.719-201.146zM737.546 160.256l36.037 11.279-2.047 79.187 44.488 94.674-52.299 5.509-41.339-102.23 15.16-88.419z"})),E||(E=I.createElement("path",{d:"M796.97 355.013a11.513 11.513 0 0 0-.435-17.65l7.25-25.29-14.296-8.155-9.736 35.86a11.576 11.576 0 0 0 17.218 15.235Z",fill:"#ffb8b8"})),Z||(Z=I.createElement("path",{d:"m752.7 173.734 21.324-1.85s19.143 20.022 23.498 35.525 9.07 64.005 9.07 64.005l-1.967 70.955-24.925-16.926-1.671-61.03Z",fill:"#2f2e41"})),p||(p=I.createElement("circle",{cx:900.239,cy:279.072,r:30.227,transform:"rotate(-61.337 679.526 352.42)",fill:"#ffb8b8"})),s||(s=I.createElement("path",{d:"M717.664 110.953c-3.966-.917-8.083.099-12.1.757s-8.443.876-11.84-1.366c-2.51-1.655-4.053-4.393-5.501-7.027a8.088 8.088 0 0 1-1.184-3.1c-.17-1.948 1.069-3.726 2.385-5.172 6.112-6.718 15.044-10.396 24.05-11.564a41.554 41.554 0 0 1 21.962 2.682c6.837 3 12.715 8.491 15.403 15.456a43.895 43.895 0 0 1 2.3 11.038 32.97 32.97 0 0 1 .156 8.36 35.832 35.832 0 0 1-1.62 6.055l-4.453 13.446a8.859 8.859 0 0 1-1.751 3.466 3.03 3.03 0 0 1-3.547.777 11.04 11.04 0 0 0 .16-4.46 3.764 3.764 0 0 0-2.97-2.995c-1.642-.174-3.044 1.098-4.6 1.646a5.66 5.66 0 0 1-7.036-3.818q-.063-.215-.11-.435c-.246-1.537.167-3.183-.416-4.627-.683-1.691-2.493-2.577-3.853-3.793a8.869 8.869 0 0 1-2.433-9.216c.364-1.12 1.392-1.628 1.186-2.914-.27-1.686-2.756-2.865-4.188-3.196Z",fill:"#2f2e41"})),M||(M=I.createElement("path",{d:"M381.612 238.725H0V0h381.612Z",fill:"#fff"})),v||(v=I.createElement("path",{d:"M381.612 238.725H0V0h381.612Zm-379.87-1.742H379.87V1.743H1.743Z",fill:"#3f3d56"})),o||(o=I.createElement("path",{d:"M335 569.369H117.183V330.643H335Z",fill:"#fff"})),b||(b=I.createElement("path",{d:"M335 569.369H117.183V330.643H335Zm-216.073-1.743h214.33v-235.24h-214.33Z",fill:"#3f3d56"})),g||(g=I.createElement("path",{fill:"#3f3d56",d:"M260.071 546.822h45.306v1.837h-45.306zM260.071 552.332h45.306v1.837h-45.306zM260.071 557.842h45.306v1.837h-45.306z"})),x||(x=I.createElement("path",{d:"M226.092 373.335v19.168a57.503 57.503 0 0 1 40.66 98.164l13.554 13.553a76.67 76.67 0 0 0-54.214-130.885Z",fill:"#e6e6e6"})),y||(y=I.createElement("path",{d:"m280.306 504.22-13.553-13.553a57.489 57.489 0 0 1-75.451 5.115L179.7 511.048a76.669 76.669 0 0 0 100.606-6.828Z",fill:"#575a89"})),w||(w=I.createElement("path",{d:"M168.589 450.006a57.503 57.503 0 0 1 57.503-57.503v-19.168A76.67 76.67 0 0 0 179.7 511.048l11.602-15.266a57.403 57.403 0 0 1-22.713-45.776Z",fill:"#eba33d"})),u||(u=I.createElement("path",{d:"M657.365 421.255H439.551V182.529h217.814Z",fill:"#fff"})),H||(H=I.createElement("path",{d:"M657.365 421.255H439.551V182.529h217.814Zm-216.072-1.743h214.33v-235.24h-214.33Z",fill:"#3f3d56"})),z||(z=I.createElement("path",{fill:"#575a89",d:"M470.916 328.465h39.207v62.731h-39.207z"})),O||(O=I.createElement("path",{fill:"#e6e6e6",d:"M527.548 285.773h39.207v105.422h-39.207z"})),V||(V=I.createElement("path",{fill:"#eba33d",d:"M584.18 236.112h39.207v155.084H584.18z"})),L||(L=I.createElement("path",{fill:"#3f3d56",d:"M636.455 392.939H460.461V210.845h1.742v180.351h174.252v1.743z"})),j||(j=I.createElement("circle",{cx:594.024,cy:176.885,r:12,fill:"#ffb8b8"})),N||(N=I.createElement("path",{d:"M840.59 589h-187a1 1 0 0 1 0-2h187a1 1 0 0 1 0 2Z",fill:"#ccc"})),k||(k=I.createElement("path",{d:"M328.615 188.799H52.997a.863.863 0 0 1-.863-.863V55.832a.863.863 0 0 1 1.725 0v131.241h274.756a.863.863 0 1 1 0 1.726Z",fill:"#3f3d56"})),A||(A=I.createElement("path",{d:"M111.884 179.31H86.816a2.563 2.563 0 0 1-2.56-2.56v-34.557a2.563 2.563 0 0 1 2.56-2.56h25.068a2.563 2.563 0 0 1 2.56 2.56v34.557a2.563 2.563 0 0 1-2.56 2.56ZM157.6 179.31h-25.069a2.563 2.563 0 0 1-2.56-2.56v-67.334a2.563 2.563 0 0 1 2.56-2.56H157.6a2.563 2.563 0 0 1 2.56 2.56v67.334a2.563 2.563 0 0 1-2.56 2.56ZM203.316 179.31h-25.069a2.563 2.563 0 0 1-2.56-2.56v-34.557a2.563 2.563 0 0 1 2.56-2.56h25.069a2.563 2.563 0 0 1 2.56 2.56v34.557a2.563 2.563 0 0 1-2.56 2.56ZM249.031 179.31h-25.068a2.507 2.507 0 0 1-2.56-2.444V96.361a2.507 2.507 0 0 1 2.56-2.444h25.068a2.507 2.507 0 0 1 2.56 2.444v80.505a2.507 2.507 0 0 1-2.56 2.444ZM294.747 179.31h-25.069a2.563 2.563 0 0 1-2.56-2.56V73.188a2.563 2.563 0 0 1 2.56-2.56h25.069a2.563 2.563 0 0 1 2.56 2.56V176.75a2.563 2.563 0 0 1-2.56 2.56Z",fill:"#eba33d"})),q||(q=I.createElement("circle",{cx:99.35,cy:124.107,r:5.175,fill:"#3f3d56"})),S||(S=I.createElement("circle",{cx:145.066,cy:90.467,r:5.175,fill:"#3f3d56"})),B||(B=I.createElement("circle",{cx:190.781,cy:124.107,r:5.175,fill:"#3f3d56"})),P||(P=I.createElement("circle",{cx:236.497,cy:74.078,r:5.175,fill:"#3f3d56"})),_||(_=I.createElement("circle",{cx:282.213,cy:55.102,r:5.175,fill:"#3f3d56"})),F||(F=I.createElement("path",{fill:"#3f3d56",d:"m190.89 125.266-45.824-34.323-45.199 33.854-1.034-1.381 46.233-34.629 45.606 34.16 45.321-49.595.182-.074 45.715-18.42.645 1.601-45.534 18.346-46.111 50.461z"})))}},3244:(e,a,t)=>{t.d(a,{Z:()=>L});var l,c,r,i,h,n,f,m,d,E,Z,p,s,M,v,o,b,g,x,y,w,u,H,z,O=t(7294);function V(){return V=Object.assign?Object.assign.bind():function(e){for(var a=1;a{let{title:a,titleId:t,...L}=e;return O.createElement("svg",V({xmlns:"http://www.w3.org/2000/svg","data-name":"Layer 1",width:744,height:539.286,viewBox:"0 0 744 539.286","aria-labelledby":t},L),a?O.createElement("title",{id:t},a):null,l||(l=O.createElement("path",{d:"M474.114 404.286v130H148.415c-37.109 0-67.3-29.16-67.3-65s30.191-65 67.3-65Z",fill:"#f2f2f2"})),c||(c=O.createElement("path",{d:"M482.114 533.286a5.002 5.002 0 0 1-5 5h-334.5a68.5 68.5 0 1 1 0-137h334.5a5 5 0 0 1 0 10h-334.5a58.5 58.5 0 1 0 0 117h334.5a5.002 5.002 0 0 1 5 5Z",fill:"#eba33d"})),r||(r=O.createElement("path",{d:"M474.114 434.286h-350a1 1 0 1 1 0-2h350a1 1 0 0 1 0 2ZM474.114 458.286h-350a1 1 0 1 1 0-2h350a1 1 0 0 1 0 2ZM474.114 482.286h-350a1 1 0 1 1 0-2h350a1 1 0 0 1 0 2ZM474.114 506.286h-350a1 1 0 1 1 0-2h350a1 1 0 0 1 0 2Z",fill:"#ccc"})),i||(i=O.createElement("path",{d:"m725.832 428.757-81.565 101.228-253.615-204.35c-28.896-23.283-34.111-64.932-11.624-92.84s64.292-31.671 93.188-8.388Z",fill:"#f2f2f2"})),h||(h=O.createElement("path",{d:"M651.124 534.226a5.002 5.002 0 0 1-7.03.756L383.623 325.11a68.5 68.5 0 0 1 85.957-106.68L730.05 428.304a5 5 0 1 1-6.274 7.787L463.307 226.218a58.5 58.5 0 1 0-73.408 91.105l260.468 209.872a5.002 5.002 0 0 1 .757 7.031Z",fill:"#ccc"})),n||(n=O.createElement("path",{d:"M707.009 452.117 434.471 232.52a1 1 0 1 1 1.255-1.557L708.264 450.56a1 1 0 1 1-1.255 1.557ZM691.95 470.806 419.414 251.208a1 1 0 0 1 1.255-1.557l272.538 219.597a1 1 0 1 1-1.255 1.558ZM676.893 489.494 404.355 269.897a1 1 0 0 1 1.254-1.558l272.539 219.598a1 1 0 1 1-1.255 1.557ZM661.835 508.182 389.297 288.585a1 1 0 1 1 1.254-1.557L663.09 506.625a1 1 0 1 1-1.254 1.557ZM743 539.286H1a1 1 0 0 1 0-2h742a1 1 0 0 1 0 2Z",fill:"#ccc"})),f||(f=O.createElement("path",{fill:"#ffb8b8",d:"m338.081 390.622-11.432-.001-5.437-44.096 16.873.002-.004 44.095z"})),m||(m=O.createElement("path",{d:"M318.482 387.355h22.048v13.881H304.6a13.882 13.882 0 0 1 13.882-13.881Z",fill:"#2f2e41"})),d||(d=O.createElement("path",{fill:"#ffb8b8",d:"m221.286 390.622-11.432-.001-5.437-44.096 16.873.002-.004 44.095z"})),E||(E=O.createElement("path",{d:"M201.688 387.355h22.048v13.881h-35.93a13.882 13.882 0 0 1 13.882-13.881ZM259.47 63.533v-5a32.25 32.25 0 0 1 32.25-32.25 32.25 32.25 0 0 1 32.25 32.25v5a23.25 23.25 0 0 1-23.25 23.25h-18a23.25 23.25 0 0 1-23.25-23.25Z",fill:"#2f2e41"})),Z||(Z=O.createElement("circle",{cx:291.721,cy:63.942,r:24.561,fill:"#ffb8b8"})),p||(p=O.createElement("path",{d:"M158.125 148.356a9.377 9.377 0 0 1 14.28 1.677l21.054-3.983L199 158.255l-29.812 5.207a9.428 9.428 0 0 1-11.063-15.106Z",fill:"#ffb8b8"})),s||(s=O.createElement("path",{d:"m272.573 103.971.275.417-34.526 22.745-58.258 18.603a3.508 3.508 0 0 0-2.412 3.738l1.27 10.947a3.5 3.5 0 0 0 4.21 3.018l54.83-11.752a19.806 19.806 0 0 0 7.372-3.246l38.788-27.597a10.02 10.02 0 0 0 4.158-8.947 9.975 9.975 0 0 0-15.432-7.509Z",fill:"#ccc"})),M||(M=O.createElement("path",{d:"M326.853 378.109a4.518 4.518 0 0 1-4.138-2.701l-52.41-129.501a1.5 1.5 0 0 0-2.808.158l-42.758 126.073a4.5 4.5 0 0 1-5.882 2.892l-14.338-5.377a4.489 4.489 0 0 1-2.897-3.705c-6.45-56.192 49.8-198.03 50.369-199.456l.157-.395 51.277 11.343.107.116c20.458 22.318 37.274 163.082 40.437 191.074a4.479 4.479 0 0 1-2.971 4.747l-12.657 4.476a4.457 4.457 0 0 1-1.488.256Z",fill:"#2f2e41"})),v||(v=O.createElement("path",{d:"M282.673 182.006c-12.424 0-26.275-2.477-30.538-12.701l-.098-.235.132-.218c3.365-5.521 7.813-14.94 5.422-16.708-4.709-3.482-6.994-9.21-6.791-17.026.44-16.965 12-32.028 28.766-37.482a127.642 127.642 0 0 1 14.263-3.672 24.28 24.28 0 0 1 20.133 4.971 24.526 24.526 0 0 1 9.096 18.87c.175 18.132-2.616 43.384-16.913 60.721a4.448 4.448 0 0 1-2.633 1.531 122.223 122.223 0 0 1-20.84 1.949Z",fill:"#ccc"})),o||(o=O.createElement("path",{d:"M278.051 181.327a9.556 9.556 0 0 1 11.679-6.664 9.407 9.407 0 0 1 1.447.536l15.987-14.549 11.118 7.49-22.862 20.231a9.54 9.54 0 0 1-10.813 4.587 9.394 9.394 0 0 1-6.556-11.631Z",fill:"#ffb8b8"})),b||(b=O.createElement("path",{d:"M304.632 181.512a4.488 4.488 0 0 1-2.846-1.016l-6.304-5.151a4.5 4.5 0 0 1 .109-7.056l26.442-20.28a1.503 1.503 0 0 0 .283-2.094l-16.32-21.576a13.285 13.285 0 0 1 .887-17.115 13.248 13.248 0 0 1 17.888-1.43l.103.109 17.042 24.402a15.193 15.193 0 0 1-.36 24.186l-34.246 26.138a4.507 4.507 0 0 1-2.678.883Z",fill:"#ccc"})),g||(g=O.createElement("path",{d:"M269.965 57.033V44.847l21.756-9.5 20.744 9.5v12.186a2 2 0 0 1-2 2h-38.5a2 2 0 0 1-2-2Z",fill:"#2f2e41"})),x||(x=O.createElement("path",{d:"M290.722 27.9c-3.199-10.239 3.52-21.973 13.451-26.025s21.813-1.22 30.194 5.476 13.58 16.724 16.334 27.09 3.278 21.178 3.787 31.892c12.202 2.241 20.503 16.714 16.275 28.378s-19.872 17.46-30.677 11.363-13.935-22.485-6.137-32.134a26.374 26.374 0 0 0-30.687-40.91c-6.014 2.515-13.56-4.02-12.54-5.13Z",fill:"#2f2e41"})),y||(y=O.createElement("path",{d:"M153.614 101.083a104.449 104.449 0 0 1-42.348-9.275 4.473 4.473 0 0 1-2.652-4.104V51.286a4.505 4.505 0 0 1 4.5-4.5h81a4.505 4.505 0 0 1 4.5 4.5v36.418a4.473 4.473 0 0 1-2.652 4.104 104.449 104.449 0 0 1-42.348 9.275Z",fill:"#eba33d"})),w||(w=O.createElement("path",{d:"M153.603 71.58a4.505 4.505 0 0 1-1.749-.352l-64.232-27.1a4.5 4.5 0 0 1 .154-8.352l64.232-24.368a4.484 4.484 0 0 1 3.212.007l63.372 24.367a4.5 4.5 0 0 1 .154 8.338l-63.373 27.1a4.507 4.507 0 0 1-1.77.36Z",fill:"#eba33d"})),u||(u=O.createElement("circle",{cx:116.114,cy:88.286,r:6,fill:"#3f3d56"})),H||(H=O.createElement("path",{d:"m218.965 40.274-63.373 27.099a4 4 0 0 1-3.128.008l-64.232-27.1a3.925 3.925 0 0 1-1.912-1.68 3.997 3.997 0 0 0 1.912 5.68l64.232 27.1a4 4 0 0 0 3.128-.008l63.373-27.1a3.997 3.997 0 0 0 1.894-5.672 3.927 3.927 0 0 1-1.894 1.673Z",opacity:.2})),z||(z=O.createElement("path",{d:"M116.618 88.262a1 1 0 0 0 1-1v-33.46L150.6 41.785a1 1 0 0 0 .03-2L117.647 51.8a1.962 1.962 0 0 0-1.433.575 1.986 1.986 0 0 0-.597 1.425v33.461a1 1 0 0 0 1 1Z",fill:"#3f3d56"})))}},2869:(e,a,t)=>{t.d(a,{Z:()=>_});var l,c,r,i,h,n,f,m,d,E,Z,p,s,M,v,o,b,g,x,y,w,u,H,z,O,V,L,j,N,k,A,q,S,B=t(7294);function P(){return P=Object.assign?Object.assign.bind():function(e){for(var a=1;a{let{title:a,titleId:t,..._}=e;return B.createElement("svg",P({xmlns:"http://www.w3.org/2000/svg","data-name":"Layer 1",width:808.841,height:681.894,viewBox:"0 0 808.841 681.894","aria-labelledby":t},_),a?B.createElement("title",{id:t},a):null,l||(l=B.createElement("path",{d:"M670.666 550.26 402.32 427.757l138.175-302.67L808.84 247.59Z",fill:"#f2f2f2"})),c||(c=B.createElement("path",{d:"m711.544 374.425-203.145-92.74a1.586 1.586 0 0 1 1.317-2.885l203.145 92.74a1.586 1.586 0 0 1-1.317 2.885ZM722.84 349.68l-203.145-92.739a1.586 1.586 0 1 1 1.318-2.885l203.144 92.74a1.586 1.586 0 1 1-1.317 2.885ZM734.136 324.937l-203.144-92.74a1.586 1.586 0 1 1 1.317-2.885l203.144 92.74a1.586 1.586 0 0 1-1.317 2.885ZM745.432 300.192l-203.144-92.739a1.586 1.586 0 1 1 1.317-2.885l203.145 92.739a1.586 1.586 0 0 1-1.318 2.885ZM701.335 396.787l-203.145-92.74a1.586 1.586 0 1 1 1.318-2.885l203.144 92.74a1.586 1.586 0 0 1-1.317 2.885ZM735.258 263.895l-158.682-72.441a3.965 3.965 0 0 1-2.23-4.779 3.816 3.816 0 0 1 5.2-2.252l158.634 72.419a4 4 0 0 1 2.261 4.85 3.816 3.816 0 0 1-5.183 2.203Z",fill:"#fff"})),r||(r=B.createElement("path",{d:"m124.691 247.59 268.345-122.504 138.175 302.67-268.345 122.505Z",fill:"#f2f2f2"})),i||(i=B.createElement("path",{d:"m221.988 374.425 203.145-92.74a1.586 1.586 0 1 0-1.318-2.885l-203.144 92.74a1.586 1.586 0 1 0 1.317 2.885ZM210.692 349.68l203.144-92.739a1.586 1.586 0 0 0-1.317-2.885l-203.145 92.74a1.586 1.586 0 1 0 1.318 2.885ZM199.395 324.937l203.145-92.74a1.586 1.586 0 0 0-1.317-2.885l-203.145 92.74a1.586 1.586 0 0 0 1.317 2.885ZM188.1 300.192l203.144-92.739a1.586 1.586 0 1 0-1.317-2.885l-203.145 92.739a1.586 1.586 0 0 0 1.317 2.885ZM232.197 396.787l203.144-92.74a1.586 1.586 0 0 0-1.317-2.885l-203.145 92.74a1.586 1.586 0 1 0 1.318 2.885ZM198.274 263.895l158.682-72.441a3.965 3.965 0 0 0 2.23-4.779 3.816 3.816 0 0 0-5.2-2.252l-158.634 72.419a4 4 0 0 0-2.261 4.85 3.816 3.816 0 0 0 5.183 2.203Z",fill:"#fff"})),h||(h=B.createElement("path",{d:"M26.825 604.978c1.694-26.244 16.317-52.87 40.66-62.823a121.17 121.17 0 0 0 4.933 83.044c4.43 10.101 10.41 20.874 7.436 31.495-1.85 6.61-7.022 11.888-12.948 15.349-5.927 3.46-12.62 5.34-19.231 7.184l-1.253 1.168c-12.055-23.373-21.291-49.173-19.597-75.417Z",fill:"#f0f0f0"})),n||(n=B.createElement("path",{d:"M67.76 542.633a103.567 103.567 0 0 0-22.249 59.71 44.6 44.6 0 0 0 1.334 13.91 25.58 25.58 0 0 0 7.053 11.467c3.05 2.975 6.513 5.665 8.785 9.33a15.663 15.663 0 0 1 1.522 12.718c-1.501 5.294-4.814 9.733-8.205 13.961-3.765 4.695-7.75 9.511-9.112 15.52-.165.728-1.285.43-1.12-.298 2.37-10.453 12-16.883 16.208-26.422 1.964-4.45 2.598-9.52.246-13.956-2.056-3.88-5.625-6.656-8.738-9.642a27.296 27.296 0 0 1-7.315-10.955 41.231 41.231 0 0 1-1.863-13.808 100.479 100.479 0 0 1 5.517-30.915 105.403 105.403 0 0 1 17.12-31.443c.463-.583 1.277.243.818.823Z",fill:"#fff"})),f||(f=B.createElement("path",{d:"M45.407 595.322a15.538 15.538 0 0 1-12.77-15.548.58.58 0 0 1 1.159-.01 14.388 14.388 0 0 0 11.909 14.438c.734.13.433 1.249-.298 1.12ZM52.154 626.415a29.949 29.949 0 0 0 12.329-18.01c.167-.728 1.287-.43 1.12.297a31.151 31.151 0 0 1-12.868 18.716c-.619.418-1.197-.587-.581-1.003ZM54.834 562.905a8.795 8.795 0 0 0 8.295-.916c.613-.426 1.191.579.582 1.002a9.856 9.856 0 0 1-9.175 1.034.599.599 0 0 1-.411-.709.582.582 0 0 1 .709-.411Z",fill:"#fff"})),m||(m=B.createElement("path",{d:"M145.98 584.194c-.376.277-.752.554-1.127.841a115.831 115.831 0 0 0-14.1 12.42c-.342.343-.684.697-1.015 1.05a122.112 122.112 0 0 0-24.324 37.81 118.587 118.587 0 0 0-5.49 17.161c-1.92 8.081-3.361 16.996-7.712 23.771a20.346 20.346 0 0 1-1.467 2.047l-42.801 2.54c-.1-.044-.2-.077-.301-.12l-1.704.18c.05-.307.11-.624.16-.931.029-.178.067-.357.096-.535.022-.119.045-.238.058-.346l.022-.11c.014-.108.037-.208.051-.306q.489-2.66 1.017-5.323c0-.01 0-.01.008-.02 2.717-13.518 6.586-26.929 12.367-39.325.174-.373.347-.756.54-1.13a113.158 113.158 0 0 1 9.234-15.992 100.037 100.037 0 0 1 6.199-8.002 83.187 83.187 0 0 1 19.857-16.798c14.87-9.016 32.458-13.176 49.158-9.198.427.102.845.204 1.273.316Z",fill:"#f0f0f0"})),d||(d=B.createElement("path",{d:"M145.915 584.743a103.567 103.567 0 0 0-53.714 34.28 44.6 44.6 0 0 0-7.31 11.909 25.58 25.58 0 0 0-1.272 13.402c.643 4.211 1.788 8.444 1.397 12.739a15.663 15.663 0 0 1-6.443 11.07c-4.386 3.324-9.703 4.873-14.957 6.208-5.832 1.481-11.914 2.928-16.62 6.905-.57.482-1.284-.43-.714-.912 8.186-6.92 19.746-6.255 28.85-11.338 4.247-2.371 7.806-6.037 8.599-10.995.693-4.335-.485-8.701-1.173-12.96a27.296 27.296 0 0 1 .756-13.15 41.231 41.231 0 0 1 6.825-12.147 100.479 100.479 0 0 1 23.018-21.363 105.404 105.404 0 0 1 32.6-14.797c.72-.187.873.962.158 1.149Z",fill:"#fff"})),E||(E=B.createElement("path",{d:"M96.345 613.354a15.538 15.538 0 0 1-.836-20.103c.46-.586 1.393.102.932.69a14.388 14.388 0 0 0 .816 18.698c.508.545-.407 1.258-.913.715ZM83.011 642.242a29.949 29.949 0 0 0 20.688-6.958c.571-.48 1.286.433.715.913a31.151 31.151 0 0 1-21.542 7.195c-.746-.038-.603-1.189.14-1.15ZM123.388 593.146a8.795 8.795 0 0 0 7.175 4.263c.747.029.603 1.18-.139 1.15a9.856 9.856 0 0 1-7.948-4.698.599.599 0 0 1 .099-.814.582.582 0 0 1 .813.099ZM666.417 552.805H265.161V100.222h401.256Z",fill:"#fff"})),Z||(Z=B.createElement("path",{d:"M666.417 552.805H265.161V100.222h401.256Zm-399.098-2.157H664.26V102.38H267.319Z",fill:"#cacaca"})),p||(p=B.createElement("path",{d:"M617.67 312.132H313.908a2.157 2.157 0 1 1 0-4.314H617.67a2.157 2.157 0 0 1 0 4.314ZM617.67 275.132H313.908a2.157 2.157 0 1 1 0-4.314H617.67a2.157 2.157 0 0 1 0 4.314ZM617.67 238.132H313.908a2.157 2.157 0 1 1 0-4.314H617.67a2.157 2.157 0 0 1 0 4.314ZM617.67 201.132H313.908a2.157 2.157 0 1 1 0-4.314H617.67a2.157 2.157 0 0 1 0 4.314ZM617.67 345.57H313.908a2.157 2.157 0 1 1 0-4.314H617.67a2.157 2.157 0 0 1 0 4.314ZM617.67 511.57H313.908a2.157 2.157 0 1 1 0-4.314H617.67a2.157 2.157 0 0 1 0 4.314Z",fill:"#e4e4e4"})),s||(s=B.createElement("path",{d:"M544.905 476.94H386.674a3.993 3.993 0 0 1-3.99-3.989v-93.077a3.993 3.993 0 0 1 3.99-3.989h158.23a3.993 3.993 0 0 1 3.99 3.99v93.076a3.993 3.993 0 0 1-3.99 3.99Z",fill:"#fff"})),M||(M=B.createElement("path",{d:"M492.064 423.767a8.801 8.801 0 0 0-12.646-.226l-44.53 44.53a6.288 6.288 0 0 1-8.87.014l-6.594-6.582a8.78 8.78 0 0 0-12.42 0l-12.764 12.778h143.099v-1.821Z",fill:"#eba33d"})),v||(v=B.createElement("path",{d:"M544.905 476.94H386.674a3.993 3.993 0 0 1-3.99-3.989v-93.077a3.993 3.993 0 0 1 3.99-3.989h158.23a3.993 3.993 0 0 1 3.99 3.99v93.076a3.993 3.993 0 0 1-3.99 3.99Zm-158.231-98.395a1.331 1.331 0 0 0-1.33 1.33v93.077a1.331 1.331 0 0 0 1.33 1.33h158.23a1.331 1.331 0 0 0 1.33-1.33v-93.078a1.331 1.331 0 0 0-1.33-1.33Z",fill:"#3f3d56"})),o||(o=B.createElement("path",{d:"M163.438 461.382a10.056 10.056 0 0 0-8.672-12.75l-8.29-34.76-12.708 13.542 9.821 30.932a10.11 10.11 0 0 0 19.849 3.036Z",fill:"#ffb6b6"})),b||(b=B.createElement("path",{d:"M141.276 448.775a4.505 4.505 0 0 1-2.708-2.476L120.99 403.3a46.373 46.373 0 0 1-1.648-32.602l11.264-35.283a14.497 14.497 0 1 1 28.873 2.642l-14.939 56.815 10.006 44.622a4.515 4.515 0 0 1-2.2 4.68l-7.417 4.237a4.506 4.506 0 0 1-2.623.575 4.455 4.455 0 0 1-1.029-.212Z",fill:"#e4e4e4"})),g||(g=B.createElement("path",{fill:"#ffb6b6",d:"M203.799 669.082h12.259l5.833-47.288h-18.095l.003 47.288z"})),x||(x=B.createElement("path",{d:"m200.671 665.08 24.144-.002h.001a15.387 15.387 0 0 1 15.387 15.387v.5l-39.531.001Z",fill:"#2f2e41"})),y||(y=B.createElement("path",{fill:"#ffb6b6",d:"M134.799 669.082h12.259l5.833-47.288h-18.095l.003 47.288z"})),w||(w=B.createElement("path",{d:"m131.671 665.08 24.144-.002h.001a15.387 15.387 0 0 1 15.387 15.387v.5l-39.531.001ZM211.18 430.565l-71.896-6.326s-7.103 45.326-6.103 63.326 2 46 2 46l-8 122 31-4 4-101 13-55 15 70 10 90 27-3-9-109s8-98-7-113Z",fill:"#2f2e41"})),u||(u=B.createElement("circle",{cx:182.181,cy:277.565,r:20,fill:"#ffb8b8"})),H||(H=B.createElement("path",{d:"m204.083 322.222-14.285-11.37s-15.469-11.937-24.543-3.112l-4.074 5.825s-23.098 8.657-23.098 19.657l1.098 60.343s-8 31 4 33l69.902 5.657-.902-57.657Z",fill:"#e4e4e4"})),z||(z=B.createElement("path",{d:"M166.68 295.065s-21-15-10-33c7.632-12.487 23.445-11.499 32.415-9.722a15.154 15.154 0 0 1 11.086 8.722c1.5 3.5 1.5 7-4.5 7-12 0-6 9-6 9s-8 2-6 9-17 9-17 9Z",fill:"#2f2e41"})),O||(O=B.createElement("path",{d:"M276.239 427.61a10.056 10.056 0 0 0-13.945-6.581l-24.792-25.736-4.072 18.118 24.168 21.661a10.11 10.11 0 0 0 18.641-7.462Z",fill:"#ffb6b6"})),V||(V=B.createElement("path",{d:"M250.745 428.001a4.505 4.505 0 0 1-3.59-.758l-36.977-28.117a46.373 46.373 0 0 1-17.974-27.25l-8.211-36.116a14.497 14.497 0 1 1 26.215-12.384l15.98 56.532 31.276 33.361a4.515 4.515 0 0 1 .48 5.149l-4.237 7.416a4.506 4.506 0 0 1-1.968 1.828 4.455 4.455 0 0 1-.994.34Z",fill:"#e4e4e4"})),L||(L=B.createElement("path",{d:"M758.656 30.177H181.1a.838.838 0 0 1 0-1.676h577.556a.838.838 0 0 1 0 1.676Z",fill:"#cacaca"})),j||(j=B.createElement("circle",{cx:199.967,cy:9.221,r:9.221,fill:"#3f3d56"})),N||(N=B.createElement("circle",{cx:231.821,cy:9.221,r:9.221,fill:"#3f3d56"})),k||(k=B.createElement("circle",{cx:263.675,cy:9.221,r:9.221,fill:"#3f3d56"})),A||(A=B.createElement("path",{d:"M739.57 5.64h-22.632a1.677 1.677 0 0 1 0-3.353h22.633a1.677 1.677 0 0 1 0 3.353ZM739.57 11.927h-22.632a1.677 1.677 0 0 1 0-3.353h22.633a1.677 1.677 0 0 1 0 3.353ZM739.57 18.214h-22.632a1.677 1.677 0 0 1 0-3.353h22.633a1.677 1.677 0 0 1 0 3.353Z",fill:"#3f3d56"})),q||(q=B.createElement("path",{d:"M382 681.222H1a1 1 0 1 1 0-2h381a1 1 0 0 1 0 2Z",fill:"#cacaca"})),S||(S=B.createElement("path",{d:"M584.576 161.965H347.299a5.393 5.393 0 0 1-5.459-4.654 5.19 5.19 0 0 1 5.163-5.724h237.204a5.442 5.442 0 0 1 5.538 4.724 5.19 5.19 0 0 1-5.17 5.654Z",fill:"#eba33d"})))}},1343:(e,a,t)=>{t.d(a,{Z:()=>ne});var l,c,r,i,h,n,f,m,d,E,Z,p,s,M,v,o,b,g,x,y,w,u,H,z,O,V,L,j,N,k,A,q,S,B,P,_,F,I,C,D,W,Y,$,G,R,T,J,K,Q,U,X,ee,ae,te,le,ce,re,ie=t(7294);function he(){return he=Object.assign?Object.assign.bind():function(e){for(var a=1;a{let{title:a,titleId:t,...ne}=e;return ie.createElement("svg",he({xmlns:"http://www.w3.org/2000/svg","data-name":"Layer 1",width:717.67,height:453.964,viewBox:"0 0 717.67 453.964","aria-labelledby":t},ne),a?ie.createElement("title",{id:t},a):null,l||(l=ie.createElement("path",{d:"M271.986 71.477a3.827 3.827 0 0 1-4.314 1.257 5.829 5.829 0 0 1-.678-.248 28.826 28.826 0 0 0-.368-7.989 21.362 21.362 0 0 1-1.64 6.57 8.91 8.91 0 0 1-1.76-2.513 22.425 22.425 0 0 1-1.602-6.046c-1.205-7.088-2.393-14.462-.428-21.389 2.88-10.119 11.957-17.393 15.75-27.211l1.867-1.677c3.198 5.445 3.34 12.212 2.036 18.387-1.297 6.187-3.91 11.993-5.975 17.96s-3.613 12.313-2.655 18.556c.22 1.47.556 3.086-.233 4.343Z",fill:"#2f2e41"})),c||(c=ie.createElement("path",{fill:"#ffb6b6",d:"m230.469 157.098-12.174 55.681 53.174 17.319-7.819-73h-33.181z"})),r||(r=ie.createElement("path",{d:"M605.699 452.598h24.096v-110.47a107.653 107.653 0 0 0-107.531-107.53H298.326a107.653 107.653 0 0 0-107.531 107.53v110.47h24.095v-75.47a108.654 108.654 0 0 1 108.531-108.53h173.747A108.654 108.654 0 0 1 605.7 377.128Z",fill:"#e6e6e6"})),i||(i=ie.createElement("path",{d:"m312.894 394.806-25.68-7.775a88.484 88.484 0 0 1-2.51-20.963 8.4 8.4 0 0 1 13.816-6.355c13.773 11.814 33.948 18.118 46.968 31.58a52.073 52.073 0 0 1 13.888 42.946l5.62 18.181a87.259 87.259 0 0 1-63.976-35.285 84.287 84.287 0 0 1-10.122-18.565c10.892-1.235 21.996-3.764 21.996-3.764Z",fill:"#f2f2f2"})),h||(h=ie.createElement("path",{d:"m379.823 424.58 13.098-3.966.05-.209a8.409 8.409 0 0 0-12.482-9.094c-5.946 3.532-12.548 6.574-17.29 11.477a26.56 26.56 0 0 0-7.083 21.904l-2.867 9.272a44.505 44.505 0 0 0 32.63-17.996 42.989 42.989 0 0 0 5.163-9.469c-5.555-.63-11.219-1.92-11.219-1.92Z",fill:"#f2f2f2"})),n||(n=ie.createElement("path",{d:"M485.849 153.13h-51.006a2.721 2.721 0 0 0-2.717 2.724v80.574h56.447v-80.574a2.723 2.723 0 0 0-2.724-2.724Zm-25.332 45.781a6.051 6.051 0 0 1-6.023-6.023v-9.293a6.023 6.023 0 0 1 12.046 0v9.293a6.051 6.051 0 0 1-6.023 6.023Z",fill:"#3f3d56"})),f||(f=ie.createElement("path",{d:"M570.31 27.385H352.28a7.078 7.078 0 0 0-7.066 7.067v147.127a7.073 7.073 0 0 0 7.066 7.066h218.03a7.073 7.073 0 0 0 7.066-7.066V34.452a7.078 7.078 0 0 0-7.067-7.067Z",fill:"#3f3d56"})),m||(m=ie.createElement("path",{d:"M568.49 32.49H354.101a3.787 3.787 0 0 0-3.78 3.786v143.48a3.786 3.786 0 0 0 3.78 3.78h214.387a3.786 3.786 0 0 0 3.78-3.78V36.277a3.787 3.787 0 0 0-3.78-3.787Z",fill:"#fff"})),d||(d=ie.createElement("path",{d:"M431.95 233.85v7.775a1.523 1.523 0 0 0 1.52 1.52h53.758a1.527 1.527 0 0 0 1.52-1.52v-7.774Z",fill:"#3f3d56"})),E||(E=ie.createElement("path",{d:"M526.73 245.85H399.181a2.346 2.346 0 0 1-2.296-2.83l1.98-9.4a2.356 2.356 0 0 1 2.295-1.863h123.592a2.356 2.356 0 0 1 2.295 1.863l1.98 9.4a2.346 2.346 0 0 1-2.297 2.83Z",fill:"#3f3d56"})),Z||(Z=ie.createElement("rect",{x:402.066,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),p||(p=ie.createElement("rect",{x:409.923,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),s||(s=ie.createElement("rect",{x:417.779,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),M||(M=ie.createElement("rect",{x:425.636,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),v||(v=ie.createElement("rect",{x:433.493,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),o||(o=ie.createElement("rect",{x:441.35,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),b||(b=ie.createElement("rect",{x:449.207,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),g||(g=ie.createElement("rect",{x:457.063,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),x||(x=ie.createElement("rect",{x:464.92,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),y||(y=ie.createElement("rect",{x:472.777,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),w||(w=ie.createElement("rect",{x:480.634,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),u||(u=ie.createElement("rect",{x:488.49,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),H||(H=ie.createElement("rect",{x:496.347,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),z||(z=ie.createElement("rect",{x:504.204,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),O||(O=ie.createElement("rect",{x:512.061,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),V||(V=ie.createElement("rect",{x:519.917,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),L||(L=ie.createElement("rect",{x:401.973,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),j||(j=ie.createElement("rect",{x:409.83,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),N||(N=ie.createElement("rect",{x:417.687,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),k||(k=ie.createElement("rect",{x:425.543,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),A||(A=ie.createElement("rect",{x:433.4,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),q||(q=ie.createElement("rect",{x:441.257,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),S||(S=ie.createElement("rect",{x:449.114,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),B||(B=ie.createElement("rect",{x:456.97,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),P||(P=ie.createElement("rect",{x:464.827,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),_||(_=ie.createElement("rect",{x:472.684,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),F||(F=ie.createElement("rect",{x:480.541,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),I||(I=ie.createElement("rect",{x:488.398,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),C||(C=ie.createElement("rect",{x:496.254,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),D||(D=ie.createElement("rect",{x:504.111,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),W||(W=ie.createElement("rect",{x:511.968,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),Y||(Y=ie.createElement("rect",{x:519.825,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),$||($=ie.createElement("rect",{x:439.686,y:242.092,width:31.427,height:2.357,rx:.488,fill:"#e6e6e6"})),G||(G=ie.createElement("path",{d:"M536.523 68.508v75.52a19.073 19.073 0 0 1-19.07 19.07h-94.52a19.08 19.08 0 0 1-17.51-11.49 17.984 17.984 0 0 1-1.13-3.51 17.367 17.367 0 0 0 6.3 1.17h94.52a17.605 17.605 0 0 0 17.58-17.58v-75.52a17.368 17.368 0 0 0-1.17-6.3 17.988 17.988 0 0 1 3.51 1.13 19.08 19.08 0 0 1 11.49 17.51Z",fill:"#f2f2f2"})),R||(R=ie.createElement("path",{fill:"#ffb6b6",d:"m183.897 368.973-9.375 5.805-27.619-33.95 13.836-8.566 23.158 36.711z"})),T||(T=ie.createElement("path",{d:"m191.99 381.099-7.54 3.367-4.525-6.52-.27 8.66-20 8.928a4.924 4.924 0 0 1-6.214-7.055l11.048-18.162-3.214-7.198 17.248-6.497ZM157.635 362.442l15.834-15.344c-11.764-29.03-12.704-47.022-29.012-82.131 38.693 7.914 66.356 7.433 98.356.337 10.833-2.364 38.785-23.956 36.487-35.027q-.161-.776-.38-1.538c-3.435-11.711-1.017-29.645-8.451-42.641-13.755-5.186-34.653 12.325-51 23-7.883 5.147-2.113 12.16-8 14l-22.57 7.326-55.372-8.943a20.511 20.511 0 0 0-23.376 17.36q-.14.9-.204 1.812c2.548 14.104 5.204 27.837 8.063 40.874.923 4.208-.635 12.275 2.836 12.395s2.073 8.464 3.154 12.543c6.654 25.114 10.863 37.268 33.635 55.977Z",fill:"#2f2e41"})),J||(J=ie.createElement("path",{fill:"#ffb6b6",d:"m127.329 429.745-9.767-5.098 15.453-40.936 14.415 7.524-20.101 38.51z"})),K||(K=ie.createElement("path",{d:"m125.701 399.184 15.661 10.783c19.195-27.76 31.658-64.854 40.94-106.36 36.138-15.765 67.76-33.801 89.796-57.994a20.915 20.915 0 0 0-1.21-29.095q-.578-.542-1.195-1.038c-9.545-7.603-30.743-3.229-44.292-9.583l-24.204 33.5 2.782 7.802-8.42 4.099-7.11 3.46-8.137 3.963-26.679 12.987a20.484 20.484 0 0 0-9.089 27.63q.405.817.878 1.599l-9.908 49.36s2.726 8.593-1.563 7.79-1.953 9.724-1.953 9.724ZM121.414 452.305l-7.321-3.82 2.3-7.595-6.954 5.165-19.418-10.134a4.924 4.924 0 0 1 1.672-9.252l21.096-2.616 3.648-6.988 15.802 9.486Z",fill:"#2f2e41"})),Q||(Q=ie.createElement("path",{d:"m334.892 237.703-11.423-27.605-9 5 5.435 28.082a10.001 10.001 0 1 0 14.988-5.477ZM143.208 19.407l17.38 24.3 7.634-6.91-11.657-26.12a10.001 10.001 0 1 0-13.357 8.73Z",fill:"#ffb6b6"})),U||(U=ie.createElement("path",{d:"M221.697 173.42c-11.274 17.487 30.028 55.587 51.772 46.678 3.807-1.56 16.904-6.713 7.952-13.857s1.038.851 1.274-3.799c.158-3.109-2.25-9.93.262-9.637s3.953-6.971-1.517-8.821a10.618 10.618 0 0 1-7-9c-.523-19.167 5.968-39.178 5.968-39.178l26.498 67.735s-.196 11.719 3.183 8.138 3.134 8.009 3.134 8.009 5.024 3.507 2.135 5.458 3.11 7.952 3.11 7.952l14-1s-.219-10.4-2.61-12.7-1.215-5.92-1.215-5.92-4.929-4.583-2.052-9.982-20.95-101.961-20.95-101.961a25.72 25.72 0 0 0-18.367-19.62l-15.12-4.164-2.685-10.653h-21.292l-3.708 7-34-3s-33.643-30.61-32-33-3.573-7.986-3.573-7.986-4.454-1.458-1.94-2.236-2.238-2.578-2.238-2.578-4.4-1.156-2.324-2.678-6.925-2.522-6.925-2.522l-11.678 9.527 2.36 4.002s-1.439 5.45.44 3.46 2.231 3.784 2.231 3.784.96 6.322 6.646 8.227 10 20 10 20l48 40c-7.31 8.39-5.57 17.166.906 26.141Z",fill:"#eba33d"})),X||(X=ie.createElement("circle",{cx:258.343,cy:36.964,r:23.056,fill:"#ffb6b6"})),ee||(ee=ie.createElement("path",{d:"M278.469 30.098c-.59.17-9.25 1.3-13 2-3.68.69-4.32-4-7.33-3.12a.127.127 0 0 0-.01-.06 28.344 28.344 0 0 0-2.37-7.17 21.178 21.178 0 0 1 .17 6.6.984.984 0 0 1-.02.17c-.01.1-.03.19-.04.29-3.18-1.4-5.2-.15-7.4.29-2.46.49-4.38 1.57-3 10 2.83 17.34 17.55 23.53 15 35-.5 2.27-1.76 5.11-3.34 5.82a28.344 28.344 0 0 0-2.37-7.17 21.178 21.178 0 0 1 .17 6.6c-2.45-2.65-4.22-11.91-12.46-19.25-2.03-1.8-12.2-12.48-13.42-15a32.136 32.136 0 0 1 .54 6.11 29.416 29.416 0 0 1-.28 4.1 1.151 1.151 0 0 1-.03.26c-.01.16-.04.3-.06.45-.02.17-.05.33-.08.5-3.33-.48-6.28-1.06-7.67-2.42-6.76-6.58 1.49-19.4 6-31 6.45-16.61 25.18-18.82 27-19 8.02-.81 21.57.91 26 10 3.1 6.37 1.12 15.1-2 16Z",fill:"#2f2e41"})),ae||(ae=ie.createElement("path",{d:"m229.854 33.847 16.7-25.98a25.612 25.612 0 0 0-13.187-3.46 16.42 16.42 0 0 0-12.11 5.711c-3.41 4.24-3.996 10.232-2.718 15.521.442 1.827 8.846-4.6 6.846-1.6-1.642 2.349-4.326 12.221-5 15-1.083 4.472-4.063 9.062-1.409 12.82 3.139 4.445 8.74 6.654 14.177 6.878s10.787-1.282 15.954-2.988Z",fill:"#2f2e41"})),te||(te=ie.createElement("path",{d:"M236.27 32.822a1 1 0 0 1-.272-1.962c.262-.432.155-2.253.068-3.724-.325-5.524-.87-14.77 8.106-21.01a1 1 0 0 1 1.142 1.642c-8.055 5.6-7.571 13.815-7.251 19.25.182 3.108.315 5.352-1.57 5.78a.994.994 0 0 1-.222.024Z",fill:"#eba33d"})),le||(le=ie.createElement("path",{d:"M0 451.95a1.186 1.186 0 0 0 1.183 1.19H716.48a1.19 1.19 0 0 0 0-2.38H1.19A1.186 1.186 0 0 0 0 451.945Z",fill:"#ccc"})),ce||(ce=ie.createElement("path",{d:"M442.535 94.85h-15.132a1.513 1.513 0 0 1 0-3.027h15.132a1.513 1.513 0 0 1 0 3.026ZM469.772 94.85H454.64a1.513 1.513 0 1 1 0-3.027h15.132a1.513 1.513 0 1 1 0 3.026ZM483.391 106.955H468.26a1.513 1.513 0 1 1 0-3.026h15.132a1.513 1.513 0 1 1 0 3.026ZM456.237 106.955h-28.834a1.513 1.513 0 0 1 0-3.026h28.834a1.513 1.513 0 0 1 0 3.026ZM510.713 94.85h-28.835a1.513 1.513 0 0 1 0-3.027h28.835a1.513 1.513 0 1 1 0 3.026ZM452.895 71.925H424.06a1.513 1.513 0 1 1 0-3.026h28.835a1.513 1.513 0 1 1 0 3.026ZM455.265 80.766a1.355 1.355 0 0 1-.832-2.425l7.383-5.739a2.714 2.714 0 0 0 .328-3.984l-6.198-6.71a1.355 1.355 0 1 1 1.99-1.84l9.205 9.965a1.355 1.355 0 0 1-.163 1.99l-10.882 8.458a1.351 1.351 0 0 1-.83.285Z",fill:"#eba33d"})),re||(re=ie.createElement("path",{d:"M422.601 80.766a1.355 1.355 0 0 0 .832-2.425l-7.383-5.739a2.714 2.714 0 0 1-.328-3.984l6.199-6.71a1.355 1.355 0 0 0-1.99-1.84l-9.206 9.965a1.355 1.355 0 0 0 .164 1.99l10.88 8.458a1.351 1.351 0 0 0 .832.285ZM467.8 132.906h-28.834a1.513 1.513 0 0 1 0-3.027h28.835a1.513 1.513 0 0 1 0 3.027ZM472.882 140.391a1.355 1.355 0 0 1-.833-2.425l7.384-5.739a2.714 2.714 0 0 0 .328-3.984l-6.199-6.71a1.355 1.355 0 0 1 1.99-1.84l9.206 9.965a1.355 1.355 0 0 1-.164 1.99l-10.881 8.458a1.351 1.351 0 0 1-.831.285ZM422.601 140.391a1.355 1.355 0 0 0 .832-2.425l-7.383-5.739a2.714 2.714 0 0 1-.328-3.984l6.199-6.71a1.355 1.355 0 1 0-1.99-1.84l-9.206 9.965a1.355 1.355 0 0 0 .164 1.99l10.88 8.458a1.351 1.351 0 0 0 .832.285ZM425.174 136.151l6.061-13.865a1.513 1.513 0 0 1 2.773 1.212l-6.06 13.866a1.513 1.513 0 1 1-2.774-1.213Z",fill:"#eba33d"})))}},5843:(e,a,t)=>{t.d(a,{Z:()=>L});var l,c,r,i,h,n,f,m,d,E,Z,p,s,M,v,o,b,g,x,y,w,u,H,z,O=t(7294);function V(){return V=Object.assign?Object.assign.bind():function(e){for(var a=1;a{let{title:a,titleId:t,...L}=e;return O.createElement("svg",V({xmlns:"http://www.w3.org/2000/svg","data-name":"Layer 1",width:693,height:528,viewBox:"0 0 693 528","aria-labelledby":t},L),a?O.createElement("title",{id:t},a):null,l||(l=O.createElement("path",{d:"M693 283.5v221.81A22.717 22.717 0 0 1 670.31 528H500.17l1.58-2L691 286.04Z",fill:"#f2f2f2"})),c||(c=O.createElement("path",{d:"M270.812 205.368H75.443a6.036 6.036 0 0 0 0 12.072h195.369a6.036 6.036 0 0 0 0-12.072ZM136.018 171.524H75.443a6.036 6.036 0 0 0 0 12.072h60.575a6.036 6.036 0 0 0 0-12.072Z",fill:"#e6e6e6"})),r||(r=O.createElement("path",{d:"M670.31 0H22.69A22.717 22.717 0 0 0 0 22.69v482.62A22.717 22.717 0 0 0 22.69 528h647.62A22.717 22.717 0 0 0 693 505.31V22.69A22.717 22.717 0 0 0 670.31 0ZM691 505.31A20.69 20.69 0 0 1 670.31 526H22.69A20.69 20.69 0 0 1 2 505.31V157.676A155.676 155.676 0 0 1 157.676 2H670.31A20.69 20.69 0 0 1 691 22.69Z",fill:"#e6e6e6"})),i||(i=O.createElement("path",{d:"M629.89 87.269H63.16a1 1 0 0 1 0-2h566.73a1 1 0 0 1 0 2Z",fill:"#e6e6e6"})),h||(h=O.createElement("ellipse",{cx:91.515,cy:48.603,rx:8.457,ry:8.645,fill:"#e6e6e6"})),n||(n=O.createElement("ellipse",{cx:120.729,cy:48.603,rx:8.457,ry:8.645,fill:"#e6e6e6"})),f||(f=O.createElement("ellipse",{cx:149.942,cy:48.603,rx:8.457,ry:8.645,fill:"#e6e6e6"})),m||(m=O.createElement("path",{d:"M183.254 55.436a.997.997 0 0 1-.715-.301l-5.706-5.833a1 1 0 0 1 0-1.398l5.706-5.833a1 1 0 1 1 1.43 1.399l-5.022 5.133 5.022 5.134a1 1 0 0 1-.715 1.699ZM192.842 55.436a1 1 0 0 1-.715-1.7l5.022-5.133-5.022-5.134a1 1 0 0 1 1.43-1.398l5.706 5.833a1 1 0 0 1 0 1.398l-5.706 5.833a.997.997 0 0 1-.715.3ZM579.352 40.959h-10.61a2.19 2.19 0 0 0-2.19 2.19v10.62a2.19 2.19 0 0 0 2.19 2.19h10.61a2.198 2.198 0 0 0 2.2-2.19v-10.62a2.198 2.198 0 0 0-2.2-2.19ZM553.352 40.959h-10.61a2.19 2.19 0 0 0-2.19 2.19v10.62a2.19 2.19 0 0 0 2.19 2.19h10.61a2.198 2.198 0 0 0 2.2-2.19v-10.62a2.198 2.198 0 0 0-2.2-2.19ZM603.852 41.459h-10.61a2.19 2.19 0 0 0-2.19 2.19v10.62a2.19 2.19 0 0 0 2.19 2.19h10.61a2.198 2.198 0 0 0 2.2-2.19v-10.62a2.198 2.198 0 0 0-2.2-2.19ZM388.93 45.499h-84.81a2.67 2.67 0 1 0 0 5.34h84.81a2.67 2.67 0 0 0 0-5.34Z",fill:"#e6e6e6"})),d||(d=O.createElement("path",{d:"m161.607 410.446-50.717-1.603c-7.034-.222-14.944-.21-19.961 3.424-5.695 4.126-4.832 11.436-.105 16.177s12.277 7.45 19.687 9.652c39.364 11.7 82.928 14.075 125.229 11.428s83.73-10.132 124.955-17.59c3.91-.708 8.342-1.726 9.936-4.447 1.543-2.632-.476-5.806-3.61-7.508s-7.11-2.274-10.944-2.78a1027.708 1027.708 0 0 0-209.5-5.977",fill:"#eba33d"})),E||(E=O.createElement("path",{d:"M252.73 371.44v-12c-8.708.123-39.87-.089-48 0-.605 41.941-4.313 33.725 30.048 33.889a5.975 5.975 0 0 1 5.952 5.966v.18a5.965 5.965 0 0 1-5.965 5.965H204.73v12h48c.067-.04-.049-11.587 0-12 2.03-34.765-1.986-22.261-31.166-23.656a5.095 5.095 0 0 1-4.834-5.094v-.15a5.1 5.1 0 0 1 5.1-5.1ZM311.73 371.44v-12c-8.708.123-39.87-.089-48 0-.61 42.306-4.378 33.579 30.952 33.895a5.1 5.1 0 0 1 5.048 5.1v1.907a5.099 5.099 0 0 1-5.1 5.098h-30.9v12h48c.067-.04-.049-11.587 0-12 2.03-34.765-1.986-22.261-31.166-23.656a5.095 5.095 0 0 1-4.834-5.094v-.15a5.1 5.1 0 0 1 5.1-5.1ZM190.73 371.44v-12h-48c-.034 10.703.025 39.032 0 50-9.409 15.929 44.042 4.9 48.003 8.004-.003-.004-.003-12.004-.003-12.004-36.521-.19-37.439 6.646-36.264-26.43a7.844 7.844 0 0 1 7.834-7.57h28.43Z",fill:"#3f3d56"})),Z||(Z=O.createElement("path",{d:"m285.607 267.112-50.717-1.336c-7.034-.185-14.944-.176-19.961 2.854-5.695 3.44-4.832 9.533-.105 13.485s12.277 6.21 19.687 8.046c39.364 9.752 82.928 11.732 125.229 9.526s83.73-8.446 124.955-14.663c3.91-.59 8.342-1.439 9.936-3.707 1.543-2.194-.476-4.84-3.61-6.258s-7.11-1.896-10.944-2.318a1231.445 1231.445 0 0 0-209.5-4.982",fill:"#eba33d"})),p||(p=O.createElement("path",{d:"M276.73 214.44c-.817 18.526 5.992 24.358-17.501 21.998-1.587-11.052 6.462-26.39-11.999-22.496 3.698 8.018-10.303 68.844 11.996 57.995 1.252-18.275-7.002-26.29 17.504-23.495 1.966 11.297-7.207 27.921 12 23.996-3.699-8.021 10.302-68.842-12-57.998ZM399.73 214.44c1.647 1.017-15.09 18.724-15.452 20.175-.502-1.239-16.477-18.563-14.548-20.174-22.23-10.985-8.375 50.195-12.004 58.002.004-.003 12.004-.003 12.004-.003v-37.998c16.867 22.75 13.735 18.921 30-1.117v39.115c22.229 10.989 8.376-50.199 12.004-58.003-.004.003-12.004.003-12.004.003ZM346.73 214.44h-48c-2.82 16.822 6.505 11.18 18.002 12l-.002 46h12v-46c11.443-.778 20.856 4.748 18-12ZM433.73 260.44a128.28 128.28 0 0 1 0-46h-12c.069 7.603-.022 38.282-.014 52.312a5.71 5.71 0 0 0 5.705 5.712c12.09.016 35.17-.073 42.309-.024v-12Z",fill:"#3f3d56"})),s||(s=O.createElement("path",{d:"M127.181 262.44H78.407a9 9 0 0 0 0 18h48.774a9 9 0 0 0 0-18Z",fill:"#e6e6e6"})),M||(M=O.createElement("path",{fill:"#ffb6b6",d:"m569.392 517.568-9.901-.001-4.71-38.19 14.613.001-.002 38.19z"})),v||(v=O.createElement("path",{d:"m569.74 527.897-30.446-.001v-.385a11.851 11.851 0 0 1 11.85-11.851h.001l5.562-4.22 10.376 4.22h2.658Z",fill:"#2f2e41"})),o||(o=O.createElement("path",{fill:"#ffb6b6",d:"m604.392 517.568-9.901-.001-4.71-38.19 14.613.001-.002 38.19z"})),b||(b=O.createElement("path",{d:"m604.74 527.897-30.446-.001v-.385a11.851 11.851 0 0 1 11.85-11.851h.001l5.562-4.22 10.376 4.22h2.658ZM544.74 309.48s-9.527 29.258-7.768 33.11 4.758.85 1.758 3.85-5.619-.189-2.81 4.906 7.066 47.034 8.938 49.064 4.446 2.084 2.159 4.057-5.287-2.027-2.287 1.973 10.96 96.276 10.96 96.276h15.552s3.873-4.465 1.68-7.37.193-4.026 0-5.966.537-6.123.673-8.031 2.763-47.378-3.55-73.643l11.513-50.013 5.756 60.447s-6.415 50.702 0 67c0 0-5.172 4.308-2.878 6.804s4.294.496 2.294 2.496 3 9 3 9l17-1 9.622-94.734s1.622-9.88 0-11.573-1.622 4.307-1.622-1.693v-8s7.25-49.205 7.125-52.102-12.125-23.898-12.125-23.898Z",fill:"#2f2e41"})),g||(g=O.createElement("path",{d:"m595.02 191.147-24.824-1.707-7.427 11.712-17.89 7.273v57.694a55.6 55.6 0 0 1 2.851 17.321c-.068 11.495-3.023 25.035-2 28 10 29 65 0 65 0l-1-31 1.357-70.06-11.239-8.963Z",fill:"#e6e6e6"})),x||(x=O.createElement("path",{d:"m543.733 322.005-1.712-18.242-10.557-.476 2.496 19.222a6.133 6.133 0 1 0 9.772-.504Z",fill:"#ffb6b6"})),y||(y=O.createElement("path",{d:"m548.928 206.886-.293.05a16.988 16.988 0 0 0-12.584 9.628c-3.024 6.538-12.84 49.517-8.537 55.998 3.338 5.027 2.527 4.047.958 7.838s-4.096-.254-2.025 5.764 4.347 5.16 2.424 7.485-3.894 1.87-2.024 5.763 1.565 5.21 1.919 6.676.046 11.781.046 11.781 11.276-.855 16.888 1.827c0 0-3.131-10.418-1.361-12.086s3.894-1.869 2.378-4.297-4.954-2.53-1.212-3.742 2.537-22.956 2.537-22.956c6.163-16.14 3.728-42.688.886-69.729Z",fill:"#e6e6e6"})),w||(w=O.createElement("path",{d:"m616.922 323.306.79-18.304 10.519-1.008-1.523 19.323a6.133 6.133 0 1 1-9.786-.01Z",fill:"#ffb6b6"})),u||(u=O.createElement("path",{d:"m605.926 208.597.295.035a16.988 16.988 0 0 1 13.054 8.98c3.35 6.378 13.945 49.57 11.35 55.497-2.419 5.528-2.319 4.168-.56 7.876s4.077-.46 2.313 5.654-4.081 5.372-2.044 7.598 3.984 1.67 2.313 5.654-1.3 5.281-1.58 6.764.549 11.769.549 11.769-11.306-.286-16.775 2.676c0 0 2.602-10.562.75-12.139s-3.984-1.67-2.592-4.172 4.82-2.776 1.021-3.798-3.691-22.799-3.691-22.799Z",fill:"#e6e6e6"})),H||(H=O.createElement("circle",{cx:583.217,cy:166.41,r:19.362,fill:"#ffb6b6"})),z||(z=O.createElement("path",{d:"M596.692 182.984c2.693-2.107 2.954-6.124 5.252-8.657 3.842-4.233 5.647-8.788 3.635-13.805-1.78-4.437-1.402-9.891-5.236-12.747 1.883-.682 2.326-2.097.665-2.124-1.12-.017-5.298 2.124-3.288-.543s-1.794-1.615-1.543-2.707 1.865-1.697 2.577-.831a5.64 5.64 0 0 0-8.846 1.012c-2.264-3.394-4.668-5.73-8.134-3.576-3.403 2.116-3.359 4.73-7.018 4.102-1.72-.295-1.884 2.955-3.059 4.246a5.247 5.247 0 0 1-4.609 1.966c-1.715-.325-3.027-2.462-2.066-3.92l-4.043 9.224-1.63-1.999c-2.588 1.688-1.738 6.09.868 7.751s5.993 1.306 8.995.57a35.276 35.276 0 0 1 11.051-.917c5.667.8 9.613 7.575 7.515 12.899 2.177-2.138 6.204-.364 7.332 2.471s.3 6.03-.535 8.964",fill:"#2f2e41"})))}},9335:(e,a,t)=>{t.r(a),t.d(a,{default:()=>s});var l=t(7294),c=t(6010),r=t(4161),i=t(9960),h=t(2263);const n={heroBanner:"heroBanner_etFc",buttons:"buttons_+YzY"};var f=t(7462);const m={features:"features_n4mZ",featureSvg:"featureSvg_d3xR"},d=[{title:"Web developer",link:"docs/category/web-development",Svg:t(1343).Z,description:l.createElement(l.Fragment,null,"Design system for web developers")},{title:"Web designer",link:"docs/category/web-development",Svg:t(5843).Z,description:l.createElement(l.Fragment,null,"Design system for web designers")},{title:"Web content creator",link:"docs/category/web-content",Svg:t(5969).Z,description:l.createElement(l.Fragment,null,"Tips and tricks for writing for the web")},{title:"Publication writer",link:"docs/pubguide/writing",Svg:t(3244).Z,description:l.createElement(l.Fragment,null,"Writing manual for publications")},{title:"Publication designer",link:"docs/pubguide/design",Svg:t(2869).Z,description:l.createElement(l.Fragment,null,"Design system for publications")},{title:"Data scientist",link:"docs/category/maps-and-charts",Svg:t(4829).Z,description:l.createElement(l.Fragment,null,"Design system for data scientists")}];function E(e){let{Svg:a,title:t,description:r,link:i}=e;return l.createElement("div",{className:(0,c.Z)("col col--4")},l.createElement("div",{className:"text--center"},l.createElement("a",{href:i},l.createElement(a,{className:m.featureSvg,alt:t}))),l.createElement("div",{className:"text--center padding-horiz--md"},l.createElement("h3",null,t),l.createElement("p",null,r)))}function Z(){return l.createElement("section",{className:m.features},l.createElement("div",{className:"container"},l.createElement("h2",{className:"text--center"},"I am a..."),l.createElement("div",{className:"row"},d.map(((e,a)=>l.createElement(E,(0,f.Z)({key:a},e)))))))}function p(){const{siteConfig:e}=(0,h.Z)();return l.createElement("header",{className:(0,c.Z)("hero hero--primary",n.heroBanner)},l.createElement("div",{className:"container"},l.createElement("h1",{className:"hero__title"},e.title),l.createElement("p",{className:"hero__subtitle"},e.tagline),l.createElement("div",{className:n.buttons},l.createElement(i.Z,{className:"button button--secondary button--md",to:"/docs/intro"},"Get started"))))}function s(){const{siteConfig:e}=(0,h.Z)();return l.createElement(r.Z,{title:`Welcome to ${e.title} Homepage`,description:"${siteConfig.tagline}"},l.createElement(p,null),l.createElement("main",null,l.createElement(Z,null)))}}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2632],{6540:(e,a,t)=>{t.d(a,{c:()=>L});var l,c,r,i,h,n,f,m,d,E,p,s,Z,M,v,o,b,g,x,y,w,u,H,z,O=t(1504);function V(){return V=Object.assign?Object.assign.bind():function(e){for(var a=1;a{let{title:a,titleId:t,...L}=e;return O.createElement("svg",V({xmlns:"http://www.w3.org/2000/svg","data-name":"Layer 1",width:947.25,height:603.69,viewBox:"0 0 947.25 603.69","aria-labelledby":t},L),a?O.createElement("title",{id:t},a):null,l||(l=O.createElement("path",{d:"m326.28 565.12-29 16.84 28.59-6.9c-.22 2.36-.52 4.68-.92 6.95-.11.63-.23 1.25-.36 1.87a51.878 51.878 0 0 1-5.25 14.92c-.48.86-.96 1.7-1.46 2.51a50.8 50.8 0 0 1-1.49 2.38h-76.87a33.9 33.9 0 0 1-1.81-2.38 35.976 35.976 0 0 1-6.18-26.62 44.968 44.968 0 0 1 1.2-5.63 51.568 51.568 0 0 1 1.83-5.57 73.442 73.442 0 0 1 4.41-9.35c3.52-6.34 9.01-12.06 15.48-17.14a108.07 108.07 0 0 1 9.78-6.8q.96-.615 1.95-1.2c1.01-.6 2.02-1.19 3.04-1.76 2.03-1.16 4.08-2.26 6.13-3.3.54-.28 1.07-.55 1.6-.81 4.45-2.22 8.88-4.21 13.1-5.96.53-.22 1.07-.44 1.6-.65a233.308 233.308 0 0 1 25.72-8.81s.03.08.08.25c.13.46.46 1.57.91 3.21 1.25 4.55 3.45 13.23 5.22 23.71.1.57.19 1.15.29 1.73a181.688 181.688 0 0 1 2.45 26.81c.01.56.01 1.11.01 1.67Z",fill:"#f2f2f2"})),c||(c=O.createElement("path",{d:"M319.49 506.69c-.01.03-.11.52-.34 1.42-.19.75-.45 1.78-.79 3.06a365.03 365.03 0 0 1-6.21 20.98c-.17.52-.35 1.06-.53 1.6-2.06 6.17-4.51 12.99-7.34 20-.71 1.76-1.42 3.49-2.15 5.18-.22.53-.44 1.05-.67 1.56q-4.65 10.77-9.57 19.71l-.83 1.49a134.524 134.524 0 0 1-13.19 19.62c-.67.82-1.35 1.61-2.04 2.38h-2.32c.7-.77 1.4-1.57 2.08-2.38a132.146 132.146 0 0 0 13.87-20.4c.28-.49.56-.98.83-1.48 3.53-6.41 6.74-13.11 9.61-19.75.23-.51.45-1.03.67-1.56 3.75-8.78 6.9-17.41 9.44-25.01.18-.54.36-1.08.53-1.61 3.7-11.22 6.02-20.02 6.91-23.54.12-.52.22-.93.29-1.21.07-.26.1-.41.11-.44l.81.19h.01Z",fill:"#fff"})),r||(r=O.createElement("path",{d:"M325.11 535.01c-.51-.03-1.02-.08-1.53-.13a44.996 44.996 0 0 1-11.43-2.73c-.53-.21-1.07-.42-1.61-.65a45.858 45.858 0 0 1-4.28-2.11 45.276 45.276 0 0 1-14.61-12.87c-.13-.17-.26-.35-.38-.52q-.78.33-1.59.66c.12.17.24.34.37.51a46.766 46.766 0 0 0 15.39 13.7 48.307 48.307 0 0 0 4.57 2.24c.53.22 1.07.44 1.61.64a46.89 46.89 0 0 0 12.25 2.86c.5.05 1.01.09 1.51.12-.09-.59-.18-1.16-.27-1.72ZM326.32 563.42a45.37 45.37 0 0 1-24.19-4.49q-.795-.375-1.56-.81a4.233 4.233 0 0 1-.47-.25 45.58 45.58 0 0 1-23.15-34.74l-.06-.52c-.54.28-1.08.55-1.61.83.02.17.04.33.07.5a47.226 47.226 0 0 0 23.93 35.41c.2.11.41.23.62.33q.78.42 1.56.81a47.05 47.05 0 0 0 24.82 4.63c.45-.04.9-.09 1.35-.14 0-.57.01-1.13.01-1.7-.44.05-.88.1-1.32.14Z",fill:"#fff"})),i||(i=O.createElement("path",{d:"M324.95 582.01a45.548 45.548 0 0 1-27.75.21 44.468 44.468 0 0 1-5.31-2.02c-.54-.24-1.07-.5-1.6-.77-.57-.28-1.13-.58-1.68-.88a45.675 45.675 0 0 1-23.39-42.39 43.763 43.763 0 0 1 .96-7.16c.03-.16.06-.32.1-.48-.66.41-1.32.82-1.97 1.24-.03.15-.06.29-.08.44a46.77 46.77 0 0 0-.73 9.79 47.253 47.253 0 0 0 24.28 40.03c.56.31 1.12.61 1.68.89.53.27 1.07.53 1.6.78a47.175 47.175 0 0 0 33.53 2.19c.37-.1.74-.22 1.11-.34.15-.64.28-1.28.4-1.92-.38.14-.76.27-1.15.39Z",fill:"#fff"})),h||(h=O.createElement("path",{fill:"#9e616a",d:"M200.25 246.52h56v56h-56zM165.326 581.214l11.034-.001 5.248-42.557-16.284.001.002 42.557z"})),n||(n=O.createElement("path",{d:"m195.61 593.65-16.58-11.45v-7.47l-1.88.11-11.82.71-3.74.22-2.13 25.54-.07.85h7.83l.16-.85 1.24-6.54 3.17 6.54.41.85h20.76a4.68 4.68 0 0 0 4.67-4.66 4.67 4.67 0 0 0-2.02-3.85Z",fill:"#2f2e41"})),f||(f=O.createElement("path",{fill:"#9e616a",d:"m229.853 574.209 10.604 3.049 16.808-39.448-15.65-4.501-11.762 40.9z"})),m||(m=O.createElement("path",{d:"m255.52 594.54-12.77-15.59 2.07-7.18-1.84-.41-10.25-2.3-1.31-.29-3.65-.82-9.41 24.75 7.52 2.17 3.39-6.72 1.39 8.09 4.74 1.36 12.89 3.71 2.33.67a4.663 4.663 0 0 0 4.9-7.44Z",fill:"#2f2e41"})),d||(d=O.createElement("path",{d:"M943.98 0H359.52a3.28 3.28 0 0 0-3.27 3.28v19.25a3.28 3.28 0 0 0 3.27 3.28h584.46a3.28 3.28 0 0 0 3.27-3.28V3.28A3.28 3.28 0 0 0 943.98 0Z",fill:"#e4e4e4"})),E||(E=O.createElement("circle",{"data-name":"Ellipse 90",cx:375.249,cy:11.965,r:4.648,fill:"#fff"})),p||(p=O.createElement("circle",{"data-name":"Ellipse 91",cx:392.89,cy:11.965,r:4.648,fill:"#fff"})),s||(s=O.createElement("circle",{"data-name":"Ellipse 92",cx:410.533,cy:11.965,r:4.648,fill:"#fff"})),Z||(Z=O.createElement("path",{d:"M926.69 5.76h-20.31a1.505 1.505 0 1 0 0 3.01h20.31a1.505 1.505 0 1 0 0-3.01ZM926.69 11.4h-20.31a1.505 1.505 0 1 0 0 3.01h20.31a1.505 1.505 0 1 0 0-3.01ZM926.69 17.04h-20.31a1.505 1.505 0 1 0 0 3.01h20.31a1.505 1.505 0 1 0 0-3.01Z",fill:"#fff"})),M||(M=O.createElement("path",{d:"M924.38 81.49H772.95a3.99 3.99 0 0 0-3.98 3.98v61.45a3.99 3.99 0 0 0 3.98 3.98h151.43a3.984 3.984 0 0 0 3.98-3.98V85.47a3.984 3.984 0 0 0-3.98-3.98ZM909.96 170.82H787.37a4.775 4.775 0 0 0 0 9.55h122.59c6.22.09 6.16-9.64 0-9.55ZM909.96 192.71H787.37a4.775 4.775 0 0 0 0 9.55h122.59c6.22.09 6.16-9.64 0-9.55ZM909.96 214.6H787.37a4.775 4.775 0 0 0 0 9.55h122.59c6.22.09 6.16-9.64 0-9.55ZM725.38 81.49H573.95a3.99 3.99 0 0 0-3.98 3.98v61.45a3.99 3.99 0 0 0 3.98 3.98h151.43a3.984 3.984 0 0 0 3.98-3.98V85.47a3.984 3.984 0 0 0-3.98-3.98ZM710.96 170.82H588.37a4.775 4.775 0 0 0 0 9.55h122.59c6.22.09 6.16-9.64 0-9.55ZM710.96 192.71H588.37a4.775 4.775 0 0 0 0 9.55h122.59c6.22.09 6.16-9.64 0-9.55ZM710.96 214.6H588.37a4.775 4.775 0 0 0 0 9.55h122.59c6.22.09 6.16-9.64 0-9.55Z",fill:"#e4e4e4"})),v||(v=O.createElement("path",{d:"M345.668 197.707a10.024 10.024 0 0 0-.423 1.748l-62.005-10.96-53.407-28.8a15.08 15.08 0 0 0-16.097 25.419 118.971 118.971 0 0 0 32.736 16.995l38.72 12.97 67.821-4.347a9.997 9.997 0 1 0-7.345-13.025Z",fill:"#9e616a"})),o||(o=O.createElement("path",{d:"M498.18 197.9H305.16a5.087 5.087 0 0 0-5.08 5.08v78.31a5.087 5.087 0 0 0 5.08 5.08h193.02a5.085 5.085 0 0 0 5.07-5.08v-78.31a5.085 5.085 0 0 0-5.07-5.08ZM479.8 311.76H323.54a6.09 6.09 0 0 0 0 12.18H479.8c7.93.11 7.85-12.29 0-12.18ZM479.8 339.66H323.54a6.09 6.09 0 0 0 0 12.18H479.8c7.93.11 7.85-12.29 0-12.18ZM479.8 367.57H323.54a6.085 6.085 0 1 0 0 12.17H479.8c7.93.11 7.85-12.28 0-12.17Z",fill:"#eba33d"})),b||(b=O.createElement("circle",{cx:357.654,cy:265.793,r:29.729,transform:"rotate(-61.337 169.549 298.269)",fill:"#9e616a"})),g||(g=O.createElement("path",{d:"M236.25 81.52h-19.204c-12.59 0-22.796 11.482-22.796 25.646-9.5 9.539-6.649 21.489.889 34.354a149.225 149.225 0 0 1 39.54 10.576l1.793-7.655 3.536 10.081q4.717 2.285 9.353 4.998c-3.608-16.951-5.092-33.863-2.615-47h6.504v-7.118l2.208 7.118h11.792a31 31 0 0 0-31-31Z",fill:"#2f2e41"})),x||(x=O.createElement("path",{d:"m234.25 155.52-35.955-1.559-.967 3.674a213.669 213.669 0 0 0-3.6 92.57 8.242 8.242 0 0 1 2.345 8.006l-.516 2.06.048.075a12.062 12.062 0 0 1 1.6 9.004l1.8 9.902 58.245-25.732 13-45Z",fill:"#cacaca"})),y||(y=O.createElement("path",{d:"M323.357 250.364a10.024 10.024 0 0 0-1.085 1.434l-52.503-34.757-37.51-47.694a15.08 15.08 0 0 0-24.892 16.9 118.97 118.97 0 0 0 23.254 28.63l30.346 27.324 63.937 23.035a9.997 9.997 0 1 0-1.548-14.872Z",fill:"#9e616a"})),w||(w=O.createElement("path",{d:"M437.533 150.665a28.735 28.735 0 1 1 28.736-28.736 28.735 28.735 0 0 1-28.736 28.736Z",fill:"#e4e4e4"})),u||(u=O.createElement("path",{d:"M448.872 119.095h-8.504v-8.504a2.835 2.835 0 0 0-5.67 0v8.504h-8.503a2.835 2.835 0 0 0 0 5.67h8.504v8.503a2.835 2.835 0 0 0 5.67 0v-8.504h8.503a2.835 2.835 0 1 0 0-5.669Z",fill:"#fff"})),H||(H=O.createElement("path",{d:"M294.24 471.459a16.874 16.874 0 0 0-1.571-15.088L267.25 324.52l-10-50h-60s-37.5 41.5-29.5 94.5l-2.24 74.64a27.448 27.448 0 0 0-1.503 16.186l.891 4.222-.343.636a21.334 21.334 0 0 0-.269 19.772l-2.536 84.544 18-1 26.5-98.5 17.5-88.5 29.5 68.5 1 16-.485 14.103-23.015 82.397 19.5 7.5Z",fill:"#2f2e41"})),z||(z=O.createElement("path",{d:"M439.68 602.5a1.193 1.193 0 0 1-1.19 1.19H1.19a1.19 1.19 0 0 1 0-2.38h437.3a1.187 1.187 0 0 1 1.19 1.19Z",fill:"#cacaca"})))}},6784:(e,a,t)=>{t.d(a,{c:()=>D});var l,c,r,i,h,n,f,m,d,E,p,s,Z,M,v,o,b,g,x,y,w,u,H,z,O,V,L,j,N,k,A,q,S,B,P,_,F,I=t(1504);function C(){return C=Object.assign?Object.assign.bind():function(e){for(var a=1;a{let{title:a,titleId:t,...D}=e;return I.createElement("svg",C({xmlns:"http://www.w3.org/2000/svg","data-name":"Layer 1",width:841.59,height:589,viewBox:"0 0 841.59 589","aria-labelledby":t},D),a?I.createElement("title",{id:t},a):null,l||(l=I.createElement("path",{fill:"#ffb8b8",d:"m743.208 574.193-14.08-.001-6.698-54.307 20.78.001-.002 54.307z"})),c||(c=I.createElement("path",{d:"M746.798 587.84H701.4v-.575a17.671 17.671 0 0 1 17.67-17.67H746.8Z",fill:"#2f2e41"})),r||(r=I.createElement("path",{fill:"#ffb8b8",d:"m805.349 539.578-9.139 10.711-45.66-30.156 13.489-15.807 41.31 35.252z"})),i||(i=I.createElement("path",{d:"m818.062 545.706-29.469 34.534-.437-.373a17.671 17.671 0 0 1-1.972-24.911v-.001l18-21.093ZM643.236 307.117l-4.383 40.42 177.171-2.527-77.265-125.896-63.086-2.266-32.437 90.269z",fill:"#2f2e41"})),h||(h=I.createElement("path",{opacity:.28,d:"m643.236 307.117-4.383 40.42 177.171-2.527-77.265-125.896-63.086-2.266-32.437 90.269z"})),n||(n=I.createElement("path",{d:"m678.075 314.056-6.255 36.984v33.058l50.43 16.462s-5.904 128.404 1.967 136.582l-.193 19.743 22 1 .179-13.894 9.327-103.856 5.494-76.25-8.907-57.811Z",fill:"#2f2e41"})),f||(f=I.createElement("path",{d:"m717.145 345.892-45.325 38.206s-2.653 68.932 4.084 77.016c5.786 6.943 81.038 66.832 81.038 66.832s13.374 12.268 20.869 12.463 16.213-15.524 16.213-15.524l-17.359-13.189s-44.969-41.976-58.321-58.666c-5.39-6.736-5.39-7.41-5.39-7.41l1.841-28.014 18.525-51.992ZM669.024 162.885l-19.542-1.806-17.726 2.954-37.534.012-3.198 27.204 34.253 7.665 8.347-4.091 34.795 13.257.605-45.195z",fill:"#2f2e41"})),m||(m=I.createElement("path",{d:"M692.364 162.8s41.474-3.886 50.905 3.524 29.64 154.266 29.64 154.266l-80.545 4.546-14.44-9.935 4.1-73.316Z",fill:"#ccc"})),d||(d=I.createElement("path",{fill:"#2f2e41",d:"m705.024 161.885-45.749 1.004-42.653 192.731 33.683 7.411 54.719-201.146zM737.546 160.256l36.037 11.279-2.047 79.187 44.488 94.674-52.299 5.509-41.339-102.23 15.16-88.419z"})),E||(E=I.createElement("path",{d:"M796.97 355.013a11.513 11.513 0 0 0-.435-17.65l7.25-25.29-14.296-8.155-9.736 35.86a11.576 11.576 0 0 0 17.218 15.235Z",fill:"#ffb8b8"})),p||(p=I.createElement("path",{d:"m752.7 173.734 21.324-1.85s19.143 20.022 23.498 35.525 9.07 64.005 9.07 64.005l-1.967 70.955-24.925-16.926-1.671-61.03Z",fill:"#2f2e41"})),s||(s=I.createElement("circle",{cx:900.239,cy:279.072,r:30.227,transform:"rotate(-61.337 679.526 352.42)",fill:"#ffb8b8"})),Z||(Z=I.createElement("path",{d:"M717.664 110.953c-3.966-.917-8.083.099-12.1.757s-8.443.876-11.84-1.366c-2.51-1.655-4.053-4.393-5.501-7.027a8.088 8.088 0 0 1-1.184-3.1c-.17-1.948 1.069-3.726 2.385-5.172 6.112-6.718 15.044-10.396 24.05-11.564a41.554 41.554 0 0 1 21.962 2.682c6.837 3 12.715 8.491 15.403 15.456a43.895 43.895 0 0 1 2.3 11.038 32.97 32.97 0 0 1 .156 8.36 35.832 35.832 0 0 1-1.62 6.055l-4.453 13.446a8.859 8.859 0 0 1-1.751 3.466 3.03 3.03 0 0 1-3.547.777 11.04 11.04 0 0 0 .16-4.46 3.764 3.764 0 0 0-2.97-2.995c-1.642-.174-3.044 1.098-4.6 1.646a5.66 5.66 0 0 1-7.036-3.818q-.063-.215-.11-.435c-.246-1.537.167-3.183-.416-4.627-.683-1.691-2.493-2.577-3.853-3.793a8.869 8.869 0 0 1-2.433-9.216c.364-1.12 1.392-1.628 1.186-2.914-.27-1.686-2.756-2.865-4.188-3.196Z",fill:"#2f2e41"})),M||(M=I.createElement("path",{d:"M381.612 238.725H0V0h381.612Z",fill:"#fff"})),v||(v=I.createElement("path",{d:"M381.612 238.725H0V0h381.612Zm-379.87-1.742H379.87V1.743H1.743Z",fill:"#3f3d56"})),o||(o=I.createElement("path",{d:"M335 569.369H117.183V330.643H335Z",fill:"#fff"})),b||(b=I.createElement("path",{d:"M335 569.369H117.183V330.643H335Zm-216.073-1.743h214.33v-235.24h-214.33Z",fill:"#3f3d56"})),g||(g=I.createElement("path",{fill:"#3f3d56",d:"M260.071 546.822h45.306v1.837h-45.306zM260.071 552.332h45.306v1.837h-45.306zM260.071 557.842h45.306v1.837h-45.306z"})),x||(x=I.createElement("path",{d:"M226.092 373.335v19.168a57.503 57.503 0 0 1 40.66 98.164l13.554 13.553a76.67 76.67 0 0 0-54.214-130.885Z",fill:"#e6e6e6"})),y||(y=I.createElement("path",{d:"m280.306 504.22-13.553-13.553a57.489 57.489 0 0 1-75.451 5.115L179.7 511.048a76.669 76.669 0 0 0 100.606-6.828Z",fill:"#575a89"})),w||(w=I.createElement("path",{d:"M168.589 450.006a57.503 57.503 0 0 1 57.503-57.503v-19.168A76.67 76.67 0 0 0 179.7 511.048l11.602-15.266a57.403 57.403 0 0 1-22.713-45.776Z",fill:"#eba33d"})),u||(u=I.createElement("path",{d:"M657.365 421.255H439.551V182.529h217.814Z",fill:"#fff"})),H||(H=I.createElement("path",{d:"M657.365 421.255H439.551V182.529h217.814Zm-216.072-1.743h214.33v-235.24h-214.33Z",fill:"#3f3d56"})),z||(z=I.createElement("path",{fill:"#575a89",d:"M470.916 328.465h39.207v62.731h-39.207z"})),O||(O=I.createElement("path",{fill:"#e6e6e6",d:"M527.548 285.773h39.207v105.422h-39.207z"})),V||(V=I.createElement("path",{fill:"#eba33d",d:"M584.18 236.112h39.207v155.084H584.18z"})),L||(L=I.createElement("path",{fill:"#3f3d56",d:"M636.455 392.939H460.461V210.845h1.742v180.351h174.252v1.743z"})),j||(j=I.createElement("circle",{cx:594.024,cy:176.885,r:12,fill:"#ffb8b8"})),N||(N=I.createElement("path",{d:"M840.59 589h-187a1 1 0 0 1 0-2h187a1 1 0 0 1 0 2Z",fill:"#ccc"})),k||(k=I.createElement("path",{d:"M328.615 188.799H52.997a.863.863 0 0 1-.863-.863V55.832a.863.863 0 0 1 1.725 0v131.241h274.756a.863.863 0 1 1 0 1.726Z",fill:"#3f3d56"})),A||(A=I.createElement("path",{d:"M111.884 179.31H86.816a2.563 2.563 0 0 1-2.56-2.56v-34.557a2.563 2.563 0 0 1 2.56-2.56h25.068a2.563 2.563 0 0 1 2.56 2.56v34.557a2.563 2.563 0 0 1-2.56 2.56ZM157.6 179.31h-25.069a2.563 2.563 0 0 1-2.56-2.56v-67.334a2.563 2.563 0 0 1 2.56-2.56H157.6a2.563 2.563 0 0 1 2.56 2.56v67.334a2.563 2.563 0 0 1-2.56 2.56ZM203.316 179.31h-25.069a2.563 2.563 0 0 1-2.56-2.56v-34.557a2.563 2.563 0 0 1 2.56-2.56h25.069a2.563 2.563 0 0 1 2.56 2.56v34.557a2.563 2.563 0 0 1-2.56 2.56ZM249.031 179.31h-25.068a2.507 2.507 0 0 1-2.56-2.444V96.361a2.507 2.507 0 0 1 2.56-2.444h25.068a2.507 2.507 0 0 1 2.56 2.444v80.505a2.507 2.507 0 0 1-2.56 2.444ZM294.747 179.31h-25.069a2.563 2.563 0 0 1-2.56-2.56V73.188a2.563 2.563 0 0 1 2.56-2.56h25.069a2.563 2.563 0 0 1 2.56 2.56V176.75a2.563 2.563 0 0 1-2.56 2.56Z",fill:"#eba33d"})),q||(q=I.createElement("circle",{cx:99.35,cy:124.107,r:5.175,fill:"#3f3d56"})),S||(S=I.createElement("circle",{cx:145.066,cy:90.467,r:5.175,fill:"#3f3d56"})),B||(B=I.createElement("circle",{cx:190.781,cy:124.107,r:5.175,fill:"#3f3d56"})),P||(P=I.createElement("circle",{cx:236.497,cy:74.078,r:5.175,fill:"#3f3d56"})),_||(_=I.createElement("circle",{cx:282.213,cy:55.102,r:5.175,fill:"#3f3d56"})),F||(F=I.createElement("path",{fill:"#3f3d56",d:"m190.89 125.266-45.824-34.323-45.199 33.854-1.034-1.381 46.233-34.629 45.606 34.16 45.321-49.595.182-.074 45.715-18.42.645 1.601-45.534 18.346-46.111 50.461z"})))}},7264:(e,a,t)=>{t.d(a,{c:()=>L});var l,c,r,i,h,n,f,m,d,E,p,s,Z,M,v,o,b,g,x,y,w,u,H,z,O=t(1504);function V(){return V=Object.assign?Object.assign.bind():function(e){for(var a=1;a{let{title:a,titleId:t,...L}=e;return O.createElement("svg",V({xmlns:"http://www.w3.org/2000/svg","data-name":"Layer 1",width:744,height:539.286,viewBox:"0 0 744 539.286","aria-labelledby":t},L),a?O.createElement("title",{id:t},a):null,l||(l=O.createElement("path",{d:"M474.114 404.286v130H148.415c-37.109 0-67.3-29.16-67.3-65s30.191-65 67.3-65Z",fill:"#f2f2f2"})),c||(c=O.createElement("path",{d:"M482.114 533.286a5.002 5.002 0 0 1-5 5h-334.5a68.5 68.5 0 1 1 0-137h334.5a5 5 0 0 1 0 10h-334.5a58.5 58.5 0 1 0 0 117h334.5a5.002 5.002 0 0 1 5 5Z",fill:"#eba33d"})),r||(r=O.createElement("path",{d:"M474.114 434.286h-350a1 1 0 1 1 0-2h350a1 1 0 0 1 0 2ZM474.114 458.286h-350a1 1 0 1 1 0-2h350a1 1 0 0 1 0 2ZM474.114 482.286h-350a1 1 0 1 1 0-2h350a1 1 0 0 1 0 2ZM474.114 506.286h-350a1 1 0 1 1 0-2h350a1 1 0 0 1 0 2Z",fill:"#ccc"})),i||(i=O.createElement("path",{d:"m725.832 428.757-81.565 101.228-253.615-204.35c-28.896-23.283-34.111-64.932-11.624-92.84s64.292-31.671 93.188-8.388Z",fill:"#f2f2f2"})),h||(h=O.createElement("path",{d:"M651.124 534.226a5.002 5.002 0 0 1-7.03.756L383.623 325.11a68.5 68.5 0 0 1 85.957-106.68L730.05 428.304a5 5 0 1 1-6.274 7.787L463.307 226.218a58.5 58.5 0 1 0-73.408 91.105l260.468 209.872a5.002 5.002 0 0 1 .757 7.031Z",fill:"#ccc"})),n||(n=O.createElement("path",{d:"M707.009 452.117 434.471 232.52a1 1 0 1 1 1.255-1.557L708.264 450.56a1 1 0 1 1-1.255 1.557ZM691.95 470.806 419.414 251.208a1 1 0 0 1 1.255-1.557l272.538 219.597a1 1 0 1 1-1.255 1.558ZM676.893 489.494 404.355 269.897a1 1 0 0 1 1.254-1.558l272.539 219.598a1 1 0 1 1-1.255 1.557ZM661.835 508.182 389.297 288.585a1 1 0 1 1 1.254-1.557L663.09 506.625a1 1 0 1 1-1.254 1.557ZM743 539.286H1a1 1 0 0 1 0-2h742a1 1 0 0 1 0 2Z",fill:"#ccc"})),f||(f=O.createElement("path",{fill:"#ffb8b8",d:"m338.081 390.622-11.432-.001-5.437-44.096 16.873.002-.004 44.095z"})),m||(m=O.createElement("path",{d:"M318.482 387.355h22.048v13.881H304.6a13.882 13.882 0 0 1 13.882-13.881Z",fill:"#2f2e41"})),d||(d=O.createElement("path",{fill:"#ffb8b8",d:"m221.286 390.622-11.432-.001-5.437-44.096 16.873.002-.004 44.095z"})),E||(E=O.createElement("path",{d:"M201.688 387.355h22.048v13.881h-35.93a13.882 13.882 0 0 1 13.882-13.881ZM259.47 63.533v-5a32.25 32.25 0 0 1 32.25-32.25 32.25 32.25 0 0 1 32.25 32.25v5a23.25 23.25 0 0 1-23.25 23.25h-18a23.25 23.25 0 0 1-23.25-23.25Z",fill:"#2f2e41"})),p||(p=O.createElement("circle",{cx:291.721,cy:63.942,r:24.561,fill:"#ffb8b8"})),s||(s=O.createElement("path",{d:"M158.125 148.356a9.377 9.377 0 0 1 14.28 1.677l21.054-3.983L199 158.255l-29.812 5.207a9.428 9.428 0 0 1-11.063-15.106Z",fill:"#ffb8b8"})),Z||(Z=O.createElement("path",{d:"m272.573 103.971.275.417-34.526 22.745-58.258 18.603a3.508 3.508 0 0 0-2.412 3.738l1.27 10.947a3.5 3.5 0 0 0 4.21 3.018l54.83-11.752a19.806 19.806 0 0 0 7.372-3.246l38.788-27.597a10.02 10.02 0 0 0 4.158-8.947 9.975 9.975 0 0 0-15.432-7.509Z",fill:"#ccc"})),M||(M=O.createElement("path",{d:"M326.853 378.109a4.518 4.518 0 0 1-4.138-2.701l-52.41-129.501a1.5 1.5 0 0 0-2.808.158l-42.758 126.073a4.5 4.5 0 0 1-5.882 2.892l-14.338-5.377a4.489 4.489 0 0 1-2.897-3.705c-6.45-56.192 49.8-198.03 50.369-199.456l.157-.395 51.277 11.343.107.116c20.458 22.318 37.274 163.082 40.437 191.074a4.479 4.479 0 0 1-2.971 4.747l-12.657 4.476a4.457 4.457 0 0 1-1.488.256Z",fill:"#2f2e41"})),v||(v=O.createElement("path",{d:"M282.673 182.006c-12.424 0-26.275-2.477-30.538-12.701l-.098-.235.132-.218c3.365-5.521 7.813-14.94 5.422-16.708-4.709-3.482-6.994-9.21-6.791-17.026.44-16.965 12-32.028 28.766-37.482a127.642 127.642 0 0 1 14.263-3.672 24.28 24.28 0 0 1 20.133 4.971 24.526 24.526 0 0 1 9.096 18.87c.175 18.132-2.616 43.384-16.913 60.721a4.448 4.448 0 0 1-2.633 1.531 122.223 122.223 0 0 1-20.84 1.949Z",fill:"#ccc"})),o||(o=O.createElement("path",{d:"M278.051 181.327a9.556 9.556 0 0 1 11.679-6.664 9.407 9.407 0 0 1 1.447.536l15.987-14.549 11.118 7.49-22.862 20.231a9.54 9.54 0 0 1-10.813 4.587 9.394 9.394 0 0 1-6.556-11.631Z",fill:"#ffb8b8"})),b||(b=O.createElement("path",{d:"M304.632 181.512a4.488 4.488 0 0 1-2.846-1.016l-6.304-5.151a4.5 4.5 0 0 1 .109-7.056l26.442-20.28a1.503 1.503 0 0 0 .283-2.094l-16.32-21.576a13.285 13.285 0 0 1 .887-17.115 13.248 13.248 0 0 1 17.888-1.43l.103.109 17.042 24.402a15.193 15.193 0 0 1-.36 24.186l-34.246 26.138a4.507 4.507 0 0 1-2.678.883Z",fill:"#ccc"})),g||(g=O.createElement("path",{d:"M269.965 57.033V44.847l21.756-9.5 20.744 9.5v12.186a2 2 0 0 1-2 2h-38.5a2 2 0 0 1-2-2Z",fill:"#2f2e41"})),x||(x=O.createElement("path",{d:"M290.722 27.9c-3.199-10.239 3.52-21.973 13.451-26.025s21.813-1.22 30.194 5.476 13.58 16.724 16.334 27.09 3.278 21.178 3.787 31.892c12.202 2.241 20.503 16.714 16.275 28.378s-19.872 17.46-30.677 11.363-13.935-22.485-6.137-32.134a26.374 26.374 0 0 0-30.687-40.91c-6.014 2.515-13.56-4.02-12.54-5.13Z",fill:"#2f2e41"})),y||(y=O.createElement("path",{d:"M153.614 101.083a104.449 104.449 0 0 1-42.348-9.275 4.473 4.473 0 0 1-2.652-4.104V51.286a4.505 4.505 0 0 1 4.5-4.5h81a4.505 4.505 0 0 1 4.5 4.5v36.418a4.473 4.473 0 0 1-2.652 4.104 104.449 104.449 0 0 1-42.348 9.275Z",fill:"#eba33d"})),w||(w=O.createElement("path",{d:"M153.603 71.58a4.505 4.505 0 0 1-1.749-.352l-64.232-27.1a4.5 4.5 0 0 1 .154-8.352l64.232-24.368a4.484 4.484 0 0 1 3.212.007l63.372 24.367a4.5 4.5 0 0 1 .154 8.338l-63.373 27.1a4.507 4.507 0 0 1-1.77.36Z",fill:"#eba33d"})),u||(u=O.createElement("circle",{cx:116.114,cy:88.286,r:6,fill:"#3f3d56"})),H||(H=O.createElement("path",{d:"m218.965 40.274-63.373 27.099a4 4 0 0 1-3.128.008l-64.232-27.1a3.925 3.925 0 0 1-1.912-1.68 3.997 3.997 0 0 0 1.912 5.68l64.232 27.1a4 4 0 0 0 3.128-.008l63.373-27.1a3.997 3.997 0 0 0 1.894-5.672 3.927 3.927 0 0 1-1.894 1.673Z",opacity:.2})),z||(z=O.createElement("path",{d:"M116.618 88.262a1 1 0 0 0 1-1v-33.46L150.6 41.785a1 1 0 0 0 .03-2L117.647 51.8a1.962 1.962 0 0 0-1.433.575 1.986 1.986 0 0 0-.597 1.425v33.461a1 1 0 0 0 1 1Z",fill:"#3f3d56"})))}},1612:(e,a,t)=>{t.d(a,{c:()=>_});var l,c,r,i,h,n,f,m,d,E,p,s,Z,M,v,o,b,g,x,y,w,u,H,z,O,V,L,j,N,k,A,q,S,B=t(1504);function P(){return P=Object.assign?Object.assign.bind():function(e){for(var a=1;a{let{title:a,titleId:t,..._}=e;return B.createElement("svg",P({xmlns:"http://www.w3.org/2000/svg","data-name":"Layer 1",width:808.841,height:681.894,viewBox:"0 0 808.841 681.894","aria-labelledby":t},_),a?B.createElement("title",{id:t},a):null,l||(l=B.createElement("path",{d:"M670.666 550.26 402.32 427.757l138.175-302.67L808.84 247.59Z",fill:"#f2f2f2"})),c||(c=B.createElement("path",{d:"m711.544 374.425-203.145-92.74a1.586 1.586 0 0 1 1.317-2.885l203.145 92.74a1.586 1.586 0 0 1-1.317 2.885ZM722.84 349.68l-203.145-92.739a1.586 1.586 0 1 1 1.318-2.885l203.144 92.74a1.586 1.586 0 1 1-1.317 2.885ZM734.136 324.937l-203.144-92.74a1.586 1.586 0 1 1 1.317-2.885l203.144 92.74a1.586 1.586 0 0 1-1.317 2.885ZM745.432 300.192l-203.144-92.739a1.586 1.586 0 1 1 1.317-2.885l203.145 92.739a1.586 1.586 0 0 1-1.318 2.885ZM701.335 396.787l-203.145-92.74a1.586 1.586 0 1 1 1.318-2.885l203.144 92.74a1.586 1.586 0 0 1-1.317 2.885ZM735.258 263.895l-158.682-72.441a3.965 3.965 0 0 1-2.23-4.779 3.816 3.816 0 0 1 5.2-2.252l158.634 72.419a4 4 0 0 1 2.261 4.85 3.816 3.816 0 0 1-5.183 2.203Z",fill:"#fff"})),r||(r=B.createElement("path",{d:"m124.691 247.59 268.345-122.504 138.175 302.67-268.345 122.505Z",fill:"#f2f2f2"})),i||(i=B.createElement("path",{d:"m221.988 374.425 203.145-92.74a1.586 1.586 0 1 0-1.318-2.885l-203.144 92.74a1.586 1.586 0 1 0 1.317 2.885ZM210.692 349.68l203.144-92.739a1.586 1.586 0 0 0-1.317-2.885l-203.145 92.74a1.586 1.586 0 1 0 1.318 2.885ZM199.395 324.937l203.145-92.74a1.586 1.586 0 0 0-1.317-2.885l-203.145 92.74a1.586 1.586 0 0 0 1.317 2.885ZM188.1 300.192l203.144-92.739a1.586 1.586 0 1 0-1.317-2.885l-203.145 92.739a1.586 1.586 0 0 0 1.317 2.885ZM232.197 396.787l203.144-92.74a1.586 1.586 0 0 0-1.317-2.885l-203.145 92.74a1.586 1.586 0 1 0 1.318 2.885ZM198.274 263.895l158.682-72.441a3.965 3.965 0 0 0 2.23-4.779 3.816 3.816 0 0 0-5.2-2.252l-158.634 72.419a4 4 0 0 0-2.261 4.85 3.816 3.816 0 0 0 5.183 2.203Z",fill:"#fff"})),h||(h=B.createElement("path",{d:"M26.825 604.978c1.694-26.244 16.317-52.87 40.66-62.823a121.17 121.17 0 0 0 4.933 83.044c4.43 10.101 10.41 20.874 7.436 31.495-1.85 6.61-7.022 11.888-12.948 15.349-5.927 3.46-12.62 5.34-19.231 7.184l-1.253 1.168c-12.055-23.373-21.291-49.173-19.597-75.417Z",fill:"#f0f0f0"})),n||(n=B.createElement("path",{d:"M67.76 542.633a103.567 103.567 0 0 0-22.249 59.71 44.6 44.6 0 0 0 1.334 13.91 25.58 25.58 0 0 0 7.053 11.467c3.05 2.975 6.513 5.665 8.785 9.33a15.663 15.663 0 0 1 1.522 12.718c-1.501 5.294-4.814 9.733-8.205 13.961-3.765 4.695-7.75 9.511-9.112 15.52-.165.728-1.285.43-1.12-.298 2.37-10.453 12-16.883 16.208-26.422 1.964-4.45 2.598-9.52.246-13.956-2.056-3.88-5.625-6.656-8.738-9.642a27.296 27.296 0 0 1-7.315-10.955 41.231 41.231 0 0 1-1.863-13.808 100.479 100.479 0 0 1 5.517-30.915 105.403 105.403 0 0 1 17.12-31.443c.463-.583 1.277.243.818.823Z",fill:"#fff"})),f||(f=B.createElement("path",{d:"M45.407 595.322a15.538 15.538 0 0 1-12.77-15.548.58.58 0 0 1 1.159-.01 14.388 14.388 0 0 0 11.909 14.438c.734.13.433 1.249-.298 1.12ZM52.154 626.415a29.949 29.949 0 0 0 12.329-18.01c.167-.728 1.287-.43 1.12.297a31.151 31.151 0 0 1-12.868 18.716c-.619.418-1.197-.587-.581-1.003ZM54.834 562.905a8.795 8.795 0 0 0 8.295-.916c.613-.426 1.191.579.582 1.002a9.856 9.856 0 0 1-9.175 1.034.599.599 0 0 1-.411-.709.582.582 0 0 1 .709-.411Z",fill:"#fff"})),m||(m=B.createElement("path",{d:"M145.98 584.194c-.376.277-.752.554-1.127.841a115.831 115.831 0 0 0-14.1 12.42c-.342.343-.684.697-1.015 1.05a122.112 122.112 0 0 0-24.324 37.81 118.587 118.587 0 0 0-5.49 17.161c-1.92 8.081-3.361 16.996-7.712 23.771a20.346 20.346 0 0 1-1.467 2.047l-42.801 2.54c-.1-.044-.2-.077-.301-.12l-1.704.18c.05-.307.11-.624.16-.931.029-.178.067-.357.096-.535.022-.119.045-.238.058-.346l.022-.11c.014-.108.037-.208.051-.306q.489-2.66 1.017-5.323c0-.01 0-.01.008-.02 2.717-13.518 6.586-26.929 12.367-39.325.174-.373.347-.756.54-1.13a113.158 113.158 0 0 1 9.234-15.992 100.037 100.037 0 0 1 6.199-8.002 83.187 83.187 0 0 1 19.857-16.798c14.87-9.016 32.458-13.176 49.158-9.198.427.102.845.204 1.273.316Z",fill:"#f0f0f0"})),d||(d=B.createElement("path",{d:"M145.915 584.743a103.567 103.567 0 0 0-53.714 34.28 44.6 44.6 0 0 0-7.31 11.909 25.58 25.58 0 0 0-1.272 13.402c.643 4.211 1.788 8.444 1.397 12.739a15.663 15.663 0 0 1-6.443 11.07c-4.386 3.324-9.703 4.873-14.957 6.208-5.832 1.481-11.914 2.928-16.62 6.905-.57.482-1.284-.43-.714-.912 8.186-6.92 19.746-6.255 28.85-11.338 4.247-2.371 7.806-6.037 8.599-10.995.693-4.335-.485-8.701-1.173-12.96a27.296 27.296 0 0 1 .756-13.15 41.231 41.231 0 0 1 6.825-12.147 100.479 100.479 0 0 1 23.018-21.363 105.404 105.404 0 0 1 32.6-14.797c.72-.187.873.962.158 1.149Z",fill:"#fff"})),E||(E=B.createElement("path",{d:"M96.345 613.354a15.538 15.538 0 0 1-.836-20.103c.46-.586 1.393.102.932.69a14.388 14.388 0 0 0 .816 18.698c.508.545-.407 1.258-.913.715ZM83.011 642.242a29.949 29.949 0 0 0 20.688-6.958c.571-.48 1.286.433.715.913a31.151 31.151 0 0 1-21.542 7.195c-.746-.038-.603-1.189.14-1.15ZM123.388 593.146a8.795 8.795 0 0 0 7.175 4.263c.747.029.603 1.18-.139 1.15a9.856 9.856 0 0 1-7.948-4.698.599.599 0 0 1 .099-.814.582.582 0 0 1 .813.099ZM666.417 552.805H265.161V100.222h401.256Z",fill:"#fff"})),p||(p=B.createElement("path",{d:"M666.417 552.805H265.161V100.222h401.256Zm-399.098-2.157H664.26V102.38H267.319Z",fill:"#cacaca"})),s||(s=B.createElement("path",{d:"M617.67 312.132H313.908a2.157 2.157 0 1 1 0-4.314H617.67a2.157 2.157 0 0 1 0 4.314ZM617.67 275.132H313.908a2.157 2.157 0 1 1 0-4.314H617.67a2.157 2.157 0 0 1 0 4.314ZM617.67 238.132H313.908a2.157 2.157 0 1 1 0-4.314H617.67a2.157 2.157 0 0 1 0 4.314ZM617.67 201.132H313.908a2.157 2.157 0 1 1 0-4.314H617.67a2.157 2.157 0 0 1 0 4.314ZM617.67 345.57H313.908a2.157 2.157 0 1 1 0-4.314H617.67a2.157 2.157 0 0 1 0 4.314ZM617.67 511.57H313.908a2.157 2.157 0 1 1 0-4.314H617.67a2.157 2.157 0 0 1 0 4.314Z",fill:"#e4e4e4"})),Z||(Z=B.createElement("path",{d:"M544.905 476.94H386.674a3.993 3.993 0 0 1-3.99-3.989v-93.077a3.993 3.993 0 0 1 3.99-3.989h158.23a3.993 3.993 0 0 1 3.99 3.99v93.076a3.993 3.993 0 0 1-3.99 3.99Z",fill:"#fff"})),M||(M=B.createElement("path",{d:"M492.064 423.767a8.801 8.801 0 0 0-12.646-.226l-44.53 44.53a6.288 6.288 0 0 1-8.87.014l-6.594-6.582a8.78 8.78 0 0 0-12.42 0l-12.764 12.778h143.099v-1.821Z",fill:"#eba33d"})),v||(v=B.createElement("path",{d:"M544.905 476.94H386.674a3.993 3.993 0 0 1-3.99-3.989v-93.077a3.993 3.993 0 0 1 3.99-3.989h158.23a3.993 3.993 0 0 1 3.99 3.99v93.076a3.993 3.993 0 0 1-3.99 3.99Zm-158.231-98.395a1.331 1.331 0 0 0-1.33 1.33v93.077a1.331 1.331 0 0 0 1.33 1.33h158.23a1.331 1.331 0 0 0 1.33-1.33v-93.078a1.331 1.331 0 0 0-1.33-1.33Z",fill:"#3f3d56"})),o||(o=B.createElement("path",{d:"M163.438 461.382a10.056 10.056 0 0 0-8.672-12.75l-8.29-34.76-12.708 13.542 9.821 30.932a10.11 10.11 0 0 0 19.849 3.036Z",fill:"#ffb6b6"})),b||(b=B.createElement("path",{d:"M141.276 448.775a4.505 4.505 0 0 1-2.708-2.476L120.99 403.3a46.373 46.373 0 0 1-1.648-32.602l11.264-35.283a14.497 14.497 0 1 1 28.873 2.642l-14.939 56.815 10.006 44.622a4.515 4.515 0 0 1-2.2 4.68l-7.417 4.237a4.506 4.506 0 0 1-2.623.575 4.455 4.455 0 0 1-1.029-.212Z",fill:"#e4e4e4"})),g||(g=B.createElement("path",{fill:"#ffb6b6",d:"M203.799 669.082h12.259l5.833-47.288h-18.095l.003 47.288z"})),x||(x=B.createElement("path",{d:"m200.671 665.08 24.144-.002h.001a15.387 15.387 0 0 1 15.387 15.387v.5l-39.531.001Z",fill:"#2f2e41"})),y||(y=B.createElement("path",{fill:"#ffb6b6",d:"M134.799 669.082h12.259l5.833-47.288h-18.095l.003 47.288z"})),w||(w=B.createElement("path",{d:"m131.671 665.08 24.144-.002h.001a15.387 15.387 0 0 1 15.387 15.387v.5l-39.531.001ZM211.18 430.565l-71.896-6.326s-7.103 45.326-6.103 63.326 2 46 2 46l-8 122 31-4 4-101 13-55 15 70 10 90 27-3-9-109s8-98-7-113Z",fill:"#2f2e41"})),u||(u=B.createElement("circle",{cx:182.181,cy:277.565,r:20,fill:"#ffb8b8"})),H||(H=B.createElement("path",{d:"m204.083 322.222-14.285-11.37s-15.469-11.937-24.543-3.112l-4.074 5.825s-23.098 8.657-23.098 19.657l1.098 60.343s-8 31 4 33l69.902 5.657-.902-57.657Z",fill:"#e4e4e4"})),z||(z=B.createElement("path",{d:"M166.68 295.065s-21-15-10-33c7.632-12.487 23.445-11.499 32.415-9.722a15.154 15.154 0 0 1 11.086 8.722c1.5 3.5 1.5 7-4.5 7-12 0-6 9-6 9s-8 2-6 9-17 9-17 9Z",fill:"#2f2e41"})),O||(O=B.createElement("path",{d:"M276.239 427.61a10.056 10.056 0 0 0-13.945-6.581l-24.792-25.736-4.072 18.118 24.168 21.661a10.11 10.11 0 0 0 18.641-7.462Z",fill:"#ffb6b6"})),V||(V=B.createElement("path",{d:"M250.745 428.001a4.505 4.505 0 0 1-3.59-.758l-36.977-28.117a46.373 46.373 0 0 1-17.974-27.25l-8.211-36.116a14.497 14.497 0 1 1 26.215-12.384l15.98 56.532 31.276 33.361a4.515 4.515 0 0 1 .48 5.149l-4.237 7.416a4.506 4.506 0 0 1-1.968 1.828 4.455 4.455 0 0 1-.994.34Z",fill:"#e4e4e4"})),L||(L=B.createElement("path",{d:"M758.656 30.177H181.1a.838.838 0 0 1 0-1.676h577.556a.838.838 0 0 1 0 1.676Z",fill:"#cacaca"})),j||(j=B.createElement("circle",{cx:199.967,cy:9.221,r:9.221,fill:"#3f3d56"})),N||(N=B.createElement("circle",{cx:231.821,cy:9.221,r:9.221,fill:"#3f3d56"})),k||(k=B.createElement("circle",{cx:263.675,cy:9.221,r:9.221,fill:"#3f3d56"})),A||(A=B.createElement("path",{d:"M739.57 5.64h-22.632a1.677 1.677 0 0 1 0-3.353h22.633a1.677 1.677 0 0 1 0 3.353ZM739.57 11.927h-22.632a1.677 1.677 0 0 1 0-3.353h22.633a1.677 1.677 0 0 1 0 3.353ZM739.57 18.214h-22.632a1.677 1.677 0 0 1 0-3.353h22.633a1.677 1.677 0 0 1 0 3.353Z",fill:"#3f3d56"})),q||(q=B.createElement("path",{d:"M382 681.222H1a1 1 0 1 1 0-2h381a1 1 0 0 1 0 2Z",fill:"#cacaca"})),S||(S=B.createElement("path",{d:"M584.576 161.965H347.299a5.393 5.393 0 0 1-5.459-4.654 5.19 5.19 0 0 1 5.163-5.724h237.204a5.442 5.442 0 0 1 5.538 4.724 5.19 5.19 0 0 1-5.17 5.654Z",fill:"#eba33d"})))}},2240:(e,a,t)=>{t.d(a,{c:()=>ne});var l,c,r,i,h,n,f,m,d,E,p,s,Z,M,v,o,b,g,x,y,w,u,H,z,O,V,L,j,N,k,A,q,S,B,P,_,F,I,C,D,W,Y,$,G,R,T,J,K,Q,U,X,ee,ae,te,le,ce,re,ie=t(1504);function he(){return he=Object.assign?Object.assign.bind():function(e){for(var a=1;a{let{title:a,titleId:t,...ne}=e;return ie.createElement("svg",he({xmlns:"http://www.w3.org/2000/svg","data-name":"Layer 1",width:717.67,height:453.964,viewBox:"0 0 717.67 453.964","aria-labelledby":t},ne),a?ie.createElement("title",{id:t},a):null,l||(l=ie.createElement("path",{d:"M271.986 71.477a3.827 3.827 0 0 1-4.314 1.257 5.829 5.829 0 0 1-.678-.248 28.826 28.826 0 0 0-.368-7.989 21.362 21.362 0 0 1-1.64 6.57 8.91 8.91 0 0 1-1.76-2.513 22.425 22.425 0 0 1-1.602-6.046c-1.205-7.088-2.393-14.462-.428-21.389 2.88-10.119 11.957-17.393 15.75-27.211l1.867-1.677c3.198 5.445 3.34 12.212 2.036 18.387-1.297 6.187-3.91 11.993-5.975 17.96s-3.613 12.313-2.655 18.556c.22 1.47.556 3.086-.233 4.343Z",fill:"#2f2e41"})),c||(c=ie.createElement("path",{fill:"#ffb6b6",d:"m230.469 157.098-12.174 55.681 53.174 17.319-7.819-73h-33.181z"})),r||(r=ie.createElement("path",{d:"M605.699 452.598h24.096v-110.47a107.653 107.653 0 0 0-107.531-107.53H298.326a107.653 107.653 0 0 0-107.531 107.53v110.47h24.095v-75.47a108.654 108.654 0 0 1 108.531-108.53h173.747A108.654 108.654 0 0 1 605.7 377.128Z",fill:"#e6e6e6"})),i||(i=ie.createElement("path",{d:"m312.894 394.806-25.68-7.775a88.484 88.484 0 0 1-2.51-20.963 8.4 8.4 0 0 1 13.816-6.355c13.773 11.814 33.948 18.118 46.968 31.58a52.073 52.073 0 0 1 13.888 42.946l5.62 18.181a87.259 87.259 0 0 1-63.976-35.285 84.287 84.287 0 0 1-10.122-18.565c10.892-1.235 21.996-3.764 21.996-3.764Z",fill:"#f2f2f2"})),h||(h=ie.createElement("path",{d:"m379.823 424.58 13.098-3.966.05-.209a8.409 8.409 0 0 0-12.482-9.094c-5.946 3.532-12.548 6.574-17.29 11.477a26.56 26.56 0 0 0-7.083 21.904l-2.867 9.272a44.505 44.505 0 0 0 32.63-17.996 42.989 42.989 0 0 0 5.163-9.469c-5.555-.63-11.219-1.92-11.219-1.92Z",fill:"#f2f2f2"})),n||(n=ie.createElement("path",{d:"M485.849 153.13h-51.006a2.721 2.721 0 0 0-2.717 2.724v80.574h56.447v-80.574a2.723 2.723 0 0 0-2.724-2.724Zm-25.332 45.781a6.051 6.051 0 0 1-6.023-6.023v-9.293a6.023 6.023 0 0 1 12.046 0v9.293a6.051 6.051 0 0 1-6.023 6.023Z",fill:"#3f3d56"})),f||(f=ie.createElement("path",{d:"M570.31 27.385H352.28a7.078 7.078 0 0 0-7.066 7.067v147.127a7.073 7.073 0 0 0 7.066 7.066h218.03a7.073 7.073 0 0 0 7.066-7.066V34.452a7.078 7.078 0 0 0-7.067-7.067Z",fill:"#3f3d56"})),m||(m=ie.createElement("path",{d:"M568.49 32.49H354.101a3.787 3.787 0 0 0-3.78 3.786v143.48a3.786 3.786 0 0 0 3.78 3.78h214.387a3.786 3.786 0 0 0 3.78-3.78V36.277a3.787 3.787 0 0 0-3.78-3.787Z",fill:"#fff"})),d||(d=ie.createElement("path",{d:"M431.95 233.85v7.775a1.523 1.523 0 0 0 1.52 1.52h53.758a1.527 1.527 0 0 0 1.52-1.52v-7.774Z",fill:"#3f3d56"})),E||(E=ie.createElement("path",{d:"M526.73 245.85H399.181a2.346 2.346 0 0 1-2.296-2.83l1.98-9.4a2.356 2.356 0 0 1 2.295-1.863h123.592a2.356 2.356 0 0 1 2.295 1.863l1.98 9.4a2.346 2.346 0 0 1-2.297 2.83Z",fill:"#3f3d56"})),p||(p=ie.createElement("rect",{x:402.066,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),s||(s=ie.createElement("rect",{x:409.923,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),Z||(Z=ie.createElement("rect",{x:417.779,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),M||(M=ie.createElement("rect",{x:425.636,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),v||(v=ie.createElement("rect",{x:433.493,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),o||(o=ie.createElement("rect",{x:441.35,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),b||(b=ie.createElement("rect",{x:449.207,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),g||(g=ie.createElement("rect",{x:457.063,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),x||(x=ie.createElement("rect",{x:464.92,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),y||(y=ie.createElement("rect",{x:472.777,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),w||(w=ie.createElement("rect",{x:480.634,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),u||(u=ie.createElement("rect",{x:488.49,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),H||(H=ie.createElement("rect",{x:496.347,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),z||(z=ie.createElement("rect",{x:504.204,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),O||(O=ie.createElement("rect",{x:512.061,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),V||(V=ie.createElement("rect",{x:519.917,y:233.45,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),L||(L=ie.createElement("rect",{x:401.973,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),j||(j=ie.createElement("rect",{x:409.83,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),N||(N=ie.createElement("rect",{x:417.687,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),k||(k=ie.createElement("rect",{x:425.543,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),A||(A=ie.createElement("rect",{x:433.4,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),q||(q=ie.createElement("rect",{x:441.257,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),S||(S=ie.createElement("rect",{x:449.114,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),B||(B=ie.createElement("rect",{x:456.97,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),P||(P=ie.createElement("rect",{x:464.827,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),_||(_=ie.createElement("rect",{x:472.684,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),F||(F=ie.createElement("rect",{x:480.541,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),I||(I=ie.createElement("rect",{x:488.398,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),C||(C=ie.createElement("rect",{x:496.254,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),D||(D=ie.createElement("rect",{x:504.111,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),W||(W=ie.createElement("rect",{x:511.968,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),Y||(Y=ie.createElement("rect",{x:519.825,y:237.378,width:3.928,height:2.357,rx:.488,fill:"#e6e6e6"})),$||($=ie.createElement("rect",{x:439.686,y:242.092,width:31.427,height:2.357,rx:.488,fill:"#e6e6e6"})),G||(G=ie.createElement("path",{d:"M536.523 68.508v75.52a19.073 19.073 0 0 1-19.07 19.07h-94.52a19.08 19.08 0 0 1-17.51-11.49 17.984 17.984 0 0 1-1.13-3.51 17.367 17.367 0 0 0 6.3 1.17h94.52a17.605 17.605 0 0 0 17.58-17.58v-75.52a17.368 17.368 0 0 0-1.17-6.3 17.988 17.988 0 0 1 3.51 1.13 19.08 19.08 0 0 1 11.49 17.51Z",fill:"#f2f2f2"})),R||(R=ie.createElement("path",{fill:"#ffb6b6",d:"m183.897 368.973-9.375 5.805-27.619-33.95 13.836-8.566 23.158 36.711z"})),T||(T=ie.createElement("path",{d:"m191.99 381.099-7.54 3.367-4.525-6.52-.27 8.66-20 8.928a4.924 4.924 0 0 1-6.214-7.055l11.048-18.162-3.214-7.198 17.248-6.497ZM157.635 362.442l15.834-15.344c-11.764-29.03-12.704-47.022-29.012-82.131 38.693 7.914 66.356 7.433 98.356.337 10.833-2.364 38.785-23.956 36.487-35.027q-.161-.776-.38-1.538c-3.435-11.711-1.017-29.645-8.451-42.641-13.755-5.186-34.653 12.325-51 23-7.883 5.147-2.113 12.16-8 14l-22.57 7.326-55.372-8.943a20.511 20.511 0 0 0-23.376 17.36q-.14.9-.204 1.812c2.548 14.104 5.204 27.837 8.063 40.874.923 4.208-.635 12.275 2.836 12.395s2.073 8.464 3.154 12.543c6.654 25.114 10.863 37.268 33.635 55.977Z",fill:"#2f2e41"})),J||(J=ie.createElement("path",{fill:"#ffb6b6",d:"m127.329 429.745-9.767-5.098 15.453-40.936 14.415 7.524-20.101 38.51z"})),K||(K=ie.createElement("path",{d:"m125.701 399.184 15.661 10.783c19.195-27.76 31.658-64.854 40.94-106.36 36.138-15.765 67.76-33.801 89.796-57.994a20.915 20.915 0 0 0-1.21-29.095q-.578-.542-1.195-1.038c-9.545-7.603-30.743-3.229-44.292-9.583l-24.204 33.5 2.782 7.802-8.42 4.099-7.11 3.46-8.137 3.963-26.679 12.987a20.484 20.484 0 0 0-9.089 27.63q.405.817.878 1.599l-9.908 49.36s2.726 8.593-1.563 7.79-1.953 9.724-1.953 9.724ZM121.414 452.305l-7.321-3.82 2.3-7.595-6.954 5.165-19.418-10.134a4.924 4.924 0 0 1 1.672-9.252l21.096-2.616 3.648-6.988 15.802 9.486Z",fill:"#2f2e41"})),Q||(Q=ie.createElement("path",{d:"m334.892 237.703-11.423-27.605-9 5 5.435 28.082a10.001 10.001 0 1 0 14.988-5.477ZM143.208 19.407l17.38 24.3 7.634-6.91-11.657-26.12a10.001 10.001 0 1 0-13.357 8.73Z",fill:"#ffb6b6"})),U||(U=ie.createElement("path",{d:"M221.697 173.42c-11.274 17.487 30.028 55.587 51.772 46.678 3.807-1.56 16.904-6.713 7.952-13.857s1.038.851 1.274-3.799c.158-3.109-2.25-9.93.262-9.637s3.953-6.971-1.517-8.821a10.618 10.618 0 0 1-7-9c-.523-19.167 5.968-39.178 5.968-39.178l26.498 67.735s-.196 11.719 3.183 8.138 3.134 8.009 3.134 8.009 5.024 3.507 2.135 5.458 3.11 7.952 3.11 7.952l14-1s-.219-10.4-2.61-12.7-1.215-5.92-1.215-5.92-4.929-4.583-2.052-9.982-20.95-101.961-20.95-101.961a25.72 25.72 0 0 0-18.367-19.62l-15.12-4.164-2.685-10.653h-21.292l-3.708 7-34-3s-33.643-30.61-32-33-3.573-7.986-3.573-7.986-4.454-1.458-1.94-2.236-2.238-2.578-2.238-2.578-4.4-1.156-2.324-2.678-6.925-2.522-6.925-2.522l-11.678 9.527 2.36 4.002s-1.439 5.45.44 3.46 2.231 3.784 2.231 3.784.96 6.322 6.646 8.227 10 20 10 20l48 40c-7.31 8.39-5.57 17.166.906 26.141Z",fill:"#eba33d"})),X||(X=ie.createElement("circle",{cx:258.343,cy:36.964,r:23.056,fill:"#ffb6b6"})),ee||(ee=ie.createElement("path",{d:"M278.469 30.098c-.59.17-9.25 1.3-13 2-3.68.69-4.32-4-7.33-3.12a.127.127 0 0 0-.01-.06 28.344 28.344 0 0 0-2.37-7.17 21.178 21.178 0 0 1 .17 6.6.984.984 0 0 1-.02.17c-.01.1-.03.19-.04.29-3.18-1.4-5.2-.15-7.4.29-2.46.49-4.38 1.57-3 10 2.83 17.34 17.55 23.53 15 35-.5 2.27-1.76 5.11-3.34 5.82a28.344 28.344 0 0 0-2.37-7.17 21.178 21.178 0 0 1 .17 6.6c-2.45-2.65-4.22-11.91-12.46-19.25-2.03-1.8-12.2-12.48-13.42-15a32.136 32.136 0 0 1 .54 6.11 29.416 29.416 0 0 1-.28 4.1 1.151 1.151 0 0 1-.03.26c-.01.16-.04.3-.06.45-.02.17-.05.33-.08.5-3.33-.48-6.28-1.06-7.67-2.42-6.76-6.58 1.49-19.4 6-31 6.45-16.61 25.18-18.82 27-19 8.02-.81 21.57.91 26 10 3.1 6.37 1.12 15.1-2 16Z",fill:"#2f2e41"})),ae||(ae=ie.createElement("path",{d:"m229.854 33.847 16.7-25.98a25.612 25.612 0 0 0-13.187-3.46 16.42 16.42 0 0 0-12.11 5.711c-3.41 4.24-3.996 10.232-2.718 15.521.442 1.827 8.846-4.6 6.846-1.6-1.642 2.349-4.326 12.221-5 15-1.083 4.472-4.063 9.062-1.409 12.82 3.139 4.445 8.74 6.654 14.177 6.878s10.787-1.282 15.954-2.988Z",fill:"#2f2e41"})),te||(te=ie.createElement("path",{d:"M236.27 32.822a1 1 0 0 1-.272-1.962c.262-.432.155-2.253.068-3.724-.325-5.524-.87-14.77 8.106-21.01a1 1 0 0 1 1.142 1.642c-8.055 5.6-7.571 13.815-7.251 19.25.182 3.108.315 5.352-1.57 5.78a.994.994 0 0 1-.222.024Z",fill:"#eba33d"})),le||(le=ie.createElement("path",{d:"M0 451.95a1.186 1.186 0 0 0 1.183 1.19H716.48a1.19 1.19 0 0 0 0-2.38H1.19A1.186 1.186 0 0 0 0 451.945Z",fill:"#ccc"})),ce||(ce=ie.createElement("path",{d:"M442.535 94.85h-15.132a1.513 1.513 0 0 1 0-3.027h15.132a1.513 1.513 0 0 1 0 3.026ZM469.772 94.85H454.64a1.513 1.513 0 1 1 0-3.027h15.132a1.513 1.513 0 1 1 0 3.026ZM483.391 106.955H468.26a1.513 1.513 0 1 1 0-3.026h15.132a1.513 1.513 0 1 1 0 3.026ZM456.237 106.955h-28.834a1.513 1.513 0 0 1 0-3.026h28.834a1.513 1.513 0 0 1 0 3.026ZM510.713 94.85h-28.835a1.513 1.513 0 0 1 0-3.027h28.835a1.513 1.513 0 1 1 0 3.026ZM452.895 71.925H424.06a1.513 1.513 0 1 1 0-3.026h28.835a1.513 1.513 0 1 1 0 3.026ZM455.265 80.766a1.355 1.355 0 0 1-.832-2.425l7.383-5.739a2.714 2.714 0 0 0 .328-3.984l-6.198-6.71a1.355 1.355 0 1 1 1.99-1.84l9.205 9.965a1.355 1.355 0 0 1-.163 1.99l-10.882 8.458a1.351 1.351 0 0 1-.83.285Z",fill:"#eba33d"})),re||(re=ie.createElement("path",{d:"M422.601 80.766a1.355 1.355 0 0 0 .832-2.425l-7.383-5.739a2.714 2.714 0 0 1-.328-3.984l6.199-6.71a1.355 1.355 0 0 0-1.99-1.84l-9.206 9.965a1.355 1.355 0 0 0 .164 1.99l10.88 8.458a1.351 1.351 0 0 0 .832.285ZM467.8 132.906h-28.834a1.513 1.513 0 0 1 0-3.027h28.835a1.513 1.513 0 0 1 0 3.027ZM472.882 140.391a1.355 1.355 0 0 1-.833-2.425l7.384-5.739a2.714 2.714 0 0 0 .328-3.984l-6.199-6.71a1.355 1.355 0 0 1 1.99-1.84l9.206 9.965a1.355 1.355 0 0 1-.164 1.99l-10.881 8.458a1.351 1.351 0 0 1-.831.285ZM422.601 140.391a1.355 1.355 0 0 0 .832-2.425l-7.383-5.739a2.714 2.714 0 0 1-.328-3.984l6.199-6.71a1.355 1.355 0 1 0-1.99-1.84l-9.206 9.965a1.355 1.355 0 0 0 .164 1.99l10.88 8.458a1.351 1.351 0 0 0 .832.285ZM425.174 136.151l6.061-13.865a1.513 1.513 0 0 1 2.773 1.212l-6.06 13.866a1.513 1.513 0 1 1-2.774-1.213Z",fill:"#eba33d"})))}},2236:(e,a,t)=>{t.d(a,{c:()=>L});var l,c,r,i,h,n,f,m,d,E,p,s,Z,M,v,o,b,g,x,y,w,u,H,z,O=t(1504);function V(){return V=Object.assign?Object.assign.bind():function(e){for(var a=1;a{let{title:a,titleId:t,...L}=e;return O.createElement("svg",V({xmlns:"http://www.w3.org/2000/svg","data-name":"Layer 1",width:693,height:528,viewBox:"0 0 693 528","aria-labelledby":t},L),a?O.createElement("title",{id:t},a):null,l||(l=O.createElement("path",{d:"M693 283.5v221.81A22.717 22.717 0 0 1 670.31 528H500.17l1.58-2L691 286.04Z",fill:"#f2f2f2"})),c||(c=O.createElement("path",{d:"M270.812 205.368H75.443a6.036 6.036 0 0 0 0 12.072h195.369a6.036 6.036 0 0 0 0-12.072ZM136.018 171.524H75.443a6.036 6.036 0 0 0 0 12.072h60.575a6.036 6.036 0 0 0 0-12.072Z",fill:"#e6e6e6"})),r||(r=O.createElement("path",{d:"M670.31 0H22.69A22.717 22.717 0 0 0 0 22.69v482.62A22.717 22.717 0 0 0 22.69 528h647.62A22.717 22.717 0 0 0 693 505.31V22.69A22.717 22.717 0 0 0 670.31 0ZM691 505.31A20.69 20.69 0 0 1 670.31 526H22.69A20.69 20.69 0 0 1 2 505.31V157.676A155.676 155.676 0 0 1 157.676 2H670.31A20.69 20.69 0 0 1 691 22.69Z",fill:"#e6e6e6"})),i||(i=O.createElement("path",{d:"M629.89 87.269H63.16a1 1 0 0 1 0-2h566.73a1 1 0 0 1 0 2Z",fill:"#e6e6e6"})),h||(h=O.createElement("ellipse",{cx:91.515,cy:48.603,rx:8.457,ry:8.645,fill:"#e6e6e6"})),n||(n=O.createElement("ellipse",{cx:120.729,cy:48.603,rx:8.457,ry:8.645,fill:"#e6e6e6"})),f||(f=O.createElement("ellipse",{cx:149.942,cy:48.603,rx:8.457,ry:8.645,fill:"#e6e6e6"})),m||(m=O.createElement("path",{d:"M183.254 55.436a.997.997 0 0 1-.715-.301l-5.706-5.833a1 1 0 0 1 0-1.398l5.706-5.833a1 1 0 1 1 1.43 1.399l-5.022 5.133 5.022 5.134a1 1 0 0 1-.715 1.699ZM192.842 55.436a1 1 0 0 1-.715-1.7l5.022-5.133-5.022-5.134a1 1 0 0 1 1.43-1.398l5.706 5.833a1 1 0 0 1 0 1.398l-5.706 5.833a.997.997 0 0 1-.715.3ZM579.352 40.959h-10.61a2.19 2.19 0 0 0-2.19 2.19v10.62a2.19 2.19 0 0 0 2.19 2.19h10.61a2.198 2.198 0 0 0 2.2-2.19v-10.62a2.198 2.198 0 0 0-2.2-2.19ZM553.352 40.959h-10.61a2.19 2.19 0 0 0-2.19 2.19v10.62a2.19 2.19 0 0 0 2.19 2.19h10.61a2.198 2.198 0 0 0 2.2-2.19v-10.62a2.198 2.198 0 0 0-2.2-2.19ZM603.852 41.459h-10.61a2.19 2.19 0 0 0-2.19 2.19v10.62a2.19 2.19 0 0 0 2.19 2.19h10.61a2.198 2.198 0 0 0 2.2-2.19v-10.62a2.198 2.198 0 0 0-2.2-2.19ZM388.93 45.499h-84.81a2.67 2.67 0 1 0 0 5.34h84.81a2.67 2.67 0 0 0 0-5.34Z",fill:"#e6e6e6"})),d||(d=O.createElement("path",{d:"m161.607 410.446-50.717-1.603c-7.034-.222-14.944-.21-19.961 3.424-5.695 4.126-4.832 11.436-.105 16.177s12.277 7.45 19.687 9.652c39.364 11.7 82.928 14.075 125.229 11.428s83.73-10.132 124.955-17.59c3.91-.708 8.342-1.726 9.936-4.447 1.543-2.632-.476-5.806-3.61-7.508s-7.11-2.274-10.944-2.78a1027.708 1027.708 0 0 0-209.5-5.977",fill:"#eba33d"})),E||(E=O.createElement("path",{d:"M252.73 371.44v-12c-8.708.123-39.87-.089-48 0-.605 41.941-4.313 33.725 30.048 33.889a5.975 5.975 0 0 1 5.952 5.966v.18a5.965 5.965 0 0 1-5.965 5.965H204.73v12h48c.067-.04-.049-11.587 0-12 2.03-34.765-1.986-22.261-31.166-23.656a5.095 5.095 0 0 1-4.834-5.094v-.15a5.1 5.1 0 0 1 5.1-5.1ZM311.73 371.44v-12c-8.708.123-39.87-.089-48 0-.61 42.306-4.378 33.579 30.952 33.895a5.1 5.1 0 0 1 5.048 5.1v1.907a5.099 5.099 0 0 1-5.1 5.098h-30.9v12h48c.067-.04-.049-11.587 0-12 2.03-34.765-1.986-22.261-31.166-23.656a5.095 5.095 0 0 1-4.834-5.094v-.15a5.1 5.1 0 0 1 5.1-5.1ZM190.73 371.44v-12h-48c-.034 10.703.025 39.032 0 50-9.409 15.929 44.042 4.9 48.003 8.004-.003-.004-.003-12.004-.003-12.004-36.521-.19-37.439 6.646-36.264-26.43a7.844 7.844 0 0 1 7.834-7.57h28.43Z",fill:"#3f3d56"})),p||(p=O.createElement("path",{d:"m285.607 267.112-50.717-1.336c-7.034-.185-14.944-.176-19.961 2.854-5.695 3.44-4.832 9.533-.105 13.485s12.277 6.21 19.687 8.046c39.364 9.752 82.928 11.732 125.229 9.526s83.73-8.446 124.955-14.663c3.91-.59 8.342-1.439 9.936-3.707 1.543-2.194-.476-4.84-3.61-6.258s-7.11-1.896-10.944-2.318a1231.445 1231.445 0 0 0-209.5-4.982",fill:"#eba33d"})),s||(s=O.createElement("path",{d:"M276.73 214.44c-.817 18.526 5.992 24.358-17.501 21.998-1.587-11.052 6.462-26.39-11.999-22.496 3.698 8.018-10.303 68.844 11.996 57.995 1.252-18.275-7.002-26.29 17.504-23.495 1.966 11.297-7.207 27.921 12 23.996-3.699-8.021 10.302-68.842-12-57.998ZM399.73 214.44c1.647 1.017-15.09 18.724-15.452 20.175-.502-1.239-16.477-18.563-14.548-20.174-22.23-10.985-8.375 50.195-12.004 58.002.004-.003 12.004-.003 12.004-.003v-37.998c16.867 22.75 13.735 18.921 30-1.117v39.115c22.229 10.989 8.376-50.199 12.004-58.003-.004.003-12.004.003-12.004.003ZM346.73 214.44h-48c-2.82 16.822 6.505 11.18 18.002 12l-.002 46h12v-46c11.443-.778 20.856 4.748 18-12ZM433.73 260.44a128.28 128.28 0 0 1 0-46h-12c.069 7.603-.022 38.282-.014 52.312a5.71 5.71 0 0 0 5.705 5.712c12.09.016 35.17-.073 42.309-.024v-12Z",fill:"#3f3d56"})),Z||(Z=O.createElement("path",{d:"M127.181 262.44H78.407a9 9 0 0 0 0 18h48.774a9 9 0 0 0 0-18Z",fill:"#e6e6e6"})),M||(M=O.createElement("path",{fill:"#ffb6b6",d:"m569.392 517.568-9.901-.001-4.71-38.19 14.613.001-.002 38.19z"})),v||(v=O.createElement("path",{d:"m569.74 527.897-30.446-.001v-.385a11.851 11.851 0 0 1 11.85-11.851h.001l5.562-4.22 10.376 4.22h2.658Z",fill:"#2f2e41"})),o||(o=O.createElement("path",{fill:"#ffb6b6",d:"m604.392 517.568-9.901-.001-4.71-38.19 14.613.001-.002 38.19z"})),b||(b=O.createElement("path",{d:"m604.74 527.897-30.446-.001v-.385a11.851 11.851 0 0 1 11.85-11.851h.001l5.562-4.22 10.376 4.22h2.658ZM544.74 309.48s-9.527 29.258-7.768 33.11 4.758.85 1.758 3.85-5.619-.189-2.81 4.906 7.066 47.034 8.938 49.064 4.446 2.084 2.159 4.057-5.287-2.027-2.287 1.973 10.96 96.276 10.96 96.276h15.552s3.873-4.465 1.68-7.37.193-4.026 0-5.966.537-6.123.673-8.031 2.763-47.378-3.55-73.643l11.513-50.013 5.756 60.447s-6.415 50.702 0 67c0 0-5.172 4.308-2.878 6.804s4.294.496 2.294 2.496 3 9 3 9l17-1 9.622-94.734s1.622-9.88 0-11.573-1.622 4.307-1.622-1.693v-8s7.25-49.205 7.125-52.102-12.125-23.898-12.125-23.898Z",fill:"#2f2e41"})),g||(g=O.createElement("path",{d:"m595.02 191.147-24.824-1.707-7.427 11.712-17.89 7.273v57.694a55.6 55.6 0 0 1 2.851 17.321c-.068 11.495-3.023 25.035-2 28 10 29 65 0 65 0l-1-31 1.357-70.06-11.239-8.963Z",fill:"#e6e6e6"})),x||(x=O.createElement("path",{d:"m543.733 322.005-1.712-18.242-10.557-.476 2.496 19.222a6.133 6.133 0 1 0 9.772-.504Z",fill:"#ffb6b6"})),y||(y=O.createElement("path",{d:"m548.928 206.886-.293.05a16.988 16.988 0 0 0-12.584 9.628c-3.024 6.538-12.84 49.517-8.537 55.998 3.338 5.027 2.527 4.047.958 7.838s-4.096-.254-2.025 5.764 4.347 5.16 2.424 7.485-3.894 1.87-2.024 5.763 1.565 5.21 1.919 6.676.046 11.781.046 11.781 11.276-.855 16.888 1.827c0 0-3.131-10.418-1.361-12.086s3.894-1.869 2.378-4.297-4.954-2.53-1.212-3.742 2.537-22.956 2.537-22.956c6.163-16.14 3.728-42.688.886-69.729Z",fill:"#e6e6e6"})),w||(w=O.createElement("path",{d:"m616.922 323.306.79-18.304 10.519-1.008-1.523 19.323a6.133 6.133 0 1 1-9.786-.01Z",fill:"#ffb6b6"})),u||(u=O.createElement("path",{d:"m605.926 208.597.295.035a16.988 16.988 0 0 1 13.054 8.98c3.35 6.378 13.945 49.57 11.35 55.497-2.419 5.528-2.319 4.168-.56 7.876s4.077-.46 2.313 5.654-4.081 5.372-2.044 7.598 3.984 1.67 2.313 5.654-1.3 5.281-1.58 6.764.549 11.769.549 11.769-11.306-.286-16.775 2.676c0 0 2.602-10.562.75-12.139s-3.984-1.67-2.592-4.172 4.82-2.776 1.021-3.798-3.691-22.799-3.691-22.799Z",fill:"#e6e6e6"})),H||(H=O.createElement("circle",{cx:583.217,cy:166.41,r:19.362,fill:"#ffb6b6"})),z||(z=O.createElement("path",{d:"M596.692 182.984c2.693-2.107 2.954-6.124 5.252-8.657 3.842-4.233 5.647-8.788 3.635-13.805-1.78-4.437-1.402-9.891-5.236-12.747 1.883-.682 2.326-2.097.665-2.124-1.12-.017-5.298 2.124-3.288-.543s-1.794-1.615-1.543-2.707 1.865-1.697 2.577-.831a5.64 5.64 0 0 0-8.846 1.012c-2.264-3.394-4.668-5.73-8.134-3.576-3.403 2.116-3.359 4.73-7.018 4.102-1.72-.295-1.884 2.955-3.059 4.246a5.247 5.247 0 0 1-4.609 1.966c-1.715-.325-3.027-2.462-2.066-3.92l-4.043 9.224-1.63-1.999c-2.588 1.688-1.738 6.09.868 7.751s5.993 1.306 8.995.57a35.276 35.276 0 0 1 11.051-.917c5.667.8 9.613 7.575 7.515 12.899 2.177-2.138 6.204-.364 7.332 2.471s.3 6.03-.535 8.964",fill:"#2f2e41"})))}},3468:(e,a,t)=>{t.r(a),t.d(a,{default:()=>Z});var l=t(1504),c=t(4971),r=t(7276),i=t(6016),h=t(8264);const n={heroBanner:"heroBanner_etFc",buttons:"buttons_+YzY"};var f=t(5072);const m={features:"features_n4mZ",featureSvg:"featureSvg_d3xR"},d=[{title:"Web developer",link:"docs/category/web-development",Svg:t(2240).c,description:l.createElement(l.Fragment,null,"Design system for web developers")},{title:"Web designer",link:"docs/category/web-development",Svg:t(2236).c,description:l.createElement(l.Fragment,null,"Design system for web designers")},{title:"Web content creator",link:"docs/category/web-content",Svg:t(6540).c,description:l.createElement(l.Fragment,null,"Tips and tricks for writing for the web")},{title:"Publication writer",link:"docs/pubguide/writing",Svg:t(7264).c,description:l.createElement(l.Fragment,null,"Writing manual for publications")},{title:"Publication designer",link:"docs/pubguide/design",Svg:t(1612).c,description:l.createElement(l.Fragment,null,"Design system for publications")},{title:"Data scientist",link:"docs/category/maps-and-charts",Svg:t(6784).c,description:l.createElement(l.Fragment,null,"Design system for data scientists")}];function E(e){let{Svg:a,title:t,description:r,link:i}=e;return l.createElement("div",{className:(0,c.c)("col col--4")},l.createElement("div",{className:"text--center"},l.createElement("a",{href:i},l.createElement(a,{className:m.featureSvg,alt:t}))),l.createElement("div",{className:"text--center padding-horiz--md"},l.createElement("h3",null,t),l.createElement("p",null,r)))}function p(){return l.createElement("section",{className:m.features},l.createElement("div",{className:"container"},l.createElement("h2",{className:"text--center"},"I am a..."),l.createElement("div",{className:"row"},d.map(((e,a)=>l.createElement(E,(0,f.c)({key:a},e)))))))}function s(){const{siteConfig:e}=(0,h.c)();return l.createElement("header",{className:(0,c.c)("hero hero--primary",n.heroBanner)},l.createElement("div",{className:"container"},l.createElement("h1",{className:"hero__title"},e.title),l.createElement("p",{className:"hero__subtitle"},e.tagline),l.createElement("div",{className:n.buttons},l.createElement(i.c,{className:"button button--secondary button--md",to:"/docs/intro"},"Get started"))))}function Z(){const{siteConfig:e}=(0,h.c)();return l.createElement(r.c,{title:`Welcome to ${e.title} Homepage`,description:"${siteConfig.tagline}"},l.createElement(s,null),l.createElement("main",null,l.createElement(p,null)))}}}]); \ No newline at end of file diff --git a/docs/assets/js/c74413f4.0f81f147.js b/docs/assets/js/c74413f4.0f81f147.js new file mode 100644 index 0000000000..aff2c708a2 --- /dev/null +++ b/docs/assets/js/c74413f4.0f81f147.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3160],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>h});var a=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function s(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=a.createContext({}),c=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return a.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},m=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),m=r,h=p["".concat(i,".").concat(m)]||p[m]||d[m]||o;return n?a.createElement(h,s(s({ref:t},u),{},{components:n})):a.createElement(h,s({ref:t},u))}));function h(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,s=new Array(o);s[0]=m;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:r,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>u,default:()=>g,frontMatter:()=>c,metadata:()=>p,toc:()=>d});var a=n(5072),r=(n(1504),n(5788)),o=n(7144);const s={toc:[{value:"Do's",id:"dos",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,r.yg)(l,(0,a.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"Search lets users assert independence from websites' attempt to direct how they use it. Therefore, many users go straight to the homepage search function. "),(0,r.yg)("p",null,"Search is also users' escape hatch when they are stuck in navigation. When they cannot find a reasonable place to go next, they often turn to the site's search function. This is why you should make search available from every page on the site; you cannot predict where users will be when they decide they are lost. "),(0,r.yg)("h3",{id:"dos"},"Do's"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},(0,r.yg)("strong",{parentName:"p"},"use placeholder text.")," Placeholder text provides context as to what can be searched and describes the action of the input")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},(0,r.yg)("strong",{parentName:"p"},"use a magnifying glass icon.")," The magnifying glass is universally recognized as a symbol for search and one which users can easily identify ")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},(0,r.yg)("strong",{parentName:"p"},"provide a button to submit search queries.")," Inputs should be accessible. Ensure users can return results using their keyboard as well as clicking a button or the magnifying glass icon ")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},(0,r.yg)("strong",{parentName:"p"},"consider the search icon position.")," In most cases, it is beneficial to place the Icon to the right of placeholder text. This allows the Icon to act as the submit button and makes more sense hierarchically as queries are entered first, and results returned after")),(0,r.yg)("li",{parentName:"ul"},(0,r.yg)("p",{parentName:"li"},(0,r.yg)("strong",{parentName:"p"},"use input widths which are appropriate for the typical query length.")," The width of the Input field should be wide enough to contain the typical search query. If an Input field is too narrow, it results in scrolling and decreases usability. It is recommended to use a minimum width of 27 characters"))))}i.isMDXComponent=!0;const c={title:"Searchbox",description:"",hide_table_of_contents:!0},u=void 0,p={unversionedId:"webdev/Components/Search/Searchbox",id:"webdev/Components/Search/Searchbox",title:"Searchbox",description:"",source:"@site/docs/webdev/5-Components/24-Search/2-Searchbox.mdx",sourceDirName:"webdev/5-Components/24-Search",slug:"/webdev/Components/Search/Searchbox",permalink:"/volto-eea-design-system/docs/webdev/Components/Search/Searchbox",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/searchbox_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"Searchbox",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Suggestions",permalink:"/volto-eea-design-system/docs/webdev/Components/Search/Suggestions"},next:{title:"Table",permalink:"/volto-eea-design-system/docs/webdev/Components/Table"}},d=[],m=(h="Showcase",function(e){return console.warn("Component "+h+" was not imported, exported, or provided by MDXProvider as global scope"),(0,r.yg)("div",e)});var h;const y={toc:d},b="wrapper";function g(e){let{components:t,...n}=e;return(0,r.yg)(b,(0,a.c)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(o.cp,{usage:(0,r.yg)(i,{mdxType:"Usage"}),showcase:(0,r.yg)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}g.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>f});var a=n(5072),r=n(1504),o=n(5788),s=n(3664),l=n(7676);const i=function(){const e=(0,r.useContext)(l.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:a,values:o,groupId:s,className:l}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=o??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),h=(0,c.wn)(m,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===a?a:a??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==y&&!m.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:g}=i(),[f,v]=(0,r.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:x}=(0,c.MV)();if(null!=s){const e=b[s];null!=e&&e!==f&&m.some((t=>t.value===e))&&v(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),a=m[n].value;a!==f&&(x(t),v(a),null!=s&&g(s,a))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:f===t?0:-1,"aria-selected":f===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":f===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:T,onClick:T},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===f))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==f})))))}function m(e){const t=(0,s.c)();return r.createElement(d,(0,a.c)({key:String(t)},e))}const h=function(e){let{children:t,hidden:n,className:a}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:a},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:y},g="wrapper";function f(e){let{components:t,...n}=e;return(0,o.yg)(g,(0,a.c)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(m,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,o.yg)(h,{value:"usage",mdxType:"TabItem"},n.usage),(0,o.yg)(h,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,o.yg)(h,{value:"api",mdxType:"TabItem"},n.api)))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/c74413f4.88e2ed16.js b/docs/assets/js/c74413f4.88e2ed16.js deleted file mode 100644 index d36b4e3db4..0000000000 --- a/docs/assets/js/c74413f4.88e2ed16.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[585],{3905:(e,t,n)=>{n.d(t,{Zo:()=>u,kt:()=>h});var a=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function s(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=a.createContext({}),c=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return a.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},m=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),m=r,h=p["".concat(i,".").concat(m)]||p[m]||d[m]||o;return n?a.createElement(h,s(s({ref:t},u),{},{components:n})):a.createElement(h,s({ref:t},u))}));function h(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,s=new Array(o);s[0]=m;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:r,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>u,default:()=>v,frontMatter:()=>c,metadata:()=>p,toc:()=>d});var a=n(7462),r=(n(7294),n(3905)),o=n(4037);const s={toc:[{value:"Do's",id:"dos",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,r.kt)(l,(0,a.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"Search lets users assert independence from websites' attempt to direct how they use it. Therefore, many users go straight to the homepage search function. "),(0,r.kt)("p",null,"Search is also users' escape hatch when they are stuck in navigation. When they cannot find a reasonable place to go next, they often turn to the site's search function. This is why you should make search available from every page on the site; you cannot predict where users will be when they decide they are lost. "),(0,r.kt)("h3",{id:"dos"},"Do's"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("strong",{parentName:"p"},"use placeholder text.")," Placeholder text provides context as to what can be searched and describes the action of the input")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("strong",{parentName:"p"},"use a magnifying glass icon.")," The magnifying glass is universally recognized as a symbol for search and one which users can easily identify ")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("strong",{parentName:"p"},"provide a button to submit search queries.")," Inputs should be accessible. Ensure users can return results using their keyboard as well as clicking a button or the magnifying glass icon ")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("strong",{parentName:"p"},"consider the search icon position.")," In most cases, it is beneficial to place the Icon to the right of placeholder text. This allows the Icon to act as the submit button and makes more sense hierarchically as queries are entered first, and results returned after")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("p",{parentName:"li"},(0,r.kt)("strong",{parentName:"p"},"use input widths which are appropriate for the typical query length.")," The width of the Input field should be wide enough to contain the typical search query. If an Input field is too narrow, it results in scrolling and decreases usability. It is recommended to use a minimum width of 27 characters"))))}i.isMDXComponent=!0;const c={title:"Searchbox",description:"",hide_table_of_contents:!0},u=void 0,p={unversionedId:"webdev/Components/Search/Searchbox",id:"webdev/Components/Search/Searchbox",title:"Searchbox",description:"",source:"@site/docs/webdev/5-Components/24-Search/2-Searchbox.mdx",sourceDirName:"webdev/5-Components/24-Search",slug:"/webdev/Components/Search/Searchbox",permalink:"/volto-eea-design-system/docs/webdev/Components/Search/Searchbox",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/searchbox_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"Searchbox",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Suggestions",permalink:"/volto-eea-design-system/docs/webdev/Components/Search/Suggestions"},next:{title:"Table",permalink:"/volto-eea-design-system/docs/webdev/Components/Table"}},d=[],m=(h="Showcase",function(e){return console.warn("Component "+h+" was not imported, exported, or provided by MDXProvider as global scope"),(0,r.kt)("div",e)});var h;const b={toc:d},f="wrapper";function v(e){let{components:t,...n}=e;return(0,r.kt)(f,(0,a.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(o.ZP,{usage:(0,r.kt)(i,{mdxType:"Usage"}),showcase:(0,r.kt)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}v.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var a=n(7462),r=n(7294),o=n(3905),s=n(2389),l=n(9443);const i=function(){const e=(0,r.useContext)(l.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(3810),u=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:a,values:o,groupId:s,className:l}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=o??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),h=(0,c.lx)(m,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const b=null===a?a:a??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==b&&!m.some((e=>e.value===b)))throw new Error(`Docusaurus error: The has a defaultValue "${b}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:v}=i(),[y,g]=(0,r.useState)(b),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,c.o5)();if(null!=s){const e=f[s];null!=e&&e!==y&&m.some((t=>t.value===e))&&g(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),a=m[n].value;a!==y&&(k(t),g(a),null!=s&&v(s,a))},T=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.Z)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,u.Z)("tabs__item",p.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>w.push(e),onKeyDown:T,onFocus:x,onClick:x},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,s.Z)();return r.createElement(d,(0,a.Z)({key:String(t)},e))}const h=function(e){let{children:t,hidden:n,className:a}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:a},t)};function b(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:b},v="wrapper";function y(e){let{components:t,...n}=e;return(0,o.kt)(v,(0,a.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(m,{defaultValue:"usage",values:b(n),mdxType:"Tabs"},(0,o.kt)(h,{value:"usage",mdxType:"TabItem"},n.usage),(0,o.kt)(h,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,o.kt)(h,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/c7d85666.3b2a23c4.js b/docs/assets/js/c7d85666.3b2a23c4.js deleted file mode 100644 index 5f3c3613fa..0000000000 --- a/docs/assets/js/c7d85666.3b2a23c4.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6966],{3905:(e,t,n)=>{n.d(t,{Zo:()=>u,kt:()=>f});var o=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function s(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),c=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},d=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),d=r,f=p["".concat(i,".").concat(d)]||p[d]||m[d]||a;return n?o.createElement(f,s(s({ref:t},u),{},{components:n})):o.createElement(f,s({ref:t},u))}));function f(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,s=new Array(a);s[0]=d;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:r,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>b,default:()=>w,frontMatter:()=>f,metadata:()=>v,toc:()=>y});var o=n(7462),r=(n(7294),n(3905)),a=n(4037);const s={toc:[]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,r.kt)(l,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"No specific UX guidelines"))}i.isMDXComponent=!0;var c=n(7521);const u={toc:[]},p="wrapper";function m(e){let{components:t,...n}=e;return(0,r.kt)(p,(0,o.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(c.ZP,{height:"600",id:"components-comment--default",mdxType:"Iframe"}," "))}m.isMDXComponent=!0;d="AccordionJSDoc";var d;const f={title:"Comment",description:"",hide_table_of_contents:!0},b=void 0,v={unversionedId:"webdev/Components/Comment",id:"webdev/Components/Comment",title:"Comment",description:"",source:"@site/docs/webdev/5-Components/5-Comment.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Comment",permalink:"/volto-eea-design-system/docs/webdev/Components/Comment",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/comment_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:5,frontMatter:{title:"Comment",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Card",permalink:"/volto-eea-design-system/docs/webdev/Components/Cards"},next:{title:"Confirm",permalink:"/volto-eea-design-system/docs/webdev/Components/Confirm"}},y=[],h={toc:y},g="wrapper";function w(e){let{components:t,...n}=e;return(0,r.kt)(g,(0,o.Z)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(i,{mdxType:"Usage"}),showcase:(0,r.kt)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>c});var o=n(7462),r=(n(7294),n(3905)),a=n(2263);function s(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function c(e){let{components:t,...n}=e;return(0,r.kt)(i,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>h});var o=n(7462),r=n(7294),a=n(3905),s=n(2389),l=n(9443);const i=function(){const e=(0,r.useContext)(l.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(3810),u=n(6010);const p={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:s,className:l}=e,m=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=a??m.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),f=(0,c.lx)(d,((e,t)=>e.value===t.value));if(f.length>0)throw new Error(`Docusaurus error: Duplicate values "${f.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const b=null===o?o:o??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==b&&!d.some((e=>e.value===b)))throw new Error(`Docusaurus error: The has a defaultValue "${b}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:y}=i(),[h,g]=(0,r.useState)(b),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,c.o5)();if(null!=s){const e=v[s];null!=e&&e!==h&&d.some((t=>t.value===e))&&g(e)}const C=e=>{const t=e.currentTarget,n=w.indexOf(t),o=d[n].value;o!==h&&(k(t),g(o),null!=s&&y(s,o))},T=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.Z)("tabs",{"tabs--block":n},l)},d.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:h===t?0:-1,"aria-selected":h===t,className:(0,u.Z)("tabs__item",p.tabItem,{"tabs__item--active":h===t}),key:t,ref:e=>w.push(e),onKeyDown:T,onFocus:C,onClick:C},n??t)}))),t?(0,r.cloneElement)(m.filter((e=>e.props.value===h))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==h})))))}function d(e){const t=(0,s.Z)();return r.createElement(m,(0,o.Z)({key:String(t)},e))}const f=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function b(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:b},y="wrapper";function h(e){let{components:t,...n}=e;return(0,a.kt)(y,(0,o.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(d,{defaultValue:"usage",values:b(n),mdxType:"Tabs"},(0,a.kt)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(f,{value:"api",mdxType:"TabItem"},n.api)))}h.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/c7d85666.b8e201c9.js b/docs/assets/js/c7d85666.b8e201c9.js new file mode 100644 index 0000000000..4baa29b1f3 --- /dev/null +++ b/docs/assets/js/c7d85666.b8e201c9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6288],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>f});var o=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function s(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c=o.createContext({}),i=function(e){var t=o.useContext(c),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=i(e.components);return o.createElement(c.Provider,{value:t},e.children)},p="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},d=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,c=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=i(n),d=r,f=p["".concat(c,".").concat(d)]||p[d]||m[d]||a;return n?o.createElement(f,s(s({ref:t},u),{},{components:n})):o.createElement(f,s({ref:t},u))}));function f(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,s=new Array(a);s[0]=d;var l={};for(var c in t)hasOwnProperty.call(t,c)&&(l[c]=t[c]);l.originalType=e,l[p]="string"==typeof e?e:r,s[1]=l;for(var i=2;i{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>w,frontMatter:()=>f,metadata:()=>b,toc:()=>v});var o=n(5072),r=(n(1504),n(5788)),a=n(7144);const s={toc:[]},l="wrapper";function c(e){let{components:t,...n}=e;return(0,r.yg)(l,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"No specific UX guidelines"))}c.isMDXComponent=!0;var i=n(4620);const u={toc:[]},p="wrapper";function m(e){let{components:t,...n}=e;return(0,r.yg)(p,(0,o.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(i.cp,{height:"600",id:"components-comment--default",mdxType:"Iframe"}," "))}m.isMDXComponent=!0;d="AccordionJSDoc";var d;const f={title:"Comment",description:"",hide_table_of_contents:!0},y=void 0,b={unversionedId:"webdev/Components/Comment",id:"webdev/Components/Comment",title:"Comment",description:"",source:"@site/docs/webdev/5-Components/5-Comment.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Comment",permalink:"/volto-eea-design-system/docs/webdev/Components/Comment",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/comment_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:5,frontMatter:{title:"Comment",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Card",permalink:"/volto-eea-design-system/docs/webdev/Components/Cards"},next:{title:"Confirm",permalink:"/volto-eea-design-system/docs/webdev/Components/Confirm"}},v=[],g={toc:v},h="wrapper";function w(e){let{components:t,...n}=e;return(0,r.yg)(h,(0,o.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(a.cp,{usage:(0,r.yg)(c,{mdxType:"Usage"}),showcase:(0,r.yg)(m,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>i});var o=n(5072),r=(n(1504),n(5788)),a=n(8264);function s(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},c="wrapper";function i(e){let{components:t,...n}=e;return(0,r.yg)(c,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}i.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>g});var o=n(5072),r=n(1504),a=n(5788),s=n(3664),l=n(7676);const c=function(){const e=(0,r.useContext)(l.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var i=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function m(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:s,className:l}=e,m=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),d=a??m.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),f=(0,i.wn)(d,((e,t)=>e.value===t.value));if(f.length>0)throw new Error(`Docusaurus error: Duplicate values "${f.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===o?o:o??m.find((e=>e.props.default))?.props.value??m[0]?.props.value;if(null!==y&&!d.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${d.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:b,setTabGroupChoices:v}=c(),[g,h]=(0,r.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:C}=(0,i.MV)();if(null!=s){const e=b[s];null!=e&&e!==g&&d.some((t=>t.value===e))&&h(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),o=d[n].value;o!==g&&(C(t),h(o),null!=s&&v(s,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},l)},d.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,r.cloneElement)(m.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},m.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function d(e){const t=(0,s.c)();return r.createElement(m,(0,o.c)({key:String(t)},e))}const f=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const b={toc:[],getValues:y},v="wrapper";function g(e){let{components:t,...n}=e;return(0,a.yg)(v,(0,o.c)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(d,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,a.yg)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(f,{value:"api",mdxType:"TabItem"},n.api)))}g.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/ca221c65.b1bf34fb.js b/docs/assets/js/ca221c65.b1bf34fb.js new file mode 100644 index 0000000000..c9239f6929 --- /dev/null +++ b/docs/assets/js/ca221c65.b1bf34fb.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9824],{5788:(e,t,a)=>{a.d(t,{Iu:()=>g,yg:()=>m});var r=a(1504);function i(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function l(e){for(var t=1;t=0||(i[a]=e[a]);return i}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(i[a]=e[a])}return i}var s=r.createContext({}),p=function(e){var t=r.useContext(s),a=t;return e&&(a="function"==typeof e?e(t):l(l({},t),e)),a},g=function(e){var t=p(e.components);return r.createElement(s.Provider,{value:t},e.children)},c="mdxType",u={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},d=r.forwardRef((function(e,t){var a=e.components,i=e.mdxType,n=e.originalType,s=e.parentName,g=o(e,["components","mdxType","originalType","parentName"]),c=p(a),d=i,m=c["".concat(s,".").concat(d)]||c[d]||u[d]||n;return a?r.createElement(m,l(l({ref:t},g),{},{components:a})):r.createElement(m,l({ref:t},g))}));function m(e,t){var a=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var n=a.length,l=new Array(n);l[0]=d;var o={};for(var s in t)hasOwnProperty.call(t,s)&&(o[s]=t[s]);o.originalType=e,o[c]="string"==typeof e?e:i,l[1]=o;for(var p=2;p{a.r(t),a.d(t,{contentTitle:()=>l,default:()=>c,frontMatter:()=>n,metadata:()=>o,toc:()=>s});var r=a(5072),i=(a(1504),a(5788));const n={title:"Use of images",description:"",order:4},l=void 0,o={unversionedId:"webdev/Guidelines/images",id:"webdev/Guidelines/images",title:"Use of images",description:"",source:"@site/docs/webdev/3-Guidelines/3-images.md",sourceDirName:"webdev/3-Guidelines",slug:"/webdev/Guidelines/images",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/images",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/3-Guidelines/3-images.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"Use of images",description:"",order:4},sidebar:"sidebar",previous:{title:"Colours",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/colours"},next:{title:"Iconography",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/iconography"}},s=[{value:"When to use what",id:"when-to-use-what",children:[],level:2},{value:"Image copyrights",id:"image-copyrights",children:[],level:2},{value:"Best practices",id:"best-practices",children:[],level:2},{value:"Widely supported image formats",id:"widely-supported-image-formats",children:[{value:"Raster graphic",id:"raster-graphic",children:[{value:"GIF (Graphics Interchange Format)",id:"gif-graphics-interchange-format",children:[],level:4},{value:"JPG/JPEG (Joint Photographic-Experts-Group)",id:"jpgjpeg-joint-photographic-experts-group",children:[],level:4},{value:"PNG (Portable Network Graphics)",id:"png-portable-network-graphics",children:[],level:4}],level:3},{value:"Vector graphic",id:"vector-graphic",children:[{value:"SVG (Scalable Vector Graphics)",id:"svg-scalable-vector-graphics",children:[],level:4}],level:3}],level:2},{value:"Editing visuals",id:"editing-visuals",children:[],level:2}],p={toc:s},g="wrapper";function c(e){let{components:t,...a}=e;return(0,i.yg)(g,(0,r.c)({},p,a,{components:t,mdxType:"MDXLayout"}),(0,i.yg)("p",null,"We should only use visual material when it is complementary to the content in the webpages."),(0,i.yg)("h2",{id:"when-to-use-what"},"When to use what"),(0,i.yg)("p",null,"Use different types of visuals in different contexts:"),(0,i.yg)("p",null,(0,i.yg)("em",{parentName:"p"},"Photographs"),": For dynamic content like news and people. Photographs can also be used in banners to communicate substance and emotions."),(0,i.yg)("p",null,(0,i.yg)("em",{parentName:"p"},"Illustrations"),": For static content that is transformable into something visual, such as topics and themes. Provided they are informative, and descriptive."),(0,i.yg)("p",null,(0,i.yg)("em",{parentName:"p"},"Infographics"),": Use these for visual storytelling to make complex information easier to understand. For example, an infographic could describe a workflow, how an investment plan works or the law-making process."),(0,i.yg)("h2",{id:"image-copyrights"},"Image copyrights"),(0,i.yg)("p",null,"Photographs, illustrations, and other images will generally be protected by copyrights as artistic works. This means that a user will usually need the permission of the copyright owner if they want to use it.\nTo acknowledge a copyrighted work add three things to the image, the copyright symbol, the year of the copyright, and the name of the copyright holder."),(0,i.yg)("h2",{id:"best-practices"},"Best practices"),(0,i.yg)("ul",null,(0,i.yg)("li",{parentName:"ul"},"your visual content is relevant to the topic of the webpage"),(0,i.yg)("li",{parentName:"ul"},"only add an image whenever it adds value to the webpage"),(0,i.yg)("li",{parentName:"ul"},"place images near the relevant text"),(0,i.yg)("li",{parentName:"ul"},"the most important image should be near the top of the webpage"),(0,i.yg)("li",{parentName:"ul"},"avoid embedding text in images, not all users can access them (page translation tools can't read images)"),(0,i.yg)("li",{parentName:"ul"},"text in HTML, provide alt text for images; follow rules of ",(0,i.yg)("a",{parentName:"li",href:"https://webstyleguide.com/wsg3/11-graphics/8-web-graphics-markup.html#alt-text"},"accessibility")),(0,i.yg)("li",{parentName:"ul"},"create good content is equally important as visual content for images")),(0,i.yg)("h2",{id:"widely-supported-image-formats"},"Widely supported image formats"),(0,i.yg)("table",null,(0,i.yg)("thead",{parentName:"table"},(0,i.yg)("tr",{parentName:"thead"},(0,i.yg)("th",{parentName:"tr",align:null},"File type (short)"),(0,i.yg)("th",{parentName:"tr",align:null},"File type (long)"),(0,i.yg)("th",{parentName:"tr",align:null},"File extension"))),(0,i.yg)("tbody",{parentName:"table"},(0,i.yg)("tr",{parentName:"tbody"},(0,i.yg)("td",{parentName:"tr",align:null},"GIF"),(0,i.yg)("td",{parentName:"tr",align:null},"graphics Interchange Format"),(0,i.yg)("td",{parentName:"tr",align:null},".gif")),(0,i.yg)("tr",{parentName:"tbody"},(0,i.yg)("td",{parentName:"tr",align:null},"JPEG"),(0,i.yg)("td",{parentName:"tr",align:null},"joint Photographic Expert Group image"),(0,i.yg)("td",{parentName:"tr",align:null},".jpeg .jpg")),(0,i.yg)("tr",{parentName:"tbody"},(0,i.yg)("td",{parentName:"tr",align:null},"PNG"),(0,i.yg)("td",{parentName:"tr",align:null},"portable Network Graphics"),(0,i.yg)("td",{parentName:"tr",align:null},".png")),(0,i.yg)("tr",{parentName:"tbody"},(0,i.yg)("td",{parentName:"tr",align:null},"SVG"),(0,i.yg)("td",{parentName:"tr",align:null},"scalable Vector Graphics"),(0,i.yg)("td",{parentName:"tr",align:null},".svg")))),(0,i.yg)("h3",{id:"raster-graphic"},"Raster graphic"),(0,i.yg)("p",null,"Raster images are pixel-based. When you scale up a raster image you'll see jagged and blurry edges."),(0,i.yg)("h4",{id:"gif-graphics-interchange-format"},"GIF (Graphics Interchange Format)"),(0,i.yg)("ul",null,(0,i.yg)("li",{parentName:"ul"},"fewer colours, file size is smaller than JPEG"),(0,i.yg)("li",{parentName:"ul"},"interlaced progressive loading, low-quality version first, more detailed image is loaded next"),(0,i.yg)("li",{parentName:"ul"},"fewer colours, file size is smaller than JPEG"),(0,i.yg)("li",{parentName:"ul"},"does not lose any data with compression"),(0,i.yg)("li",{parentName:"ul"},"best use for web graphics with few colours only, and line drawings")),(0,i.yg)("h4",{id:"jpgjpeg-joint-photographic-experts-group"},"JPG/JPEG (Joint Photographic-Experts-Group)"),(0,i.yg)("ul",null,(0,i.yg)("li",{parentName:"ul"},"can display millions of colours, use JPEG format for photographs, still images, shading with light and dark"),(0,i.yg)("li",{parentName:"ul"},"use JPEG when file size is more important than the quality of the image"),(0,i.yg)("li",{parentName:"ul"},"optimising JPEG images; 60% - 75% is usually optimal for web publishing\n16-bit data format"),(0,i.yg)("li",{parentName:"ul"},"compatible across many platforms and image editors")),(0,i.yg)("h4",{id:"png-portable-network-graphics"},"PNG (Portable Network Graphics)"),(0,i.yg)("ul",null,(0,i.yg)("li",{parentName:"ul"},"support transparency (alpha channel), allow a translucent look"),(0,i.yg)("li",{parentName:"ul"},"lossless compression, no loss of data"),(0,i.yg)("li",{parentName:"ul"},"manage high-contrast or detailed images better than JPEG"),(0,i.yg)("li",{parentName:"ul"},"they can go down to very small file sizes when there are limited colours, use an 8-bit colour palette instead of a 24 colour palette"),(0,i.yg)("li",{parentName:"ul"},"PNG images can be used in any colour background still maintain the original appearance")),(0,i.yg)("h3",{id:"vector-graphic"},"Vector graphic"),(0,i.yg)("p",null,"Vector image format can produce results with high fidelity at every resolution setting. It is an ideal format for high-resolution screens. If you zoom into a vector graphic it will always remain the same quality."),(0,i.yg)("h4",{id:"svg-scalable-vector-graphics"},"SVG (Scalable Vector Graphics)"),(0,i.yg)("ul",null,(0,i.yg)("li",{parentName:"ul"},"SVG is in vector format \u2013 it does not lose any data when compressed"),(0,i.yg)("li",{parentName:"ul"},"SVG formats are supported by most contemporary browsers"),(0,i.yg)("li",{parentName:"ul"},"the image file size is lightweight and compressible\nsupports transparency")),(0,i.yg)("h2",{id:"editing-visuals"},"Editing visuals"),(0,i.yg)("ul",null,(0,i.yg)("li",{parentName:"ul"},"don't apply effects, gradients, borders or filters. It can make the picture look manipulated"),(0,i.yg)("li",{parentName:"ul"},"don't pick photos with frames, rounded corners or drop shadows"),(0,i.yg)("li",{parentName:"ul"},"cropping. Pay attention to the copyright. In some cases you need prior consent from the author to alter the image")))}c.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/ca221c65.c934dcb0.js b/docs/assets/js/ca221c65.c934dcb0.js deleted file mode 100644 index 0d386b32d5..0000000000 --- a/docs/assets/js/ca221c65.c934dcb0.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[596],{3905:(e,t,a)=>{a.d(t,{Zo:()=>c,kt:()=>h});var r=a(7294);function i(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function n(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function l(e){for(var t=1;t=0||(i[a]=e[a]);return i}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(i[a]=e[a])}return i}var s=r.createContext({}),p=function(e){var t=r.useContext(s),a=t;return e&&(a="function"==typeof e?e(t):l(l({},t),e)),a},c=function(e){var t=p(e.components);return r.createElement(s.Provider,{value:t},e.children)},u="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var a=e.components,i=e.mdxType,n=e.originalType,s=e.parentName,c=o(e,["components","mdxType","originalType","parentName"]),u=p(a),m=i,h=u["".concat(s,".").concat(m)]||u[m]||d[m]||n;return a?r.createElement(h,l(l({ref:t},c),{},{components:a})):r.createElement(h,l({ref:t},c))}));function h(e,t){var a=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var n=a.length,l=new Array(n);l[0]=m;var o={};for(var s in t)hasOwnProperty.call(t,s)&&(o[s]=t[s]);o.originalType=e,o[u]="string"==typeof e?e:i,l[1]=o;for(var p=2;p{a.r(t),a.d(t,{contentTitle:()=>l,default:()=>u,frontMatter:()=>n,metadata:()=>o,toc:()=>s});var r=a(7462),i=(a(7294),a(3905));const n={title:"Use of images",description:"",order:4},l=void 0,o={unversionedId:"webdev/Guidelines/images",id:"webdev/Guidelines/images",title:"Use of images",description:"",source:"@site/docs/webdev/3-Guidelines/3-images.md",sourceDirName:"webdev/3-Guidelines",slug:"/webdev/Guidelines/images",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/images",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/3-Guidelines/3-images.md",tags:[],version:"current",sidebarPosition:3,frontMatter:{title:"Use of images",description:"",order:4},sidebar:"sidebar",previous:{title:"Colours",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/colours"},next:{title:"Iconography",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/iconography"}},s=[{value:"When to use what",id:"when-to-use-what",children:[],level:2},{value:"Image copyrights",id:"image-copyrights",children:[],level:2},{value:"Best practices",id:"best-practices",children:[],level:2},{value:"Widely supported image formats",id:"widely-supported-image-formats",children:[{value:"Raster graphic",id:"raster-graphic",children:[{value:"GIF (Graphics Interchange Format)",id:"gif-graphics-interchange-format",children:[],level:4},{value:"JPG/JPEG (Joint Photographic-Experts-Group)",id:"jpgjpeg-joint-photographic-experts-group",children:[],level:4},{value:"PNG (Portable Network Graphics)",id:"png-portable-network-graphics",children:[],level:4}],level:3},{value:"Vector graphic",id:"vector-graphic",children:[{value:"SVG (Scalable Vector Graphics)",id:"svg-scalable-vector-graphics",children:[],level:4}],level:3}],level:2},{value:"Editing visuals",id:"editing-visuals",children:[],level:2}],p={toc:s},c="wrapper";function u(e){let{components:t,...a}=e;return(0,i.kt)(c,(0,r.Z)({},p,a,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("p",null,"We should only use visual material when it is complementary to the content in the webpages."),(0,i.kt)("h2",{id:"when-to-use-what"},"When to use what"),(0,i.kt)("p",null,"Use different types of visuals in different contexts:"),(0,i.kt)("p",null,(0,i.kt)("em",{parentName:"p"},"Photographs"),": For dynamic content like news and people. Photographs can also be used in banners to communicate substance and emotions."),(0,i.kt)("p",null,(0,i.kt)("em",{parentName:"p"},"Illustrations"),": For static content that is transformable into something visual, such as topics and themes. Provided they are informative, and descriptive."),(0,i.kt)("p",null,(0,i.kt)("em",{parentName:"p"},"Infographics"),": Use these for visual storytelling to make complex information easier to understand. For example, an infographic could describe a workflow, how an investment plan works or the law-making process."),(0,i.kt)("h2",{id:"image-copyrights"},"Image copyrights"),(0,i.kt)("p",null,"Photographs, illustrations, and other images will generally be protected by copyrights as artistic works. This means that a user will usually need the permission of the copyright owner if they want to use it.\nTo acknowledge a copyrighted work add three things to the image, the copyright symbol, the year of the copyright, and the name of the copyright holder."),(0,i.kt)("h2",{id:"best-practices"},"Best practices"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"your visual content is relevant to the topic of the webpage"),(0,i.kt)("li",{parentName:"ul"},"only add an image whenever it adds value to the webpage"),(0,i.kt)("li",{parentName:"ul"},"place images near the relevant text"),(0,i.kt)("li",{parentName:"ul"},"the most important image should be near the top of the webpage"),(0,i.kt)("li",{parentName:"ul"},"avoid embedding text in images, not all users can access them (page translation tools can't read images)"),(0,i.kt)("li",{parentName:"ul"},"text in HTML, provide alt text for images; follow rules of ",(0,i.kt)("a",{parentName:"li",href:"https://webstyleguide.com/wsg3/11-graphics/8-web-graphics-markup.html#alt-text"},"accessibility")),(0,i.kt)("li",{parentName:"ul"},"create good content is equally important as visual content for images")),(0,i.kt)("h2",{id:"widely-supported-image-formats"},"Widely supported image formats"),(0,i.kt)("table",null,(0,i.kt)("thead",{parentName:"table"},(0,i.kt)("tr",{parentName:"thead"},(0,i.kt)("th",{parentName:"tr",align:null},"File type (short)"),(0,i.kt)("th",{parentName:"tr",align:null},"File type (long)"),(0,i.kt)("th",{parentName:"tr",align:null},"File extension"))),(0,i.kt)("tbody",{parentName:"table"},(0,i.kt)("tr",{parentName:"tbody"},(0,i.kt)("td",{parentName:"tr",align:null},"GIF"),(0,i.kt)("td",{parentName:"tr",align:null},"graphics Interchange Format"),(0,i.kt)("td",{parentName:"tr",align:null},".gif")),(0,i.kt)("tr",{parentName:"tbody"},(0,i.kt)("td",{parentName:"tr",align:null},"JPEG"),(0,i.kt)("td",{parentName:"tr",align:null},"joint Photographic Expert Group image"),(0,i.kt)("td",{parentName:"tr",align:null},".jpeg .jpg")),(0,i.kt)("tr",{parentName:"tbody"},(0,i.kt)("td",{parentName:"tr",align:null},"PNG"),(0,i.kt)("td",{parentName:"tr",align:null},"portable Network Graphics"),(0,i.kt)("td",{parentName:"tr",align:null},".png")),(0,i.kt)("tr",{parentName:"tbody"},(0,i.kt)("td",{parentName:"tr",align:null},"SVG"),(0,i.kt)("td",{parentName:"tr",align:null},"scalable Vector Graphics"),(0,i.kt)("td",{parentName:"tr",align:null},".svg")))),(0,i.kt)("h3",{id:"raster-graphic"},"Raster graphic"),(0,i.kt)("p",null,"Raster images are pixel-based. When you scale up a raster image you'll see jagged and blurry edges."),(0,i.kt)("h4",{id:"gif-graphics-interchange-format"},"GIF (Graphics Interchange Format)"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"fewer colours, file size is smaller than JPEG"),(0,i.kt)("li",{parentName:"ul"},"interlaced progressive loading, low-quality version first, more detailed image is loaded next"),(0,i.kt)("li",{parentName:"ul"},"fewer colours, file size is smaller than JPEG"),(0,i.kt)("li",{parentName:"ul"},"does not lose any data with compression"),(0,i.kt)("li",{parentName:"ul"},"best use for web graphics with few colours only, and line drawings")),(0,i.kt)("h4",{id:"jpgjpeg-joint-photographic-experts-group"},"JPG/JPEG (Joint Photographic-Experts-Group)"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"can display millions of colours, use JPEG format for photographs, still images, shading with light and dark"),(0,i.kt)("li",{parentName:"ul"},"use JPEG when file size is more important than the quality of the image"),(0,i.kt)("li",{parentName:"ul"},"optimising JPEG images; 60% - 75% is usually optimal for web publishing\n16-bit data format"),(0,i.kt)("li",{parentName:"ul"},"compatible across many platforms and image editors")),(0,i.kt)("h4",{id:"png-portable-network-graphics"},"PNG (Portable Network Graphics)"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"support transparency (alpha channel), allow a translucent look"),(0,i.kt)("li",{parentName:"ul"},"lossless compression, no loss of data"),(0,i.kt)("li",{parentName:"ul"},"manage high-contrast or detailed images better than JPEG"),(0,i.kt)("li",{parentName:"ul"},"they can go down to very small file sizes when there are limited colours, use an 8-bit colour palette instead of a 24 colour palette"),(0,i.kt)("li",{parentName:"ul"},"PNG images can be used in any colour background still maintain the original appearance")),(0,i.kt)("h3",{id:"vector-graphic"},"Vector graphic"),(0,i.kt)("p",null,"Vector image format can produce results with high fidelity at every resolution setting. It is an ideal format for high-resolution screens. If you zoom into a vector graphic it will always remain the same quality."),(0,i.kt)("h4",{id:"svg-scalable-vector-graphics"},"SVG (Scalable Vector Graphics)"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"SVG is in vector format \u2013 it does not lose any data when compressed"),(0,i.kt)("li",{parentName:"ul"},"SVG formats are supported by most contemporary browsers"),(0,i.kt)("li",{parentName:"ul"},"the image file size is lightweight and compressible\nsupports transparency")),(0,i.kt)("h2",{id:"editing-visuals"},"Editing visuals"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"don't apply effects, gradients, borders or filters. It can make the picture look manipulated"),(0,i.kt)("li",{parentName:"ul"},"don't pick photos with frames, rounded corners or drop shadows"),(0,i.kt)("li",{parentName:"ul"},"cropping. Pay attention to the copyright. In some cases you need prior consent from the author to alter the image")))}u.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/d61699b0.ae216c26.js b/docs/assets/js/d61699b0.ae216c26.js new file mode 100644 index 0000000000..41911e1a53 --- /dev/null +++ b/docs/assets/js/d61699b0.ae216c26.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1608],{5788:(e,t,l)=>{l.d(t,{Iu:()=>s,yg:()=>u});var n=l(1504);function a(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function r(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,n)}return l}function i(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var o=n.createContext({}),y=function(e){var t=n.useContext(o),l=t;return e&&(l="function"==typeof e?e(t):i(i({},t),e)),l},s=function(e){var t=y(e.components);return n.createElement(o.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},m=n.forwardRef((function(e,t){var l=e.components,a=e.mdxType,r=e.originalType,o=e.parentName,s=g(e,["components","mdxType","originalType","parentName"]),d=y(l),m=a,u=d["".concat(o,".").concat(m)]||d[m]||p[m]||r;return l?n.createElement(u,i(i({ref:t},s),{},{components:l})):n.createElement(u,i({ref:t},s))}));function u(e,t){var l=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=l.length,i=new Array(r);i[0]=m;var g={};for(var o in t)hasOwnProperty.call(t,o)&&(g[o]=t[o]);g.originalType=e,g[d]="string"==typeof e?e:a,i[1]=g;for(var y=2;y{l.r(t),l.d(t,{contentTitle:()=>i,default:()=>d,frontMatter:()=>r,metadata:()=>g,toc:()=>o});var n=l(5072),a=(l(1504),l(5788));const r={title:"Typography",description:"",order:1},i=void 0,g={unversionedId:"webdev/Guidelines/typography",id:"webdev/Guidelines/typography",title:"Typography",description:"",source:"@site/docs/webdev/3-Guidelines/1-typography.mdx",sourceDirName:"webdev/3-Guidelines",slug:"/webdev/Guidelines/typography",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/typography",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/3-Guidelines/1-typography.mdx",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Typography",description:"",order:1},sidebar:"sidebar",previous:{title:"Intro",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/intro"},next:{title:"Colours",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/colours"}},o=[{value:"Primary Font: Roboto",id:"primary-font-roboto",children:[],level:3},{value:"Weight",id:"weight",children:[],level:3},{value:"Line height",id:"line-height",children:[],level:3},{value:"Letter spacing",id:"letter-spacing",children:[{value:"Headings -0.015em (-1.5%)",id:"headings--0015em--15",children:[],level:4},{value:"Body 0%",id:"body-0",children:[],level:4},{value:"Caption and Small text 0.01em (1%)",id:"caption-and-small-text-001em-1",children:[],level:4}],level:3},{value:"Text color",id:"text-color",children:[],level:3},{value:"Line length",id:"line-length",children:[],level:3},{value:"Base Font Size",id:"base-font-size",children:[],level:3},{value:" Desktop Styles ",id:"-desktop-styles-",children:[],level:2},{value:" Mobile Styles ",id:"-mobile-styles-",children:[],level:2},{value:"Typography tokens",id:"typography-tokens",children:[{value:"Weight",id:"weight-1",children:[],level:3},{value:"Line height",id:"line-height-1",children:[],level:3},{value:"Letter spacing",id:"letter-spacing-1",children:[],level:3},{value:"Font size",id:"font-size",children:[],level:3},{value:"Font size fluid",id:"font-size-fluid",children:[],level:3}],level:2}],y={toc:o},s="wrapper";function d(e){let{components:t,...r}=e;return(0,a.yg)(s,(0,n.c)({},y,r,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("br",null),(0,a.yg)("h3",{id:"primary-font-roboto"},"Primary Font: Roboto"),(0,a.yg)("p",null,"We use Roboto as our Primary font. Roboto allows letters to take up as much space as it needs and ultimately, making for an improved experience for the reader.\nWe use Arial as a web safe alternative font. It is similar in character and style to Roboto typeface and is a commonly available system font."),(0,a.yg)("h3",{id:"weight"},"Weight"),(0,a.yg)("p",null,"Font weight is the thickness of a font's stroke, with various weights used to differentiate content hierarchy. The bold style emphasizes the importance in comparison with the regular font style in the font family.\nWe can use weights starting from 300 (Light) up to 700 (Bold). Usually, the bold style is assigned to headings. Regular text is used for body text."),(0,a.yg)("h4",{style:{fontWeight:"300",display:"flex",marginBlock:"10px"}},(0,a.yg)("span",{style:{width:"100px"}},"Light")," 300"),(0,a.yg)("h4",{style:{fontWeight:"400",display:"flex",marginBlock:"10px"}},(0,a.yg)("span",{style:{width:"100px"}},"Regular")," 400"),(0,a.yg)("h4",{style:{fontWeight:"500",display:"flex",marginBlock:"10px"}},(0,a.yg)("span",{style:{width:"100px"}},"Medium")," 500"),(0,a.yg)("h4",{style:{fontWeight:"700",display:"flex",marginBlock:"10px"}},(0,a.yg)("span",{style:{width:"100px"}},"Bold")," 700"),(0,a.yg)("br",null),(0,a.yg)("h3",{id:"line-height"},"Line height"),(0,a.yg)("p",null,"Line spacing is commonly measured as a percentage of font size. Conventional wisdom is that line spacing of 130%-150% is ideal for readability. In fact, anything from about 120% up to 200% is acceptable,\nbut 150% tends to be the most quoted sweet spot (and a WCAG recommendation). You should experiment to see what looks best with your text. The line-height value is always divisible by 4 to support the grid."),(0,a.yg)("p",null,"This is why for ",(0,a.yg)("strong",{parentName:"p"},"body text")," we use 150% line height, while for ",(0,a.yg)("strong",{parentName:"p"},"headers")," we use 120% due to the larger font size where using 150% would add too much space between the heading lines."),(0,a.yg)("p",null," ",(0,a.yg)("img",{src:l(3900).c})),(0,a.yg)("br",null),(0,a.yg)("h3",{id:"letter-spacing"},"Letter spacing"),(0,a.yg)("p",null,"Letter spacing (also known as character spacing or tracking ) is the adjustment of the horizontal white space between the letters in a block of text. Unlike kerning, which affects only designated pairs of letters, letterspacing affects every pair.\nBy adjusting letter spacing to the environment you are working with you will help readers consume your information faster, and more efficiently. The fun part is that they won\u2019t even notice it!"),(0,a.yg)("h4",{id:"headings--0015em--15"},"Headings -0.015em (-1.5%)"),(0,a.yg)("h4",{id:"body-0"},"Body 0%"),(0,a.yg)("h4",{id:"caption-and-small-text-001em-1"},"Caption and Small text 0.01em (1%)"),(0,a.yg)("br",null),(0,a.yg)("h3",{id:"text-color"},"Text color"),(0,a.yg)("p",null,"Body text color is blue-grey-5 (#3D5265) ",(0,a.yg)("br",null)),(0,a.yg)("p",null,"Color also plays a key role in an interface\u2019s typographic hierarchy, often by established types like: ",(0,a.yg)("br",null)),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"Brand colors and supplementary colors, for most interface text whether body or heading. ",(0,a.yg)("br",null)),(0,a.yg)("li",{parentName:"ul"},"Interactive, not just for links but also flat buttons, tab labels, and more ",(0,a.yg)("br",null)),(0,a.yg)("li",{parentName:"ul"},"Disabled, often resulting is especially lower contrast treatments ",(0,a.yg)("br",null)),(0,a.yg)("li",{parentName:"ul"},"Error, usually red, for the highest contrast with its surroundings ",(0,a.yg)("br",null))),(0,a.yg)("br",null),(0,a.yg)("h3",{id:"line-length"},"Line length"),(0,a.yg)("p",null,"Line-length is the number of characters displayed in a single line. Lines that are too long or too short can distract readers. For readability, limit to ",(0,a.yg)("strong",{parentName:"p"},"no more than 80 characters including spaces for desktop"),".\nLine length ",(0,a.yg)("strong",{parentName:"p"},"for mobile is recommended to use 40 to 60 characters")," including space per line."),(0,a.yg)("br",null),(0,a.yg)("h3",{id:"base-font-size"},"Base Font Size"),(0,a.yg)("p",null,"We set 16px (1rem) as the base font size for body text to ensure readability. It is the default font size for most browsers."),(0,a.yg)("br",null),(0,a.yg)("h2",{id:"-desktop-styles-"},(0,a.yg)("u",null," Desktop Styles ")),(0,a.yg)("div",null,(0,a.yg)("div",{className:"row",style:{alignItems:"flex",height:"120px"}},(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("h1",{className:"h1"},"Heading 1")),(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("b",null,"Font Size: 44px or 2.75rem ",(0,a.yg)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.yg)("br",null)," Line height: 1.2 (120%)"))),(0,a.yg)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("h2",{className:"h2"},"Heading 2")),(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("b",null,"Font Size: 32px or 2rem ",(0,a.yg)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.yg)("br",null)," Line height: 1.2 (120%)"))),(0,a.yg)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("h3",{className:"h3"},"Heading 3")),(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("b",null,"Font Size: 26px or 1.625rem ",(0,a.yg)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.yg)("br",null)," Line height: 1.2 (120%)"))),(0,a.yg)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("h4",{className:"h4"},"Heading 4")),(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("b",null,"Font Size: 20px or 1.25rem ",(0,a.yg)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.yg)("br",null)," Line height: 1.2 (120%)"))),(0,a.yg)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("h5",{className:"h5"},"Heading 5")),(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("b",null,"Font Size: 18px or 1.125rem ",(0,a.yg)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.yg)("br",null)," Line height: 1.2 (120%)"))),(0,a.yg)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("p",null,"Body text")),(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("b",null,"Font Size: 16px or 1rem ",(0,a.yg)("br",null)," Letter spacing: 0 (0%) ",(0,a.yg)("br",null)," Line height: 1.5 (150%)"))),(0,a.yg)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("p",{className:"caption"},"Caption text")),(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("b",null,"Font Size: 14px or 0.875rem ",(0,a.yg)("br",null)," Letter spacing: 0.01 (1%) ",(0,a.yg)("br",null)," Line height: 1.5 (150%)"))),(0,a.yg)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("p",{className:"tiny"},"Small text")),(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("b",null,"Font Size: 12px or 0.75rem ",(0,a.yg)("br",null)," Letter spacing: 0.01 (1%) ",(0,a.yg)("br",null)," Line height: 1.5 (150%)")))),(0,a.yg)("h2",{id:"-mobile-styles-"},(0,a.yg)("u",null," Mobile Styles ")),(0,a.yg)("div",{className:"mobile"},(0,a.yg)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("h1",{className:"h1"}," Heading 1")),(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("b",null,"Font Size: 30px or 1.875rem ",(0,a.yg)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.yg)("br",null)," Line height: 1.2 (120%)"))),(0,a.yg)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("h2",{className:"h2"}," Heading 2")),(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("b",null,"Font Size: 24px or 1.5rem ",(0,a.yg)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.yg)("br",null)," Line height: 1.2 (120%)"))),(0,a.yg)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("h3",{className:"h3"}," Heading 3")),(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("b",null,"Font Size: 20px or 1.25rem ",(0,a.yg)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.yg)("br",null)," Line height: 1.2 (120%)"))),(0,a.yg)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("h4",{className:"h4"}," Heading 4")),(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("b",null,"Font Size: 18px or 1.125rem ",(0,a.yg)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.yg)("br",null)," Line height: 1.2 (120%)"))),(0,a.yg)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("p",null,"Body")),(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("b",null,"Font Size: 16px or 1rem ",(0,a.yg)("br",null)," Letter spacing: 0 (0%) ",(0,a.yg)("br",null)," Line height: 1.5 (150%)"))),(0,a.yg)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("p",{className:"caption"},"Caption")),(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("b",null,"Font Size: 14px or 0.875rem ",(0,a.yg)("br",null)," Letter spacing: 0.01em (1%) ",(0,a.yg)("br",null)," Line height: 1.5 (150%)"))),(0,a.yg)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("p",{className:"tiny"},"Small text")),(0,a.yg)("div",{className:"col col--6"},(0,a.yg)("b",null,"Font Size: 12px or 0.75rem ",(0,a.yg)("br",null)," Letter spacing: 0.01em (1%) ",(0,a.yg)("br",null)," Line height: 1.5 (150%)")))),(0,a.yg)("h2",{id:"typography-tokens"},"Typography tokens"),(0,a.yg)("h3",{id:"weight-1"},"Weight"),(0,a.yg)("table",null,(0,a.yg)("thead",{parentName:"table"},(0,a.yg)("tr",{parentName:"thead"},(0,a.yg)("th",{parentName:"tr",align:null},"Token name"),(0,a.yg)("th",{parentName:"tr",align:null},"Value"),(0,a.yg)("th",{parentName:"tr",align:null},"Style"))),(0,a.yg)("tbody",{parentName:"table"},(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-weight-1"),(0,a.yg)("td",{parentName:"tr",align:null},"100"),(0,a.yg)("td",{parentName:"tr",align:null},"Thin")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-weight-2"),(0,a.yg)("td",{parentName:"tr",align:null},"200"),(0,a.yg)("td",{parentName:"tr",align:null},"Light")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-weight-3"),(0,a.yg)("td",{parentName:"tr",align:null},"300"),(0,a.yg)("td",{parentName:"tr",align:null},"Book")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-weight-4"),(0,a.yg)("td",{parentName:"tr",align:null},"400"),(0,a.yg)("td",{parentName:"tr",align:null},"Regular")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-weight-5"),(0,a.yg)("td",{parentName:"tr",align:null},"500"),(0,a.yg)("td",{parentName:"tr",align:null},"Medium")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-weight-6"),(0,a.yg)("td",{parentName:"tr",align:null},"600"),(0,a.yg)("td",{parentName:"tr",align:null},"SemiBold")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-weight-7"),(0,a.yg)("td",{parentName:"tr",align:null},"700"),(0,a.yg)("td",{parentName:"tr",align:null},"Bold")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-weight-8"),(0,a.yg)("td",{parentName:"tr",align:null},"800"),(0,a.yg)("td",{parentName:"tr",align:null},"ExtraBold")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-weight-9"),(0,a.yg)("td",{parentName:"tr",align:null},"900"),(0,a.yg)("td",{parentName:"tr",align:null},"Black")))),(0,a.yg)("h3",{id:"line-height-1"},"Line height"),(0,a.yg)("table",null,(0,a.yg)("thead",{parentName:"table"},(0,a.yg)("tr",{parentName:"thead"},(0,a.yg)("th",{parentName:"tr",align:null},"Token name"),(0,a.yg)("th",{parentName:"tr",align:null},"Value(no unit)"))),(0,a.yg)("tbody",{parentName:"table"},(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-lineheight-00"),(0,a.yg)("td",{parentName:"tr",align:null},".95")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-lineheight-0"),(0,a.yg)("td",{parentName:"tr",align:null},"1.1")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-lineheight-1"),(0,a.yg)("td",{parentName:"tr",align:null},"1.2")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-lineheight-2"),(0,a.yg)("td",{parentName:"tr",align:null},"1.375")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-lineheight-3"),(0,a.yg)("td",{parentName:"tr",align:null},"1.5")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-lineheight-4"),(0,a.yg)("td",{parentName:"tr",align:null},"1.75")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-lineheight-5"),(0,a.yg)("td",{parentName:"tr",align:null},"2")))),(0,a.yg)("h3",{id:"letter-spacing-1"},"Letter spacing"),(0,a.yg)("table",null,(0,a.yg)("thead",{parentName:"table"},(0,a.yg)("tr",{parentName:"thead"},(0,a.yg)("th",{parentName:"tr",align:null},"Token name"),(0,a.yg)("th",{parentName:"tr",align:null},"Value(em)"))),(0,a.yg)("tbody",{parentName:"table"},(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-letterspacing-000"),(0,a.yg)("td",{parentName:"tr",align:null},"-.02")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-letterspacing-00"),(0,a.yg)("td",{parentName:"tr",align:null},"-.015")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-letterspacing-0"),(0,a.yg)("td",{parentName:"tr",align:null},"-.01")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-letterspacing-1"),(0,a.yg)("td",{parentName:"tr",align:null},".01")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-letterspacing-2"),(0,a.yg)("td",{parentName:"tr",align:null},".015")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-letterspacing-3"),(0,a.yg)("td",{parentName:"tr",align:null},".02")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-letterspacing-4"),(0,a.yg)("td",{parentName:"tr",align:null},".075")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-letterspacing-5"),(0,a.yg)("td",{parentName:"tr",align:null},".15")))),(0,a.yg)("h3",{id:"font-size"},"Font size"),(0,a.yg)("table",null,(0,a.yg)("thead",{parentName:"table"},(0,a.yg)("tr",{parentName:"thead"},(0,a.yg)("th",{parentName:"tr",align:null},"Token name"),(0,a.yg)("th",{parentName:"tr",align:null},"Value(rem)"),(0,a.yg)("th",{parentName:"tr",align:null},"Value(px)"))),(0,a.yg)("tbody",{parentName:"table"},(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-size-00"),(0,a.yg)("td",{parentName:"tr",align:null},".75"),(0,a.yg)("td",{parentName:"tr",align:null},"12")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-size-0"),(0,a.yg)("td",{parentName:"tr",align:null},".875"),(0,a.yg)("td",{parentName:"tr",align:null},"14")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-size-1"),(0,a.yg)("td",{parentName:"tr",align:null},"1"),(0,a.yg)("td",{parentName:"tr",align:null},"16")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-size-2"),(0,a.yg)("td",{parentName:"tr",align:null},"1.125"),(0,a.yg)("td",{parentName:"tr",align:null},"18")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-size-3"),(0,a.yg)("td",{parentName:"tr",align:null},"1.25"),(0,a.yg)("td",{parentName:"tr",align:null},"20")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-size-4"),(0,a.yg)("td",{parentName:"tr",align:null},"1.5"),(0,a.yg)("td",{parentName:"tr",align:null},"24")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-size-5"),(0,a.yg)("td",{parentName:"tr",align:null},"1.625"),(0,a.yg)("td",{parentName:"tr",align:null},"26")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-size-6"),(0,a.yg)("td",{parentName:"tr",align:null},"1.875"),(0,a.yg)("td",{parentName:"tr",align:null},"30")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-size-7"),(0,a.yg)("td",{parentName:"tr",align:null},"2"),(0,a.yg)("td",{parentName:"tr",align:null},"32")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-size-8"),(0,a.yg)("td",{parentName:"tr",align:null},"2.25"),(0,a.yg)("td",{parentName:"tr",align:null},"36")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-size-9"),(0,a.yg)("td",{parentName:"tr",align:null},"2.5"),(0,a.yg)("td",{parentName:"tr",align:null},"40")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-size-10"),(0,a.yg)("td",{parentName:"tr",align:null},"2.75"),(0,a.yg)("td",{parentName:"tr",align:null},"44")))),(0,a.yg)("h3",{id:"font-size-fluid"},"Font size fluid"),(0,a.yg)("table",null,(0,a.yg)("thead",{parentName:"table"},(0,a.yg)("tr",{parentName:"thead"},(0,a.yg)("th",{parentName:"tr",align:null},"Token name"),(0,a.yg)("th",{parentName:"tr",align:null},"Value"))),(0,a.yg)("tbody",{parentName:"table"},(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-size-fluid-0"),(0,a.yg)("td",{parentName:"tr",align:null},"clamp(1.125rem, 2vw, 1.25rem)")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-size-fluid-1"),(0,a.yg)("td",{parentName:"tr",align:null},"clamp(1.25rem, 4vw, 1.625rem)")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-size-fluid-2"),(0,a.yg)("td",{parentName:"tr",align:null},"clamp(1.5rem, 6vw, 2rem)")),(0,a.yg)("tr",{parentName:"tbody"},(0,a.yg)("td",{parentName:"tr",align:null},"font-size-fluid-3"),(0,a.yg)("td",{parentName:"tr",align:null},"clamp(1.875rem, 9vw, 2.75rem)")))))}d.isMDXComponent=!0},3900:(e,t,l)=>{l.d(t,{c:()=>n});const n=l.p+"assets/images/height-150-730559326adac31b9a2e584659d43e66.png"}}]); \ No newline at end of file diff --git a/docs/assets/js/d61699b0.e041662b.js b/docs/assets/js/d61699b0.e041662b.js deleted file mode 100644 index 73c7f26ca6..0000000000 --- a/docs/assets/js/d61699b0.e041662b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2359],{3905:(t,e,l)=>{l.d(e,{Zo:()=>p,kt:()=>c});var n=l(7294);function a(t,e,l){return e in t?Object.defineProperty(t,e,{value:l,enumerable:!0,configurable:!0,writable:!0}):t[e]=l,t}function r(t,e){var l=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),l.push.apply(l,n)}return l}function i(t){for(var e=1;e=0||(a[l]=t[l]);return a}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(t,l)&&(a[l]=t[l])}return a}var s=n.createContext({}),d=function(t){var e=n.useContext(s),l=e;return t&&(l="function"==typeof t?t(e):i(i({},e),t)),l},p=function(t){var e=d(t.components);return n.createElement(s.Provider,{value:e},t.children)},m="mdxType",k={inlineCode:"code",wrapper:function(t){var e=t.children;return n.createElement(n.Fragment,{},e)}},u=n.forwardRef((function(t,e){var l=t.components,a=t.mdxType,r=t.originalType,s=t.parentName,p=o(t,["components","mdxType","originalType","parentName"]),m=d(l),u=a,c=m["".concat(s,".").concat(u)]||m[u]||k[u]||r;return l?n.createElement(c,i(i({ref:e},p),{},{components:l})):n.createElement(c,i({ref:e},p))}));function c(t,e){var l=arguments,a=e&&e.mdxType;if("string"==typeof t||a){var r=l.length,i=new Array(r);i[0]=u;var o={};for(var s in e)hasOwnProperty.call(e,s)&&(o[s]=e[s]);o.originalType=t,o[m]="string"==typeof t?t:a,i[1]=o;for(var d=2;d{l.r(e),l.d(e,{contentTitle:()=>i,default:()=>m,frontMatter:()=>r,metadata:()=>o,toc:()=>s});var n=l(7462),a=(l(7294),l(3905));const r={title:"Typography",description:"",order:1},i=void 0,o={unversionedId:"webdev/Guidelines/typography",id:"webdev/Guidelines/typography",title:"Typography",description:"",source:"@site/docs/webdev/3-Guidelines/1-typography.mdx",sourceDirName:"webdev/3-Guidelines",slug:"/webdev/Guidelines/typography",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/typography",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/3-Guidelines/1-typography.mdx",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Typography",description:"",order:1},sidebar:"sidebar",previous:{title:"Intro",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/intro"},next:{title:"Colours",permalink:"/volto-eea-design-system/docs/webdev/Guidelines/colours"}},s=[{value:"Primary Font: Roboto",id:"primary-font-roboto",children:[],level:3},{value:"Weight",id:"weight",children:[],level:3},{value:"Line height",id:"line-height",children:[],level:3},{value:"Letter spacing",id:"letter-spacing",children:[{value:"Headings -0.015em (-1.5%)",id:"headings--0015em--15",children:[],level:4},{value:"Body 0%",id:"body-0",children:[],level:4},{value:"Caption and Small text 0.01em (1%)",id:"caption-and-small-text-001em-1",children:[],level:4}],level:3},{value:"Text color",id:"text-color",children:[],level:3},{value:"Line length",id:"line-length",children:[],level:3},{value:"Base Font Size",id:"base-font-size",children:[],level:3},{value:" Desktop Styles ",id:"-desktop-styles-",children:[],level:2},{value:" Mobile Styles ",id:"-mobile-styles-",children:[],level:2},{value:"Typography tokens",id:"typography-tokens",children:[{value:"Weight",id:"weight-1",children:[],level:3},{value:"Line height",id:"line-height-1",children:[],level:3},{value:"Letter spacing",id:"letter-spacing-1",children:[],level:3},{value:"Font size",id:"font-size",children:[],level:3},{value:"Font size fluid",id:"font-size-fluid",children:[],level:3}],level:2}],d={toc:s},p="wrapper";function m(t){let{components:e,...r}=t;return(0,a.kt)(p,(0,n.Z)({},d,r,{components:e,mdxType:"MDXLayout"}),(0,a.kt)("br",null),(0,a.kt)("h3",{id:"primary-font-roboto"},"Primary Font: Roboto"),(0,a.kt)("p",null,"We use Roboto as our Primary font. Roboto allows letters to take up as much space as it needs and ultimately, making for an improved experience for the reader.\nWe use Arial as a web safe alternative font. It is similar in character and style to Roboto typeface and is a commonly available system font."),(0,a.kt)("h3",{id:"weight"},"Weight"),(0,a.kt)("p",null,"Font weight is the thickness of a font's stroke, with various weights used to differentiate content hierarchy. The bold style emphasizes the importance in comparison with the regular font style in the font family.\nWe can use weights starting from 300 (Light) up to 700 (Bold). Usually, the bold style is assigned to headings. Regular text is used for body text."),(0,a.kt)("h4",{style:{fontWeight:"300",display:"flex",marginBlock:"10px"}},(0,a.kt)("span",{style:{width:"100px"}},"Light")," 300"),(0,a.kt)("h4",{style:{fontWeight:"400",display:"flex",marginBlock:"10px"}},(0,a.kt)("span",{style:{width:"100px"}},"Regular")," 400"),(0,a.kt)("h4",{style:{fontWeight:"500",display:"flex",marginBlock:"10px"}},(0,a.kt)("span",{style:{width:"100px"}},"Medium")," 500"),(0,a.kt)("h4",{style:{fontWeight:"700",display:"flex",marginBlock:"10px"}},(0,a.kt)("span",{style:{width:"100px"}},"Bold")," 700"),(0,a.kt)("br",null),(0,a.kt)("h3",{id:"line-height"},"Line height"),(0,a.kt)("p",null,"Line spacing is commonly measured as a percentage of font size. Conventional wisdom is that line spacing of 130%-150% is ideal for readability. In fact, anything from about 120% up to 200% is acceptable,\nbut 150% tends to be the most quoted sweet spot (and a WCAG recommendation). You should experiment to see what looks best with your text. The line-height value is always divisible by 4 to support the grid."),(0,a.kt)("p",null,"This is why for ",(0,a.kt)("strong",{parentName:"p"},"body text")," we use 150% line height, while for ",(0,a.kt)("strong",{parentName:"p"},"headers")," we use 120% due to the larger font size where using 150% would add too much space between the heading lines."),(0,a.kt)("p",null," ",(0,a.kt)("img",{src:l(8750).Z})),(0,a.kt)("br",null),(0,a.kt)("h3",{id:"letter-spacing"},"Letter spacing"),(0,a.kt)("p",null,"Letter spacing (also known as character spacing or tracking ) is the adjustment of the horizontal white space between the letters in a block of text. Unlike kerning, which affects only designated pairs of letters, letterspacing affects every pair.\nBy adjusting letter spacing to the environment you are working with you will help readers consume your information faster, and more efficiently. The fun part is that they won\u2019t even notice it!"),(0,a.kt)("h4",{id:"headings--0015em--15"},"Headings -0.015em (-1.5%)"),(0,a.kt)("h4",{id:"body-0"},"Body 0%"),(0,a.kt)("h4",{id:"caption-and-small-text-001em-1"},"Caption and Small text 0.01em (1%)"),(0,a.kt)("br",null),(0,a.kt)("h3",{id:"text-color"},"Text color"),(0,a.kt)("p",null,"Body text color is blue-grey-5 (#3D5265) ",(0,a.kt)("br",null)),(0,a.kt)("p",null,"Color also plays a key role in an interface\u2019s typographic hierarchy, often by established types like: ",(0,a.kt)("br",null)),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"Brand colors and supplementary colors, for most interface text whether body or heading. ",(0,a.kt)("br",null)),(0,a.kt)("li",{parentName:"ul"},"Interactive, not just for links but also flat buttons, tab labels, and more ",(0,a.kt)("br",null)),(0,a.kt)("li",{parentName:"ul"},"Disabled, often resulting is especially lower contrast treatments ",(0,a.kt)("br",null)),(0,a.kt)("li",{parentName:"ul"},"Error, usually red, for the highest contrast with its surroundings ",(0,a.kt)("br",null))),(0,a.kt)("br",null),(0,a.kt)("h3",{id:"line-length"},"Line length"),(0,a.kt)("p",null,"Line-length is the number of characters displayed in a single line. Lines that are too long or too short can distract readers. For readability, limit to ",(0,a.kt)("strong",{parentName:"p"},"no more than 80 characters including spaces for desktop"),".\nLine length ",(0,a.kt)("strong",{parentName:"p"},"for mobile is recommended to use 40 to 60 characters")," including space per line."),(0,a.kt)("br",null),(0,a.kt)("h3",{id:"base-font-size"},"Base Font Size"),(0,a.kt)("p",null,"We set 16px (1rem) as the base font size for body text to ensure readability. It is the default font size for most browsers."),(0,a.kt)("br",null),(0,a.kt)("h2",{id:"-desktop-styles-"},(0,a.kt)("u",null," Desktop Styles ")),(0,a.kt)("div",null,(0,a.kt)("div",{className:"row",style:{alignItems:"flex",height:"120px"}},(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("h1",{className:"h1"},"Heading 1")),(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("b",null,"Font Size: 44px or 2.75rem ",(0,a.kt)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.kt)("br",null)," Line height: 1.2 (120%)"))),(0,a.kt)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("h2",{className:"h2"},"Heading 2")),(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("b",null,"Font Size: 32px or 2rem ",(0,a.kt)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.kt)("br",null)," Line height: 1.2 (120%)"))),(0,a.kt)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("h3",{className:"h3"},"Heading 3")),(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("b",null,"Font Size: 26px or 1.625rem ",(0,a.kt)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.kt)("br",null)," Line height: 1.2 (120%)"))),(0,a.kt)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("h4",{className:"h4"},"Heading 4")),(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("b",null,"Font Size: 20px or 1.25rem ",(0,a.kt)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.kt)("br",null)," Line height: 1.2 (120%)"))),(0,a.kt)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("h5",{className:"h5"},"Heading 5")),(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("b",null,"Font Size: 18px or 1.125rem ",(0,a.kt)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.kt)("br",null)," Line height: 1.2 (120%)"))),(0,a.kt)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("p",null,"Body text")),(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("b",null,"Font Size: 16px or 1rem ",(0,a.kt)("br",null)," Letter spacing: 0 (0%) ",(0,a.kt)("br",null)," Line height: 1.5 (150%)"))),(0,a.kt)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("p",{className:"caption"},"Caption text")),(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("b",null,"Font Size: 14px or 0.875rem ",(0,a.kt)("br",null)," Letter spacing: 0.01 (1%) ",(0,a.kt)("br",null)," Line height: 1.5 (150%)"))),(0,a.kt)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("p",{className:"tiny"},"Small text")),(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("b",null,"Font Size: 12px or 0.75rem ",(0,a.kt)("br",null)," Letter spacing: 0.01 (1%) ",(0,a.kt)("br",null)," Line height: 1.5 (150%)")))),(0,a.kt)("h2",{id:"-mobile-styles-"},(0,a.kt)("u",null," Mobile Styles ")),(0,a.kt)("div",{className:"mobile"},(0,a.kt)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("h1",{className:"h1"}," Heading 1")),(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("b",null,"Font Size: 30px or 1.875rem ",(0,a.kt)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.kt)("br",null)," Line height: 1.2 (120%)"))),(0,a.kt)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("h2",{className:"h2"}," Heading 2")),(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("b",null,"Font Size: 24px or 1.5rem ",(0,a.kt)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.kt)("br",null)," Line height: 1.2 (120%)"))),(0,a.kt)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("h3",{className:"h3"}," Heading 3")),(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("b",null,"Font Size: 20px or 1.25rem ",(0,a.kt)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.kt)("br",null)," Line height: 1.2 (120%)"))),(0,a.kt)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("h4",{className:"h4"}," Heading 4")),(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("b",null,"Font Size: 18px or 1.125rem ",(0,a.kt)("br",null)," Letter spacing: -0.015em (-1.5%) ",(0,a.kt)("br",null)," Line height: 1.2 (120%)"))),(0,a.kt)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("p",null,"Body")),(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("b",null,"Font Size: 16px or 1rem ",(0,a.kt)("br",null)," Letter spacing: 0 (0%) ",(0,a.kt)("br",null)," Line height: 1.5 (150%)"))),(0,a.kt)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("p",{className:"caption"},"Caption")),(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("b",null,"Font Size: 14px or 0.875rem ",(0,a.kt)("br",null)," Letter spacing: 0.01em (1%) ",(0,a.kt)("br",null)," Line height: 1.5 (150%)"))),(0,a.kt)("div",{className:"row",style:{alignItems:"center",height:"120px"}},(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("p",{className:"tiny"},"Small text")),(0,a.kt)("div",{className:"col col--6"},(0,a.kt)("b",null,"Font Size: 12px or 0.75rem ",(0,a.kt)("br",null)," Letter spacing: 0.01em (1%) ",(0,a.kt)("br",null)," Line height: 1.5 (150%)")))),(0,a.kt)("h2",{id:"typography-tokens"},"Typography tokens"),(0,a.kt)("h3",{id:"weight-1"},"Weight"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:null},"Token name"),(0,a.kt)("th",{parentName:"tr",align:null},"Value"),(0,a.kt)("th",{parentName:"tr",align:null},"Style"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-weight-1"),(0,a.kt)("td",{parentName:"tr",align:null},"100"),(0,a.kt)("td",{parentName:"tr",align:null},"Thin")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-weight-2"),(0,a.kt)("td",{parentName:"tr",align:null},"200"),(0,a.kt)("td",{parentName:"tr",align:null},"Light")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-weight-3"),(0,a.kt)("td",{parentName:"tr",align:null},"300"),(0,a.kt)("td",{parentName:"tr",align:null},"Book")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-weight-4"),(0,a.kt)("td",{parentName:"tr",align:null},"400"),(0,a.kt)("td",{parentName:"tr",align:null},"Regular")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-weight-5"),(0,a.kt)("td",{parentName:"tr",align:null},"500"),(0,a.kt)("td",{parentName:"tr",align:null},"Medium")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-weight-6"),(0,a.kt)("td",{parentName:"tr",align:null},"600"),(0,a.kt)("td",{parentName:"tr",align:null},"SemiBold")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-weight-7"),(0,a.kt)("td",{parentName:"tr",align:null},"700"),(0,a.kt)("td",{parentName:"tr",align:null},"Bold")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-weight-8"),(0,a.kt)("td",{parentName:"tr",align:null},"800"),(0,a.kt)("td",{parentName:"tr",align:null},"ExtraBold")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-weight-9"),(0,a.kt)("td",{parentName:"tr",align:null},"900"),(0,a.kt)("td",{parentName:"tr",align:null},"Black")))),(0,a.kt)("h3",{id:"line-height-1"},"Line height"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:null},"Token name"),(0,a.kt)("th",{parentName:"tr",align:null},"Value(no unit)"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-lineheight-00"),(0,a.kt)("td",{parentName:"tr",align:null},".95")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-lineheight-0"),(0,a.kt)("td",{parentName:"tr",align:null},"1.1")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-lineheight-1"),(0,a.kt)("td",{parentName:"tr",align:null},"1.2")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-lineheight-2"),(0,a.kt)("td",{parentName:"tr",align:null},"1.375")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-lineheight-3"),(0,a.kt)("td",{parentName:"tr",align:null},"1.5")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-lineheight-4"),(0,a.kt)("td",{parentName:"tr",align:null},"1.75")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-lineheight-5"),(0,a.kt)("td",{parentName:"tr",align:null},"2")))),(0,a.kt)("h3",{id:"letter-spacing-1"},"Letter spacing"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:null},"Token name"),(0,a.kt)("th",{parentName:"tr",align:null},"Value(em)"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-letterspacing-000"),(0,a.kt)("td",{parentName:"tr",align:null},"-.02")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-letterspacing-00"),(0,a.kt)("td",{parentName:"tr",align:null},"-.015")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-letterspacing-0"),(0,a.kt)("td",{parentName:"tr",align:null},"-.01")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-letterspacing-1"),(0,a.kt)("td",{parentName:"tr",align:null},".01")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-letterspacing-2"),(0,a.kt)("td",{parentName:"tr",align:null},".015")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-letterspacing-3"),(0,a.kt)("td",{parentName:"tr",align:null},".02")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-letterspacing-4"),(0,a.kt)("td",{parentName:"tr",align:null},".075")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-letterspacing-5"),(0,a.kt)("td",{parentName:"tr",align:null},".15")))),(0,a.kt)("h3",{id:"font-size"},"Font size"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:null},"Token name"),(0,a.kt)("th",{parentName:"tr",align:null},"Value(rem)"),(0,a.kt)("th",{parentName:"tr",align:null},"Value(px)"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-size-00"),(0,a.kt)("td",{parentName:"tr",align:null},".75"),(0,a.kt)("td",{parentName:"tr",align:null},"12")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-size-0"),(0,a.kt)("td",{parentName:"tr",align:null},".875"),(0,a.kt)("td",{parentName:"tr",align:null},"14")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-size-1"),(0,a.kt)("td",{parentName:"tr",align:null},"1"),(0,a.kt)("td",{parentName:"tr",align:null},"16")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-size-2"),(0,a.kt)("td",{parentName:"tr",align:null},"1.125"),(0,a.kt)("td",{parentName:"tr",align:null},"18")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-size-3"),(0,a.kt)("td",{parentName:"tr",align:null},"1.25"),(0,a.kt)("td",{parentName:"tr",align:null},"20")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-size-4"),(0,a.kt)("td",{parentName:"tr",align:null},"1.5"),(0,a.kt)("td",{parentName:"tr",align:null},"24")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-size-5"),(0,a.kt)("td",{parentName:"tr",align:null},"1.625"),(0,a.kt)("td",{parentName:"tr",align:null},"26")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-size-6"),(0,a.kt)("td",{parentName:"tr",align:null},"1.875"),(0,a.kt)("td",{parentName:"tr",align:null},"30")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-size-7"),(0,a.kt)("td",{parentName:"tr",align:null},"2"),(0,a.kt)("td",{parentName:"tr",align:null},"32")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-size-8"),(0,a.kt)("td",{parentName:"tr",align:null},"2.25"),(0,a.kt)("td",{parentName:"tr",align:null},"36")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-size-9"),(0,a.kt)("td",{parentName:"tr",align:null},"2.5"),(0,a.kt)("td",{parentName:"tr",align:null},"40")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-size-10"),(0,a.kt)("td",{parentName:"tr",align:null},"2.75"),(0,a.kt)("td",{parentName:"tr",align:null},"44")))),(0,a.kt)("h3",{id:"font-size-fluid"},"Font size fluid"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:null},"Token name"),(0,a.kt)("th",{parentName:"tr",align:null},"Value"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-size-fluid-0"),(0,a.kt)("td",{parentName:"tr",align:null},"clamp(1.125rem, 2vw, 1.25rem)")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-size-fluid-1"),(0,a.kt)("td",{parentName:"tr",align:null},"clamp(1.25rem, 4vw, 1.625rem)")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-size-fluid-2"),(0,a.kt)("td",{parentName:"tr",align:null},"clamp(1.5rem, 6vw, 2rem)")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:null},"font-size-fluid-3"),(0,a.kt)("td",{parentName:"tr",align:null},"clamp(1.875rem, 9vw, 2.75rem)")))))}m.isMDXComponent=!0},8750:(t,e,l)=>{l.d(e,{Z:()=>n});const n=l.p+"assets/images/height-150-730559326adac31b9a2e584659d43e66.png"}}]); \ No newline at end of file diff --git a/docs/assets/js/d6e43592.85879fe4.js b/docs/assets/js/d6e43592.85879fe4.js new file mode 100644 index 0000000000..0776beb0a4 --- /dev/null +++ b/docs/assets/js/d6e43592.85879fe4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1368],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>y});var o=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=u(n),m=r,y=p["".concat(i,".").concat(m)]||p[m]||d[m]||a;return n?o.createElement(y,l(l({ref:t},c),{},{components:n})):o.createElement(y,l({ref:t},c))}));function y(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[p]="string"==typeof e?e:r,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>h,default:()=>w,frontMatter:()=>y,metadata:()=>f,toc:()=>g});var o=n(5072),r=(n(1504),n(5788)),a=n(7144);const l={toc:[{value:"Default single select",id:"default-single-select",children:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}],level:2}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,r.yg)(s,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("h2",{id:"default-single-select"},"Default single select"),(0,r.yg)("p",null,"The select component, is a widget which displays a list of selectable items from which the user can select one values."),(0,r.yg)("h3",{id:"dos"},"Do's"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"write short, distinct and indicative headings for the items listed inside the dropdown"),(0,r.yg)("li",{parentName:"ul"},"use dropdown select menu labels as click targets (clicking the label will trigger the action)"),(0,r.yg)("li",{parentName:"ul"},"indicate whether the input is optional"),(0,r.yg)("li",{parentName:"ul"},"make use of helper text if there are further directions or hints the users may need in completing their goal (example: ",(0,r.yg)("em",{parentName:"li"},"you must be a current resident of this country"),")"),(0,r.yg)("li",{parentName:"ul"},"write specific and clear error message texts, so users understand how to address the error")),(0,r.yg)("h3",{id:"donts"},"Don'ts"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"don't use as navigation"),(0,r.yg)("li",{parentName:"ul"},"don't use it for multi-select")),(0,r.yg)("h3",{id:"when-to-use"},"When to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"when there are more than 5 options to select from")),(0,r.yg)("h3",{id:"when-not-to-use"},"When not to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"when you want users to read all options")))}i.isMDXComponent=!0;var u=n(4620);const c={toc:[{value:"Default",id:"default",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,r.yg)(p,(0,o.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("h2",{id:"default"},"Default"),(0,r.yg)(u.cp,{id:"components-forms-dropdown--default",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="SelectJSDoc";var m;const y={title:"Dropdown",description:"",hide_table_of_contents:!0},h=void 0,f={unversionedId:"webdev/Components/Forms/Dropdown",id:"webdev/Components/Forms/Dropdown",title:"Dropdown",description:"",source:"@site/docs/webdev/5-Components/7-Forms/1-Dropdown.mdx",sourceDirName:"webdev/5-Components/7-Forms",slug:"/webdev/Components/Forms/Dropdown",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/Dropdown",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/dropdown_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Dropdown",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Checkbox",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/Checkbox"},next:{title:"Text Input",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/TextInput"}},g=[],v={toc:g},b="wrapper";function w(e){let{components:t,...n}=e;return(0,r.yg)(b,(0,o.c)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(a.cp,{usage:(0,r.yg)(i,{mdxType:"Usage"}),showcase:(0,r.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>u});var o=n(5072),r=(n(1504),n(5788)),a=n(8264);function l(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,r.yg)(i,(0,o.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>v});var o=n(5072),r=n(1504),a=n(5788),l=n(3664),s=n(7676);const i=function(){const e=(0,r.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(7572),c=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,d=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),y=(0,u.wn)(m,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const h=null===o?o:o??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==h&&!m.some((e=>e.value===h)))throw new Error(`Docusaurus error: The has a defaultValue "${h}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:g}=i(),[v,b]=(0,r.useState)(h),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,u.MV)();if(null!=l){const e=f[l];null!=e&&e!==v&&m.some((t=>t.value===e))&&b(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),o=m[n].value;o!==v&&(T(t),b(o),null!=l&&g(l,o))},D=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:v===t?0:-1,"aria-selected":v===t,className:(0,c.c)("tabs__item",p.tabItem,{"tabs__item--active":v===t}),key:t,ref:e=>w.push(e),onKeyDown:D,onFocus:x,onClick:x},n??t)}))),t?(0,r.cloneElement)(d.filter((e=>e.props.value===v))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==v})))))}function m(e){const t=(0,l.c)();return r.createElement(d,(0,o.c)({key:String(t)},e))}const y=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function h(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:h},g="wrapper";function v(e){let{components:t,...n}=e;return(0,a.yg)(g,(0,o.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(m,{defaultValue:"usage",values:h(n),mdxType:"Tabs"},(0,a.yg)(y,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(y,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(y,{value:"api",mdxType:"TabItem"},n.api)))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/d6e43592.c521528a.js b/docs/assets/js/d6e43592.c521528a.js deleted file mode 100644 index 9583ef4954..0000000000 --- a/docs/assets/js/d6e43592.c521528a.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9340],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>h});var o=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=o.createContext({}),u=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=u(e.components);return o.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),d=u(n),m=r,h=d["".concat(i,".").concat(m)]||d[m]||p[m]||a;return n?o.createElement(h,l(l({ref:t},c),{},{components:n})):o.createElement(h,l({ref:t},c))}));function h(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var i in t)hasOwnProperty.call(t,i)&&(s[i]=t[i]);s.originalType=e,s[d]="string"==typeof e?e:r,l[1]=s;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>f,default:()=>g,frontMatter:()=>h,metadata:()=>v,toc:()=>b});var o=n(7462),r=(n(7294),n(3905)),a=n(4037);const l={toc:[{value:"Default single select",id:"default-single-select",children:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}],level:2}]},s="wrapper";function i(e){let{components:t,...n}=e;return(0,r.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default-single-select"},"Default single select"),(0,r.kt)("p",null,"The select component, is a widget which displays a list of selectable items from which the user can select one values."),(0,r.kt)("h3",{id:"dos"},"Do's"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"write short, distinct and indicative headings for the items listed inside the dropdown"),(0,r.kt)("li",{parentName:"ul"},"use dropdown select menu labels as click targets (clicking the label will trigger the action)"),(0,r.kt)("li",{parentName:"ul"},"indicate whether the input is optional"),(0,r.kt)("li",{parentName:"ul"},"make use of helper text if there are further directions or hints the users may need in completing their goal (example: ",(0,r.kt)("em",{parentName:"li"},"you must be a current resident of this country"),")"),(0,r.kt)("li",{parentName:"ul"},"write specific and clear error message texts, so users understand how to address the error")),(0,r.kt)("h3",{id:"donts"},"Don'ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"don't use as navigation"),(0,r.kt)("li",{parentName:"ul"},"don't use it for multi-select")),(0,r.kt)("h3",{id:"when-to-use"},"When to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"when there are more than 5 options to select from")),(0,r.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"when you want users to read all options")))}i.isMDXComponent=!0;var u=n(7521);const c={toc:[{value:"Default",id:"default",children:[],level:2}]},d="wrapper";function p(e){let{components:t,...n}=e;return(0,r.kt)(d,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default"},"Default"),(0,r.kt)(u.ZP,{id:"components-forms-dropdown--default",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;m="SelectJSDoc";var m;const h={title:"Dropdown",description:"",hide_table_of_contents:!0},f=void 0,v={unversionedId:"webdev/Components/Forms/Dropdown",id:"webdev/Components/Forms/Dropdown",title:"Dropdown",description:"",source:"@site/docs/webdev/5-Components/7-Forms/1-Dropdown.mdx",sourceDirName:"webdev/5-Components/7-Forms",slug:"/webdev/Components/Forms/Dropdown",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/Dropdown",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/dropdown_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Dropdown",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Checkbox",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/Checkbox"},next:{title:"Text Input",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/TextInput"}},b=[],y={toc:b},w="wrapper";function g(e){let{components:t,...n}=e;return(0,r.kt)(w,(0,o.Z)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(i,{mdxType:"Usage"}),showcase:(0,r.kt)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}g.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var o=n(7462),r=(n(7294),n(3905)),a=n(2263);function l(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},i="wrapper";function u(e){let{components:t,...n}=e;return(0,r.kt)(i,(0,o.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var o=n(7462),r=n(7294),a=n(3905),l=n(2389),s=n(9443);const i=function(){const e=(0,r.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),c=n(6010);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:l,className:s}=e,p=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),h=(0,u.lx)(m,((e,t)=>e.value===t.value));if(h.length>0)throw new Error(`Docusaurus error: Duplicate values "${h.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const f=null===o?o:o??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==f&&!m.some((e=>e.value===f)))throw new Error(`Docusaurus error: The has a defaultValue "${f}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:b}=i(),[y,w]=(0,r.useState)(f),g=[],{blockElementScrollPositionUntilNextRender:k}=(0,u.o5)();if(null!=l){const e=v[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&w(e)}const T=e=>{const t=e.currentTarget,n=g.indexOf(t),o=m[n].value;o!==y&&(k(t),w(o),null!=l&&b(l,o))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=g.indexOf(e.currentTarget)+1;t=g[n]||g[0];break}case"ArrowLeft":{const n=g.indexOf(e.currentTarget)-1;t=g[n]||g[g.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",d.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>g.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,r.cloneElement)(p.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return r.createElement(p,(0,o.Z)({key:String(t)},e))}const h=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function f(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:f},b="wrapper";function y(e){let{components:t,...n}=e;return(0,a.kt)(b,(0,o.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:f(n),mdxType:"Tabs"},(0,a.kt)(h,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(h,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(h,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/d727d0d1.451ca2c2.js b/docs/assets/js/d727d0d1.7bf0a47a.js similarity index 54% rename from docs/assets/js/d727d0d1.451ca2c2.js rename to docs/assets/js/d727d0d1.7bf0a47a.js index 0e54cbb377..b99b376dc9 100644 --- a/docs/assets/js/d727d0d1.451ca2c2.js +++ b/docs/assets/js/d727d0d1.7bf0a47a.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[7098],{3905:(e,t,n)=>{n.d(t,{Zo:()=>u,kt:()=>f});var a=n(7294);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function s(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=a.createContext({}),c=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return a.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},m=a.forwardRef((function(e,t){var n=e.components,o=e.mdxType,r=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),m=o,f=p["".concat(i,".").concat(m)]||p[m]||d[m]||r;return n?a.createElement(f,s(s({ref:t},u),{},{components:n})):a.createElement(f,s({ref:t},u))}));function f(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var r=n.length,s=new Array(r);s[0]=m;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:o,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>b,default:()=>w,frontMatter:()=>f,metadata:()=>v,toc:()=>h});var a=n(7462),o=(n(7294),n(3905)),r=n(4037);const s={toc:[{value:"How to Use",id:"how-to-use",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,o.kt)(l,(0,a.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"Effective headings are recognizable immediately, and help readers understand the flow of content on the page."),(0,o.kt)("h3",{id:"how-to-use"},"How to Use"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"employ visual contrast to make headings stand out. Headings need to appear separate from the rest of the content on the page"),(0,o.kt)("li",{parentName:"ul"},"size matters: Headings should be big"),(0,o.kt)("li",{parentName:"ul"},"use headings as titles. If we\u2019re labeling a section of a website, the heading serves as the title for the section"),(0,o.kt)("li",{parentName:"ul"},"be concise. Keep headings short. In some cases, it\u2019s even okay to drop articles like \u201cthe\u201d and \u201ca,\u201d as they can be assumed"),(0,o.kt)("li",{parentName:"ul"},"not all headings should be bold")))}i.isMDXComponent=!0;var c=n(7521);const u={toc:[]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,o.kt)(p,(0,a.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(c.ZP,{id:"components-heading--default",height:"1200",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="AccordionJSDoc";var m;const f={title:"Headings",description:"",hide_table_of_contents:!0},b=void 0,v={unversionedId:"webdev/Components/Headings",id:"webdev/Components/Headings",title:"Headings",description:"",source:"@site/docs/webdev/5-Components/8-Headings.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Headings",permalink:"/volto-eea-design-system/docs/webdev/Components/Headings",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/heading_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:8,frontMatter:{title:"Headings",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Text Area",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/TextArea"},next:{title:"Inpage Navigation",permalink:"/volto-eea-design-system/docs/webdev/Components/Inpage-Navigation"}},h=[],g={toc:h},y="wrapper";function w(e){let{components:t,...n}=e;return(0,o.kt)(y,(0,a.Z)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(r.ZP,{usage:(0,o.kt)(i,{mdxType:"Usage"}),showcase:(0,o.kt)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>c});var a=n(7462),o=(n(7294),n(3905)),r=n(2263);function s(){const{siteConfig:e}=(0,r.Z)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function c(e){let{components:t,...n}=e;return(0,o.kt)(i,(0,a.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("div",{className:"frameWrapper"},(0,o.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>g});var a=n(7462),o=n(7294),r=n(3905),s=n(2389),l=n(9443);const i=function(){const e=(0,o.useContext)(l.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(3810),u=n(6010);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:a,values:r,groupId:s,className:l}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),f=(0,c.lx)(m,((e,t)=>e.value===t.value));if(f.length>0)throw new Error(`Docusaurus error: Duplicate values "${f.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const b=null===a?a:a??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==b&&!m.some((e=>e.value===b)))throw new Error(`Docusaurus error: The has a defaultValue "${b}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:h}=i(),[g,y]=(0,o.useState)(b),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,c.o5)();if(null!=s){const e=v[s];null!=e&&e!==g&&m.some((t=>t.value===e))&&y(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),a=m[n].value;a!==g&&(k(t),y(a),null!=s&&h(s,a))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.Z)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:g===t?0:-1,"aria-selected":g===t,className:(0,u.Z)("tabs__item",p.tabItem,{"tabs__item--active":g===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===g))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==g})))))}function m(e){const t=(0,s.Z)();return o.createElement(d,(0,a.Z)({key:String(t)},e))}const f=function(e){let{children:t,hidden:n,className:a}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:a},t)};function b(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:b},h="wrapper";function g(e){let{components:t,...n}=e;return(0,r.kt)(h,(0,a.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(m,{defaultValue:"usage",values:b(n),mdxType:"Tabs"},(0,r.kt)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.kt)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.kt)(f,{value:"api",mdxType:"TabItem"},n.api)))}g.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1096],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>g});var a=n(1504);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function s(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var i=a.createContext({}),c=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=c(e.components);return a.createElement(i.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},m=a.forwardRef((function(e,t){var n=e.components,o=e.mdxType,r=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),p=c(n),m=o,g=p["".concat(i,".").concat(m)]||p[m]||d[m]||r;return n?a.createElement(g,s(s({ref:t},u),{},{components:n})):a.createElement(g,s({ref:t},u))}));function g(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var r=n.length,s=new Array(r);s[0]=m;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[p]="string"==typeof e?e:o,s[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>w,frontMatter:()=>g,metadata:()=>f,toc:()=>b});var a=n(5072),o=(n(1504),n(5788)),r=n(7144);const s={toc:[{value:"How to Use",id:"how-to-use",children:[],level:3}]},l="wrapper";function i(e){let{components:t,...n}=e;return(0,o.yg)(l,(0,a.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("p",null,"Effective headings are recognizable immediately, and help readers understand the flow of content on the page."),(0,o.yg)("h3",{id:"how-to-use"},"How to Use"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"employ visual contrast to make headings stand out. Headings need to appear separate from the rest of the content on the page"),(0,o.yg)("li",{parentName:"ul"},"size matters: Headings should be big"),(0,o.yg)("li",{parentName:"ul"},"use headings as titles. If we\u2019re labeling a section of a website, the heading serves as the title for the section"),(0,o.yg)("li",{parentName:"ul"},"be concise. Keep headings short. In some cases, it\u2019s even okay to drop articles like \u201cthe\u201d and \u201ca,\u201d as they can be assumed"),(0,o.yg)("li",{parentName:"ul"},"not all headings should be bold")))}i.isMDXComponent=!0;var c=n(4620);const u={toc:[]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,o.yg)(p,(0,a.c)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(c.cp,{id:"components-heading--default",height:"1200",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="AccordionJSDoc";var m;const g={title:"Headings",description:"",hide_table_of_contents:!0},y=void 0,f={unversionedId:"webdev/Components/Headings",id:"webdev/Components/Headings",title:"Headings",description:"",source:"@site/docs/webdev/5-Components/8-Headings.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Headings",permalink:"/volto-eea-design-system/docs/webdev/Components/Headings",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/heading_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:8,frontMatter:{title:"Headings",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Text Area",permalink:"/volto-eea-design-system/docs/webdev/Components/Forms/TextArea"},next:{title:"Inpage Navigation",permalink:"/volto-eea-design-system/docs/webdev/Components/Inpage-Navigation"}},b=[],v={toc:b},h="wrapper";function w(e){let{components:t,...n}=e;return(0,o.yg)(h,(0,a.c)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(r.cp,{usage:(0,o.yg)(i,{mdxType:"Usage"}),showcase:(0,o.yg)(d,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>c});var a=n(5072),o=(n(1504),n(5788)),r=n(8264);function s(){const{siteConfig:e}=(0,r.c)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:s},i="wrapper";function c(e){let{components:t,...n}=e;return(0,o.yg)(i,(0,a.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("div",{className:"frameWrapper"},(0,o.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}c.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>v});var a=n(5072),o=n(1504),r=n(5788),s=n(3664),l=n(7676);const i=function(){const e=(0,o.useContext)(l.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var c=n(7572),u=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:a,values:r,groupId:s,className:l}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=r??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),g=(0,c.wn)(m,((e,t)=>e.value===t.value));if(g.length>0)throw new Error(`Docusaurus error: Duplicate values "${g.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===a?a:a??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==y&&!m.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:b}=i(),[v,h]=(0,o.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,c.MV)();if(null!=s){const e=f[s];null!=e&&e!==v&&m.some((t=>t.value===e))&&h(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),a=m[n].value;a!==v&&(T(t),h(a),null!=s&&b(s,a))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,u.c)("tabs",{"tabs--block":n},l)},m.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:v===t?0:-1,"aria-selected":v===t,className:(0,u.c)("tabs__item",p.tabItem,{"tabs__item--active":v===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===v))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==v})))))}function m(e){const t=(0,s.c)();return o.createElement(d,(0,a.c)({key:String(t)},e))}const g=function(e){let{children:t,hidden:n,className:a}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:a},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:y},b="wrapper";function v(e){let{components:t,...n}=e;return(0,r.yg)(b,(0,a.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(m,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,r.yg)(g,{value:"usage",mdxType:"TabItem"},n.usage),(0,r.yg)(g,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,r.yg)(g,{value:"api",mdxType:"TabItem"},n.api)))}v.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/d76d930d.97e5cdba.js b/docs/assets/js/d76d930d.29882c1a.js similarity index 57% rename from docs/assets/js/d76d930d.97e5cdba.js rename to docs/assets/js/d76d930d.29882c1a.js index a5ddfd1b58..88af02b4a1 100644 --- a/docs/assets/js/d76d930d.97e5cdba.js +++ b/docs/assets/js/d76d930d.29882c1a.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3485],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>f});var r=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=r.createContext({}),s=function(e){var t=r.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},c=function(e){var t=s(e.components);return r.createElement(p.Provider,{value:t},e.children)},u="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,a=e.mdxType,o=e.originalType,p=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),u=s(n),m=a,f=u["".concat(p,".").concat(m)]||u[m]||d[m]||o;return n?r.createElement(f,i(i({ref:t},c),{},{components:n})):r.createElement(f,i({ref:t},c))}));function f(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var o=n.length,i=new Array(o);i[0]=m;var l={};for(var p in t)hasOwnProperty.call(t,p)&&(l[p]=t[p]);l.originalType=e,l[u]="string"==typeof e?e:a,i[1]=l;for(var s=2;s{n.r(t),n.d(t,{contentTitle:()=>i,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>p});var r=n(7462),a=(n(7294),n(3905));const o={title:"EEA corporate site templates",hide_table_of_contents:!0},i=void 0,l={unversionedId:"webcontent/corporate-site-templates",id:"webcontent/corporate-site-templates",title:"EEA corporate site templates",description:"EEA corporate site templates",source:"@site/docs/webcontent/2-corporate-site-templates.md",sourceDirName:"webcontent",slug:"/webcontent/corporate-site-templates",permalink:"/volto-eea-design-system/docs/webcontent/corporate-site-templates",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webcontent/2-corporate-site-templates.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"EEA corporate site templates",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Guidelines",permalink:"/volto-eea-design-system/docs/webcontent/intro"},next:{title:"Publications",permalink:"/volto-eea-design-system/docs/category/publications"}},p=[{value:"EEA corporate site templates",id:"eea-corporate-site-templates",children:[{value:"Landing page",id:"landing-page",children:[],level:3},{value:"Basic page",id:"basic-page",children:[],level:3},{value:"News",id:"news",children:[],level:3},{value:"Event",id:"event",children:[],level:3},{value:"Topic",id:"topic",children:[{value:"Required elements:",id:"required-elements",children:[],level:4},{value:"Optional elements:",id:"optional-elements",children:[],level:4}],level:3},{value:"Info page",id:"info-page",children:[],level:3}],level:2}],s={toc:p},c="wrapper";function u(e){let{components:t,...n}=e;return(0,a.kt)(c,(0,r.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"eea-corporate-site-templates"},"EEA corporate site templates"),(0,a.kt)("h3",{id:"landing-page"},"Landing page"),(0,a.kt)("h3",{id:"basic-page"},"Basic page"),(0,a.kt)("h3",{id:"news"},"News"),(0,a.kt)("h3",{id:"event"},"Event"),(0,a.kt)("hr",null),(0,a.kt)("h3",{id:"topic"},"Topic"),(0,a.kt)("hr",null),(0,a.kt)("p",null,"Page header:\nPhoto and photo copyright: yes | Item type: no | Date: modification date | Downolad: no | Share: yes"),(0,a.kt)("hr",null),(0,a.kt)("h4",{id:"required-elements"},"Required elements:"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"Page header: with image"),(0,a.kt)("li",{parentName:"ul"},"Wide , 1120"),(0,a.kt)("li",{parentName:"ul"},"Page intro, no more than 50 words"),(0,a.kt)("li",{parentName:"ul"},"Green tabs, with green button"),(0,a.kt)("li",{parentName:"ul"},"Side accordeon, green. "),(0,a.kt)("li",{parentName:"ul"},"Section space before image block"),(0,a.kt)("li",{parentName:"ul"},"No full-width elements after the top block, people might think it\u2019s the end of the page"),(0,a.kt)("li",{parentName:"ul"},"2 columns, 50/50, alternate side of picture if there are more than one"),(0,a.kt)("li",{parentName:"ul"},"Blue, full button"),(0,a.kt)("li",{parentName:"ul"},"CTA: use verbs and descriptive labels"),(0,a.kt)("li",{parentName:"ul"},"Don\u2019t forget image copyrights and alt text"),(0,a.kt)("li",{parentName:"ul"},"More information:"),(0,a.kt)("li",{parentName:"ul"},"Other topics you might be interested in:"),(0,a.kt)("li",{parentName:"ul"},"External links"),(0,a.kt)("li",{parentName:"ul"},"Style is set in the template, do not change. ")),(0,a.kt)("h4",{id:"optional-elements"},"Optional elements:"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("strong",{parentName:"li"},"Heros"),": for events, thematic platforms, important products."),(0,a.kt)("li",{parentName:"ul"},"Inverted button.")),(0,a.kt)("h3",{id:"info-page"},"Info page"))}u.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[8104],{5788:(e,t,n)=>{n.d(t,{Iu:()=>s,yg:()=>g});var r=n(1504);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=r.createContext({}),c=function(e){var t=r.useContext(p),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},s=function(e){var t=c(e.components);return r.createElement(p.Provider,{value:t},e.children)},u="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,a=e.mdxType,o=e.originalType,p=e.parentName,s=l(e,["components","mdxType","originalType","parentName"]),u=c(n),m=a,g=u["".concat(p,".").concat(m)]||u[m]||d[m]||o;return n?r.createElement(g,i(i({ref:t},s),{},{components:n})):r.createElement(g,i({ref:t},s))}));function g(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var o=n.length,i=new Array(o);i[0]=m;var l={};for(var p in t)hasOwnProperty.call(t,p)&&(l[p]=t[p]);l.originalType=e,l[u]="string"==typeof e?e:a,i[1]=l;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>i,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>p});var r=n(5072),a=(n(1504),n(5788));const o={title:"EEA corporate site templates",hide_table_of_contents:!0},i=void 0,l={unversionedId:"webcontent/corporate-site-templates",id:"webcontent/corporate-site-templates",title:"EEA corporate site templates",description:"EEA corporate site templates",source:"@site/docs/webcontent/2-corporate-site-templates.md",sourceDirName:"webcontent",slug:"/webcontent/corporate-site-templates",permalink:"/volto-eea-design-system/docs/webcontent/corporate-site-templates",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webcontent/2-corporate-site-templates.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"EEA corporate site templates",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Guidelines",permalink:"/volto-eea-design-system/docs/webcontent/intro"},next:{title:"Publications",permalink:"/volto-eea-design-system/docs/category/publications"}},p=[{value:"EEA corporate site templates",id:"eea-corporate-site-templates",children:[{value:"Landing page",id:"landing-page",children:[],level:3},{value:"Basic page",id:"basic-page",children:[],level:3},{value:"News",id:"news",children:[],level:3},{value:"Event",id:"event",children:[],level:3},{value:"Topic",id:"topic",children:[{value:"Required elements:",id:"required-elements",children:[],level:4},{value:"Optional elements:",id:"optional-elements",children:[],level:4}],level:3},{value:"Info page",id:"info-page",children:[],level:3}],level:2}],c={toc:p},s="wrapper";function u(e){let{components:t,...n}=e;return(0,a.yg)(s,(0,r.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("h2",{id:"eea-corporate-site-templates"},"EEA corporate site templates"),(0,a.yg)("h3",{id:"landing-page"},"Landing page"),(0,a.yg)("h3",{id:"basic-page"},"Basic page"),(0,a.yg)("h3",{id:"news"},"News"),(0,a.yg)("h3",{id:"event"},"Event"),(0,a.yg)("hr",null),(0,a.yg)("h3",{id:"topic"},"Topic"),(0,a.yg)("hr",null),(0,a.yg)("p",null,"Page header:\nPhoto and photo copyright: yes | Item type: no | Date: modification date | Downolad: no | Share: yes"),(0,a.yg)("hr",null),(0,a.yg)("h4",{id:"required-elements"},"Required elements:"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"Page header: with image"),(0,a.yg)("li",{parentName:"ul"},"Wide , 1120"),(0,a.yg)("li",{parentName:"ul"},"Page intro, no more than 50 words"),(0,a.yg)("li",{parentName:"ul"},"Green tabs, with green button"),(0,a.yg)("li",{parentName:"ul"},"Side accordeon, green. "),(0,a.yg)("li",{parentName:"ul"},"Section space before image block"),(0,a.yg)("li",{parentName:"ul"},"No full-width elements after the top block, people might think it\u2019s the end of the page"),(0,a.yg)("li",{parentName:"ul"},"2 columns, 50/50, alternate side of picture if there are more than one"),(0,a.yg)("li",{parentName:"ul"},"Blue, full button"),(0,a.yg)("li",{parentName:"ul"},"CTA: use verbs and descriptive labels"),(0,a.yg)("li",{parentName:"ul"},"Don\u2019t forget image copyrights and alt text"),(0,a.yg)("li",{parentName:"ul"},"More information:"),(0,a.yg)("li",{parentName:"ul"},"Other topics you might be interested in:"),(0,a.yg)("li",{parentName:"ul"},"External links"),(0,a.yg)("li",{parentName:"ul"},"Style is set in the template, do not change. ")),(0,a.yg)("h4",{id:"optional-elements"},"Optional elements:"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("strong",{parentName:"li"},"Heros"),": for events, thematic platforms, important products."),(0,a.yg)("li",{parentName:"ul"},"Inverted button.")),(0,a.yg)("h3",{id:"info-page"},"Info page"))}u.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/d9dbb717.e1067b46.js b/docs/assets/js/d9dbb717.e1067b46.js deleted file mode 100644 index effb96840b..0000000000 --- a/docs/assets/js/d9dbb717.e1067b46.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2438],{9802:e=>{e.exports=JSON.parse('{"title":"Resources","slug":"/category/resources","permalink":"/volto-eea-design-system/docs/category/resources","navigation":{"previous":{"title":"Utilities","permalink":"/volto-eea-design-system/docs/webdev/Utilities/intro"},"next":{"title":"Developer Guidelines","permalink":"/volto-eea-design-system/docs/webdev/Resources/developer-guidelines"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/d9dbb717.ff8dd5ae.js b/docs/assets/js/d9dbb717.ff8dd5ae.js new file mode 100644 index 0000000000..448c8ba75c --- /dev/null +++ b/docs/assets/js/d9dbb717.ff8dd5ae.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[732],{976:e=>{e.exports=JSON.parse('{"title":"Resources","slug":"/category/resources","permalink":"/volto-eea-design-system/docs/category/resources","navigation":{"previous":{"title":"Utilities","permalink":"/volto-eea-design-system/docs/webdev/Utilities/intro"},"next":{"title":"Developer Guidelines","permalink":"/volto-eea-design-system/docs/webdev/Resources/developer-guidelines"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/e9a55e4f.3980a0d4.js b/docs/assets/js/e9a55e4f.d01b3ddb.js similarity index 74% rename from docs/assets/js/e9a55e4f.3980a0d4.js rename to docs/assets/js/e9a55e4f.d01b3ddb.js index 704abcffcc..46b27a3810 100644 --- a/docs/assets/js/e9a55e4f.3980a0d4.js +++ b/docs/assets/js/e9a55e4f.d01b3ddb.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2263],{3905:(e,t,n)=>{n.d(t,{Zo:()=>u,kt:()=>f});var r=n(7294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var l=r.createContext({}),c=function(e){var t=r.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):a(a({},t),e)),n},u=function(e){var t=c(e.components);return r.createElement(l.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,o=e.originalType,l=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),d=c(n),m=i,f=d["".concat(l,".").concat(m)]||d[m]||p[m]||o;return n?r.createElement(f,a(a({ref:t},u),{},{components:n})):r.createElement(f,a({ref:t},u))}));function f(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=n.length,a=new Array(o);a[0]=m;var s={};for(var l in t)hasOwnProperty.call(t,l)&&(s[l]=t[l]);s.originalType=e,s[d]="string"==typeof e?e:i,a[1]=s;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>a,default:()=>d,frontMatter:()=>o,metadata:()=>s,toc:()=>l});var r=n(7462),i=(n(7294),n(3905));const o={title:"Introduction",description:"",hide_table_of_contents:!0},a=void 0,s={unversionedId:"intro",id:"intro",title:"Introduction",description:"",source:"@site/docs/0-intro.md",sourceDirName:".",slug:"/intro",permalink:"/volto-eea-design-system/docs/intro",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/0-intro.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Introduction",description:"",hide_table_of_contents:!0},sidebar:"sidebar",next:{title:"What's new",permalink:"/volto-eea-design-system/docs/whatsnew"}},l=[{value:"What is a design system?",id:"what-is-a-design-system",children:[],level:2}],c={toc:l},u="wrapper";function d(e){let{components:t,...n}=e;return(0,i.kt)(u,(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("p",null,"We created the EEA Design System (EEA-DS) to standardize the visual language and user experience of the EEA\u2019s online applications. "),(0,i.kt)("p",null,"This also allows us to be more effecient when creating online applications instead of reinventing the wheel over and over."),(0,i.kt)("p",null,"EEA-DS was built by a multi-disciplinary team of developers, designers, UX researchers, writers and data scientists. Combining the expertise of all of these roles allowed us to create a design system with a wide range of elements and for various target users (Web Designer, Web Writer/Content manager, Web Developer and Data scientist)."),(0,i.kt)("h2",{id:"what-is-a-design-system"},"What is a design system?"),(0,i.kt)("p",null,"A design system is a catalogue of everything that makes up your digital product including user interface elements, writing style, guiding principles, coding standards, visual design, etc. using reusable components for easy development."),(0,i.kt)("p",null,"All library elements are accompanied by:"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"documentation explaining what a component is and how it should be used"),(0,i.kt)("li",{parentName:"ul"},"a visual demonstration"),(0,i.kt)("li",{parentName:"ul"},"HTML/CSS code for implementation")))}d.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[8616],{5788:(e,t,n)=>{n.d(t,{Iu:()=>u,yg:()=>y});var r=n(1504);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var l=r.createContext({}),c=function(e){var t=r.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):a(a({},t),e)),n},u=function(e){var t=c(e.components);return r.createElement(l.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,o=e.originalType,l=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),d=c(n),m=i,y=d["".concat(l,".").concat(m)]||d[m]||p[m]||o;return n?r.createElement(y,a(a({ref:t},u),{},{components:n})):r.createElement(y,a({ref:t},u))}));function y(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=n.length,a=new Array(o);a[0]=m;var s={};for(var l in t)hasOwnProperty.call(t,l)&&(s[l]=t[l]);s.originalType=e,s[d]="string"==typeof e?e:i,a[1]=s;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>a,default:()=>d,frontMatter:()=>o,metadata:()=>s,toc:()=>l});var r=n(5072),i=(n(1504),n(5788));const o={title:"Introduction",description:"",hide_table_of_contents:!0},a=void 0,s={unversionedId:"intro",id:"intro",title:"Introduction",description:"",source:"@site/docs/0-intro.md",sourceDirName:".",slug:"/intro",permalink:"/volto-eea-design-system/docs/intro",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/0-intro.md",tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Introduction",description:"",hide_table_of_contents:!0},sidebar:"sidebar",next:{title:"What's new",permalink:"/volto-eea-design-system/docs/whatsnew"}},l=[{value:"What is a design system?",id:"what-is-a-design-system",children:[],level:2}],c={toc:l},u="wrapper";function d(e){let{components:t,...n}=e;return(0,i.yg)(u,(0,r.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,i.yg)("p",null,"We created the EEA Design System (EEA-DS) to standardize the visual language and user experience of the EEA\u2019s online applications. "),(0,i.yg)("p",null,"This also allows us to be more effecient when creating online applications instead of reinventing the wheel over and over."),(0,i.yg)("p",null,"EEA-DS was built by a multi-disciplinary team of developers, designers, UX researchers, writers and data scientists. Combining the expertise of all of these roles allowed us to create a design system with a wide range of elements and for various target users (Web Designer, Web Writer/Content manager, Web Developer and Data scientist)."),(0,i.yg)("h2",{id:"what-is-a-design-system"},"What is a design system?"),(0,i.yg)("p",null,"A design system is a catalogue of everything that makes up your digital product including user interface elements, writing style, guiding principles, coding standards, visual design, etc. using reusable components for easy development."),(0,i.yg)("p",null,"All library elements are accompanied by:"),(0,i.yg)("ul",null,(0,i.yg)("li",{parentName:"ul"},"documentation explaining what a component is and how it should be used"),(0,i.yg)("li",{parentName:"ul"},"a visual demonstration"),(0,i.yg)("li",{parentName:"ul"},"HTML/CSS code for implementation")))}d.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/f4f5dc73.2a653be0.js b/docs/assets/js/f4f5dc73.2a653be0.js deleted file mode 100644 index 625b3145d1..0000000000 --- a/docs/assets/js/f4f5dc73.2a653be0.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2099],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>b});var r=n(7294);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var u=r.createContext({}),i=function(e){var t=r.useContext(u),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=i(e.components);return r.createElement(u.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,u=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),d=i(n),m=o,b=d["".concat(u,".").concat(m)]||d[m]||p[m]||a;return n?r.createElement(b,l(l({ref:t},c),{},{components:n})):r.createElement(b,l({ref:t},c))}));function b(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var u in t)hasOwnProperty.call(t,u)&&(s[u]=t[u]);s.originalType=e,s[d]="string"==typeof e?e:o,l[1]=s;for(var i=2;i{n.r(t),n.d(t,{contentTitle:()=>h,default:()=>w,frontMatter:()=>b,metadata:()=>v,toc:()=>f});var r=n(7462),o=(n(7294),n(3905)),a=n(4037);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function u(e){let{components:t,...n}=e;return(0,o.kt)(s,(0,r.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"The Breadcrumb informs the users on their current location relative to the homepage of the website and allows them to navigate to higher levels. It is a series links except the last item in the group, which is the current page."),(0,o.kt)("h3",{id:"dos"},"Do's"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},'the first element of the breadcrumb must always be labelled "Home" and must link to the homepage of the actual site where the current user page is located')),(0,o.kt)("h3",{id:"donts"},"Don'ts"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"use long labels which creates visual clutter"),(0,o.kt)("li",{parentName:"ul"},"breadcrumb links cannot exceed 220px in length else they will be truncated")),(0,o.kt)("h3",{id:"when-to-use"},"When to use"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"if your website's navigational structure is a tree of more than 2 levels")),(0,o.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"if your website's navigational structure has less than 3 levels of depth")))}u.isMDXComponent=!0;var i=n(7521);const c={toc:[{value:"Default",id:"default",children:[],level:2}]},d="wrapper";function p(e){let{components:t,...n}=e;return(0,o.kt)(d,(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h2",{id:"default"},"Default"),(0,o.kt)(i.ZP,{id:"components-breadcrumb--default",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;m="BreadcrumbJSDoc";var m;const b={title:"Breadcrumb",description:"",hide_table_of_contents:!0},h=void 0,v={unversionedId:"webdev/Components/Breadcrumb",id:"webdev/Components/Breadcrumb",title:"Breadcrumb",description:"",source:"@site/docs/webdev/5-Components/2-Breadcrumb.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Breadcrumb",permalink:"/volto-eea-design-system/docs/webdev/Components/Breadcrumb",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/breadcrumb_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"Breadcrumb",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Accordion",permalink:"/volto-eea-design-system/docs/webdev/Components/Accordion"},next:{title:"Buttons",permalink:"/volto-eea-design-system/docs/webdev/Components/Buttons"}},f=[],y={toc:f},g="wrapper";function w(e){let{components:t,...n}=e;return(0,o.kt)(g,(0,r.Z)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(a.ZP,{usage:(0,o.kt)(u,{mdxType:"Usage"}),showcase:(0,o.kt)(p,{mdxType:"Showcase"}),mdxType:"Tabs"}))}w.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>i});var r=n(7462),o=(n(7294),n(3905)),a=n(2263);function l(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},u="wrapper";function i(e){let{components:t,...n}=e;return(0,o.kt)(u,(0,r.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("div",{className:"frameWrapper"},(0,o.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}i.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>y});var r=n(7462),o=n(7294),a=n(3905),l=n(2389),s=n(9443);const u=function(){const e=(0,o.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var i=n(3810),c=n(6010);const d={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:r,values:a,groupId:l,className:s}=e,p=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),b=(0,i.lx)(m,((e,t)=>e.value===t.value));if(b.length>0)throw new Error(`Docusaurus error: Duplicate values "${b.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const h=null===r?r:r??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==h&&!m.some((e=>e.value===h)))throw new Error(`Docusaurus error: The has a defaultValue "${h}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:v,setTabGroupChoices:f}=u(),[y,g]=(0,o.useState)(h),w=[],{blockElementScrollPositionUntilNextRender:k}=(0,i.o5)();if(null!=l){const e=v[l];null!=e&&e!==y&&m.some((t=>t.value===e))&&g(e)}const T=e=>{const t=e.currentTarget,n=w.indexOf(t),r=m[n].value;r!==y&&(k(t),g(r),null!=l&&f(l,r))},x=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:y===t?0:-1,"aria-selected":y===t,className:(0,c.Z)("tabs__item",d.tabItem,{"tabs__item--active":y===t}),key:t,ref:e=>w.push(e),onKeyDown:x,onFocus:T,onClick:T},n??t)}))),t?(0,o.cloneElement)(p.filter((e=>e.props.value===y))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==y})))))}function m(e){const t=(0,l.Z)();return o.createElement(p,(0,r.Z)({key:String(t)},e))}const b=function(e){let{children:t,hidden:n,className:r}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function h(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const v={toc:[],getValues:h},f="wrapper";function y(e){let{components:t,...n}=e;return(0,a.kt)(f,(0,r.Z)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:h(n),mdxType:"Tabs"},(0,a.kt)(b,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(b,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(b,{value:"api",mdxType:"TabItem"},n.api)))}y.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/f4f5dc73.b5d8bf9e.js b/docs/assets/js/f4f5dc73.b5d8bf9e.js new file mode 100644 index 0000000000..7f8a85cf9f --- /dev/null +++ b/docs/assets/js/f4f5dc73.b5d8bf9e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5392],{5788:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>b});var r=n(1504);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var u=r.createContext({}),i=function(e){var t=r.useContext(u),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=i(e.components);return r.createElement(u.Provider,{value:t},e.children)},p="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,u=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),p=i(n),m=o,b=p["".concat(u,".").concat(m)]||p[m]||d[m]||a;return n?r.createElement(b,l(l({ref:t},c),{},{components:n})):r.createElement(b,l({ref:t},c))}));function b(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,l=new Array(a);l[0]=m;var s={};for(var u in t)hasOwnProperty.call(t,u)&&(s[u]=t[u]);s.originalType=e,s[p]="string"==typeof e?e:o,l[1]=s;for(var i=2;i{n.r(t),n.d(t,{contentTitle:()=>y,default:()=>w,frontMatter:()=>b,metadata:()=>h,toc:()=>v});var r=n(5072),o=(n(1504),n(5788)),a=n(7144);const l={toc:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}]},s="wrapper";function u(e){let{components:t,...n}=e;return(0,o.yg)(s,(0,r.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("p",null,"The Breadcrumb informs the users on their current location relative to the homepage of the website and allows them to navigate to higher levels. It is a series links except the last item in the group, which is the current page."),(0,o.yg)("h3",{id:"dos"},"Do's"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},'the first element of the breadcrumb must always be labelled "Home" and must link to the homepage of the actual site where the current user page is located')),(0,o.yg)("h3",{id:"donts"},"Don'ts"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"use long labels which creates visual clutter"),(0,o.yg)("li",{parentName:"ul"},"breadcrumb links cannot exceed 220px in length else they will be truncated")),(0,o.yg)("h3",{id:"when-to-use"},"When to use"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"if your website's navigational structure is a tree of more than 2 levels")),(0,o.yg)("h3",{id:"when-not-to-use"},"When not to use"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"if your website's navigational structure has less than 3 levels of depth")))}u.isMDXComponent=!0;var i=n(4620);const c={toc:[{value:"Default",id:"default",children:[],level:2}]},p="wrapper";function d(e){let{components:t,...n}=e;return(0,o.yg)(p,(0,r.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("h2",{id:"default"},"Default"),(0,o.yg)(i.cp,{id:"components-breadcrumb--default",mdxType:"Iframe"}," "))}d.isMDXComponent=!0;m="BreadcrumbJSDoc";var m;const b={title:"Breadcrumb",description:"",hide_table_of_contents:!0},y=void 0,h={unversionedId:"webdev/Components/Breadcrumb",id:"webdev/Components/Breadcrumb",title:"Breadcrumb",description:"",source:"@site/docs/webdev/5-Components/2-Breadcrumb.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Breadcrumb",permalink:"/volto-eea-design-system/docs/webdev/Components/Breadcrumb",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/breadcrumb_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"Breadcrumb",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Accordion",permalink:"/volto-eea-design-system/docs/webdev/Components/Accordion"},next:{title:"Buttons",permalink:"/volto-eea-design-system/docs/webdev/Components/Buttons"}},v=[],f={toc:v},g="wrapper";function w(e){let{components:t,...n}=e;return(0,o.yg)(g,(0,r.c)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)(a.cp,{usage:(0,o.yg)(u,{mdxType:"Usage"}),showcase:(0,o.yg)(d,{mdxType:"Showcase"}),mdxType:"Tabs"}))}w.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>i});var r=n(5072),o=(n(1504),n(5788)),a=n(8264);function l(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const s={toc:[],getUrl:l},u="wrapper";function i(e){let{components:t,...n}=e;return(0,o.yg)(u,(0,r.c)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("div",{className:"frameWrapper"},(0,o.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:l()+"/iframe.html?id="+n.id,title:"description"})))}i.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>f});var r=n(5072),o=n(1504),a=n(5788),l=n(3664),s=n(7676);const u=function(){const e=(0,o.useContext)(s.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var i=n(7572),c=n(4971);const p={tabItem:"tabItem_vU9c"};function d(e){const{lazy:t,block:n,defaultValue:r,values:a,groupId:l,className:s}=e,d=o.Children.map(e.children,(e=>{if((0,o.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),m=a??d.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),b=(0,i.wn)(m,((e,t)=>e.value===t.value));if(b.length>0)throw new Error(`Docusaurus error: Duplicate values "${b.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===r?r:r??d.find((e=>e.props.default))?.props.value??d[0]?.props.value;if(null!==y&&!m.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${m.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:h,setTabGroupChoices:v}=u(),[f,g]=(0,o.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:T}=(0,i.MV)();if(null!=l){const e=h[l];null!=e&&e!==f&&m.some((t=>t.value===e))&&g(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),r=m[n].value;r!==f&&(T(t),g(r),null!=l&&v(l,r))},O=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return o.createElement("div",{className:"tabs-container"},o.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.c)("tabs",{"tabs--block":n},s)},m.map((e=>{let{value:t,label:n}=e;return o.createElement("li",{role:"tab",tabIndex:f===t?0:-1,"aria-selected":f===t,className:(0,c.c)("tabs__item",p.tabItem,{"tabs__item--active":f===t}),key:t,ref:e=>w.push(e),onKeyDown:O,onFocus:x,onClick:x},n??t)}))),t?(0,o.cloneElement)(d.filter((e=>e.props.value===f))[0],{className:"margin-vert--md"}):o.createElement("div",{className:"margin-vert--md"},d.map(((e,t)=>(0,o.cloneElement)(e,{key:t,hidden:e.props.value!==f})))))}function m(e){const t=(0,l.c)();return o.createElement(d,(0,r.c)({key:String(t)},e))}const b=function(e){let{children:t,hidden:n,className:r}=e;return o.createElement("div",{role:"tabpanel",hidden:n,className:r},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const h={toc:[],getValues:y},v="wrapper";function f(e){let{components:t,...n}=e;return(0,a.yg)(v,(0,r.c)({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(m,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,a.yg)(b,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(b,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(b,{value:"api",mdxType:"TabItem"},n.api)))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/f601d3af.4a574066.js b/docs/assets/js/f601d3af.0324a4ab.js similarity index 52% rename from docs/assets/js/f601d3af.4a574066.js rename to docs/assets/js/f601d3af.0324a4ab.js index a2801a6776..3cdeaafd7c 100644 --- a/docs/assets/js/f601d3af.4a574066.js +++ b/docs/assets/js/f601d3af.0324a4ab.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4419],{3905:(e,t,n)=>{n.d(t,{Zo:()=>d,kt:()=>m});var o=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function i(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s=o.createContext({}),u=function(e){var t=o.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},d=function(e){var t=u(e.components);return o.createElement(s.Provider,{value:t},e.children)},c="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},h=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,s=e.parentName,d=l(e,["components","mdxType","originalType","parentName"]),c=u(n),h=r,m=c["".concat(s,".").concat(h)]||c[h]||p[h]||a;return n?o.createElement(m,i(i({ref:t},d),{},{components:n})):o.createElement(m,i({ref:t},d))}));function m(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,i=new Array(a);i[0]=h;var l={};for(var s in t)hasOwnProperty.call(t,s)&&(l[s]=t[s]);l.originalType=e,l[c]="string"==typeof e?e:r,i[1]=l;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>m,default:()=>y,frontMatter:()=>h,metadata:()=>v,toc:()=>f});var o=n(7462),r=(n(7294),n(3905)),a=n(4037);const i={toc:[{value:"Ordered lists",id:"ordered-lists",children:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}],level:2},{value:"Unordered list",id:"unordered-list",children:[{value:"Do's",id:"dos-1",children:[],level:3},{value:"Don'ts",id:"donts-1",children:[],level:3},{value:"When to use",id:"when-to-use-1",children:[],level:3},{value:"When not to use",id:"when-not-to-use-1",children:[],level:3}],level:2},{value:"Description lists",id:"description-lists",children:[{value:"Do's",id:"dos-2",children:[],level:3},{value:"Don'ts",id:"donts-2",children:[],level:3},{value:"When to use",id:"when-to-use-2",children:[],level:3},{value:"When not to use",id:"when-not-to-use-2",children:[],level:3}],level:2}]},l="wrapper";function s(e){let{components:t,...n}=e;return(0,r.kt)(l,(0,o.Z)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"Used to present chunks of information in a concise and scannable way, lists help to organise content related to a single topic, grouping together a set of items or text options."),(0,r.kt)("h2",{id:"ordered-lists"},"Ordered lists"),(0,r.kt)("p",null,"Ordered lists display a set of items in a sequential and logical order, indicated by a number in front of the label. Common use cases include counting, ranking or sequencing, but can be used in everything that has a hierarchy. Different list styles can be applied to list items, like numbers, roman numerals or letters, which can be used interchangeably when nesting (e.g. nested item 1 & 2 under item 3)."),(0,r.kt)("h3",{id:"dos"},"Do's"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"make sure the items are placed in hierarchical order so that the relation, rank or order is obvious to the user"),(0,r.kt)("li",{parentName:"ul"},"indicate the external links, if linking to any pages external to the EEA"),(0,r.kt)("li",{parentName:"ul"},"for easy to read purpose, try to use labels that are relatively consistent in characters & width")),(0,r.kt)("h3",{id:"donts"},"Don'ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"do not nest lists deeper than 3 levels")),(0,r.kt)("h3",{id:"when-to-use"},"When to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"use ordered lists when you need to display items in a specific order or to indicate hierarchy")),(0,r.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"do not use it for navigation purpose"),(0,r.kt)("li",{parentName:"ul"},"do not use it when all items have equal value or importance"),(0,r.kt)("li",{parentName:"ul"},"do not use when you have one or more overarching categories that require descriptions")),(0,r.kt)("h2",{id:"unordered-list"},"Unordered list"),(0,r.kt)("p",null,"Unordered lists are used to group related content without any particular order, with bullet points placed in front of the labels. Common use cases are much broader than ordered lists. They are used for a set of items that can be arranged in any specific order. Different bullet list styles are available to unordered list items, such as disc, circle, square or hyphen when nesting (eg. 2 sub-points under point 2)."),(0,r.kt)("h3",{id:"dos-1"},"Do's"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"indicate the external links, if linking to any pages external to the EEA"),(0,r.kt)("li",{parentName:"ul"},"for easy to read purpose, try to use labels that are relatively consistent in characters & width")),(0,r.kt)("h3",{id:"donts-1"},"Don'ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"do not nest lists deeper than 3 levels in order to avoid clutters")),(0,r.kt)("h3",{id:"when-to-use-1"},"When to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"use it when you need to display items that do not have a specific order or hierarchy")),(0,r.kt)("h3",{id:"when-not-to-use-1"},"When not to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"do not use it for navigation purpose"),(0,r.kt)("li",{parentName:"ul"},"do not use it when items can be ranked, counted or sequenced"),(0,r.kt)("li",{parentName:"ul"},"do not use when you have one or more overarching categories or terms require descriptions")),(0,r.kt)("h2",{id:"description-lists"},"Description lists"),(0,r.kt)("p",null,"Description lists are used to display and organise content with a descriptions. Common use cases include glossary, or a list of speakers with their biographies. "),(0,r.kt)("h3",{id:"dos-2"},"Do's"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"keep label short and meaningful"),(0,r.kt)("li",{parentName:"ul"},"order logically according to their hierarchy, significance and degree of relatedness"),(0,r.kt)("li",{parentName:"ul"},"avoid using long sentences"),(0,r.kt)("li",{parentName:"ul"},"try to use labels that are relatively consistent in characters & width"),(0,r.kt)("li",{parentName:"ul"},"add a meaningful description or explanation of each term")),(0,r.kt)("h3",{id:"donts-2"},"Don'ts"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"do not use an active voice"),(0,r.kt)("li",{parentName:"ul"},"do not nest description lists")),(0,r.kt)("h3",{id:"when-to-use-2"},"When to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"use a description list when the terms in the list require a specific description or explanation"),(0,r.kt)("li",{parentName:"ul"},"on content pages to add additional information(such as latest update on the content of a page) or link to pages of interest")),(0,r.kt)("h3",{id:"when-not-to-use-2"},"When not to use"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"do not use it for navigation purpose"),(0,r.kt)("li",{parentName:"ul"},"do not use it when items can be ranked, counted or sequenced")))}s.isMDXComponent=!0;var u=n(7521);const d={toc:[{value:"Default List",id:"default-list",children:[],level:2},{value:"Description List",id:"description-list",children:[],level:2},{value:"Ordered List",id:"ordered-list",children:[],level:2},{value:"Unordered List",id:"unordered-list",children:[],level:2}]},c="wrapper";function p(e){let{components:t,...n}=e;return(0,r.kt)(c,(0,o.Z)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h2",{id:"default-list"},"Default List"),(0,r.kt)(u.ZP,{id:"components-list--default",height:"180",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"description-list"},"Description List"),(0,r.kt)(u.ZP,{id:"components-list-description-list--default",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"ordered-list"},"Ordered List"),(0,r.kt)(u.ZP,{id:"components-list-ordered-list--default&args=",height:"590",mdxType:"Iframe"}," "),(0,r.kt)("h2",{id:"unordered-list"},"Unordered List"),(0,r.kt)(u.ZP,{id:"components-list-unordered-list--default",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;const h={title:"List",description:"",hide_table_of_contents:!0},m=void 0,v={unversionedId:"webdev/Components/Lists",id:"webdev/Components/Lists",title:"List",description:"",source:"@site/docs/webdev/5-Components/13-Lists.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Lists",permalink:"/volto-eea-design-system/docs/webdev/Components/Lists",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/list_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:13,frontMatter:{title:"List",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Label",permalink:"/volto-eea-design-system/docs/webdev/Components/Labels"},next:{title:"Logo",permalink:"/volto-eea-design-system/docs/webdev/Components/Logo"}},f=[],b={toc:f},k="wrapper";function y(e){let{components:t,...n}=e;return(0,r.kt)(k,(0,o.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(a.ZP,{usage:(0,r.kt)(s,{mdxType:"Usage"}),showcase:(0,r.kt)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}y.isMDXComponent=!0},7521:(e,t,n)=>{n.d(t,{ZP:()=>u});var o=n(7462),r=(n(7294),n(3905)),a=n(2263);function i(){const{siteConfig:e}=(0,a.Z)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:i},s="wrapper";function u(e){let{components:t,...n}=e;return(0,r.kt)(s,(0,o.Z)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("div",{className:"frameWrapper"},(0,r.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:i()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},4037:(e,t,n)=>{n.d(t,{ZP:()=>k});var o=n(7462),r=n(7294),a=n(3905),i=n(2389),l=n(9443);const s=function(){const e=(0,r.useContext)(l.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(3810),d=n(6010);const c={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:i,className:l}=e,p=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),h=a??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),m=(0,u.lx)(h,((e,t)=>e.value===t.value));if(m.length>0)throw new Error(`Docusaurus error: Duplicate values "${m.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const v=null===o?o:o??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==v&&!h.some((e=>e.value===v)))throw new Error(`Docusaurus error: The has a defaultValue "${v}" but none of its children has the corresponding value. Available values are: ${h.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:f,setTabGroupChoices:b}=s(),[k,y]=(0,r.useState)(v),g=[],{blockElementScrollPositionUntilNextRender:w}=(0,u.o5)();if(null!=i){const e=f[i];null!=e&&e!==k&&h.some((t=>t.value===e))&&y(e)}const x=e=>{const t=e.currentTarget,n=g.indexOf(t),o=h[n].value;o!==k&&(w(t),y(o),null!=i&&b(i,o))},D=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=g.indexOf(e.currentTarget)+1;t=g[n]||g[0];break}case"ArrowLeft":{const n=g.indexOf(e.currentTarget)-1;t=g[n]||g[g.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,d.Z)("tabs",{"tabs--block":n},l)},h.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:k===t?0:-1,"aria-selected":k===t,className:(0,d.Z)("tabs__item",c.tabItem,{"tabs__item--active":k===t}),key:t,ref:e=>g.push(e),onKeyDown:D,onFocus:x,onClick:x},n??t)}))),t?(0,r.cloneElement)(p.filter((e=>e.props.value===k))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==k})))))}function h(e){const t=(0,i.Z)();return r.createElement(p,(0,o.Z)({key:String(t)},e))}const m=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function v(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const f={toc:[],getValues:v},b="wrapper";function k(e){let{components:t,...n}=e;return(0,a.kt)(b,(0,o.Z)({},f,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(h,{defaultValue:"usage",values:v(n),mdxType:"Tabs"},(0,a.kt)(m,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(m,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(m,{value:"api",mdxType:"TabItem"},n.api)))}k.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4274],{5788:(e,t,n)=>{n.d(t,{Iu:()=>d,yg:()=>m});var o=n(1504);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function i(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s=o.createContext({}),u=function(e){var t=o.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},d=function(e){var t=u(e.components);return o.createElement(s.Provider,{value:t},e.children)},c="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},h=o.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,s=e.parentName,d=l(e,["components","mdxType","originalType","parentName"]),c=u(n),h=r,m=c["".concat(s,".").concat(h)]||c[h]||p[h]||a;return n?o.createElement(m,i(i({ref:t},d),{},{components:n})):o.createElement(m,i({ref:t},d))}));function m(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,i=new Array(a);i[0]=h;var l={};for(var s in t)hasOwnProperty.call(t,s)&&(l[s]=t[s]);l.originalType=e,l[c]="string"==typeof e?e:r,i[1]=l;for(var u=2;u{n.r(t),n.d(t,{contentTitle:()=>m,default:()=>b,frontMatter:()=>h,metadata:()=>y,toc:()=>g});var o=n(5072),r=(n(1504),n(5788)),a=n(7144);const i={toc:[{value:"Ordered lists",id:"ordered-lists",children:[{value:"Do's",id:"dos",children:[],level:3},{value:"Don'ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}],level:2},{value:"Unordered list",id:"unordered-list",children:[{value:"Do's",id:"dos-1",children:[],level:3},{value:"Don'ts",id:"donts-1",children:[],level:3},{value:"When to use",id:"when-to-use-1",children:[],level:3},{value:"When not to use",id:"when-not-to-use-1",children:[],level:3}],level:2},{value:"Description lists",id:"description-lists",children:[{value:"Do's",id:"dos-2",children:[],level:3},{value:"Don'ts",id:"donts-2",children:[],level:3},{value:"When to use",id:"when-to-use-2",children:[],level:3},{value:"When not to use",id:"when-not-to-use-2",children:[],level:3}],level:2}]},l="wrapper";function s(e){let{components:t,...n}=e;return(0,r.yg)(l,(0,o.c)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("p",null,"Used to present chunks of information in a concise and scannable way, lists help to organise content related to a single topic, grouping together a set of items or text options."),(0,r.yg)("h2",{id:"ordered-lists"},"Ordered lists"),(0,r.yg)("p",null,"Ordered lists display a set of items in a sequential and logical order, indicated by a number in front of the label. Common use cases include counting, ranking or sequencing, but can be used in everything that has a hierarchy. Different list styles can be applied to list items, like numbers, roman numerals or letters, which can be used interchangeably when nesting (e.g. nested item 1 & 2 under item 3)."),(0,r.yg)("h3",{id:"dos"},"Do's"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"make sure the items are placed in hierarchical order so that the relation, rank or order is obvious to the user"),(0,r.yg)("li",{parentName:"ul"},"indicate the external links, if linking to any pages external to the EEA"),(0,r.yg)("li",{parentName:"ul"},"for easy to read purpose, try to use labels that are relatively consistent in characters & width")),(0,r.yg)("h3",{id:"donts"},"Don'ts"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"do not nest lists deeper than 3 levels")),(0,r.yg)("h3",{id:"when-to-use"},"When to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"use ordered lists when you need to display items in a specific order or to indicate hierarchy")),(0,r.yg)("h3",{id:"when-not-to-use"},"When not to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"do not use it for navigation purpose"),(0,r.yg)("li",{parentName:"ul"},"do not use it when all items have equal value or importance"),(0,r.yg)("li",{parentName:"ul"},"do not use when you have one or more overarching categories that require descriptions")),(0,r.yg)("h2",{id:"unordered-list"},"Unordered list"),(0,r.yg)("p",null,"Unordered lists are used to group related content without any particular order, with bullet points placed in front of the labels. Common use cases are much broader than ordered lists. They are used for a set of items that can be arranged in any specific order. Different bullet list styles are available to unordered list items, such as disc, circle, square or hyphen when nesting (eg. 2 sub-points under point 2)."),(0,r.yg)("h3",{id:"dos-1"},"Do's"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"indicate the external links, if linking to any pages external to the EEA"),(0,r.yg)("li",{parentName:"ul"},"for easy to read purpose, try to use labels that are relatively consistent in characters & width")),(0,r.yg)("h3",{id:"donts-1"},"Don'ts"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"do not nest lists deeper than 3 levels in order to avoid clutters")),(0,r.yg)("h3",{id:"when-to-use-1"},"When to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"use it when you need to display items that do not have a specific order or hierarchy")),(0,r.yg)("h3",{id:"when-not-to-use-1"},"When not to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"do not use it for navigation purpose"),(0,r.yg)("li",{parentName:"ul"},"do not use it when items can be ranked, counted or sequenced"),(0,r.yg)("li",{parentName:"ul"},"do not use when you have one or more overarching categories or terms require descriptions")),(0,r.yg)("h2",{id:"description-lists"},"Description lists"),(0,r.yg)("p",null,"Description lists are used to display and organise content with a descriptions. Common use cases include glossary, or a list of speakers with their biographies. "),(0,r.yg)("h3",{id:"dos-2"},"Do's"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"keep label short and meaningful"),(0,r.yg)("li",{parentName:"ul"},"order logically according to their hierarchy, significance and degree of relatedness"),(0,r.yg)("li",{parentName:"ul"},"avoid using long sentences"),(0,r.yg)("li",{parentName:"ul"},"try to use labels that are relatively consistent in characters & width"),(0,r.yg)("li",{parentName:"ul"},"add a meaningful description or explanation of each term")),(0,r.yg)("h3",{id:"donts-2"},"Don'ts"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"do not use an active voice"),(0,r.yg)("li",{parentName:"ul"},"do not nest description lists")),(0,r.yg)("h3",{id:"when-to-use-2"},"When to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"use a description list when the terms in the list require a specific description or explanation"),(0,r.yg)("li",{parentName:"ul"},"on content pages to add additional information(such as latest update on the content of a page) or link to pages of interest")),(0,r.yg)("h3",{id:"when-not-to-use-2"},"When not to use"),(0,r.yg)("ul",null,(0,r.yg)("li",{parentName:"ul"},"do not use it for navigation purpose"),(0,r.yg)("li",{parentName:"ul"},"do not use it when items can be ranked, counted or sequenced")))}s.isMDXComponent=!0;var u=n(4620);const d={toc:[{value:"Default List",id:"default-list",children:[],level:2},{value:"Description List",id:"description-list",children:[],level:2},{value:"Ordered List",id:"ordered-list",children:[],level:2},{value:"Unordered List",id:"unordered-list",children:[],level:2}]},c="wrapper";function p(e){let{components:t,...n}=e;return(0,r.yg)(c,(0,o.c)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("h2",{id:"default-list"},"Default List"),(0,r.yg)(u.cp,{id:"components-list--default",height:"180",mdxType:"Iframe"}," "),(0,r.yg)("h2",{id:"description-list"},"Description List"),(0,r.yg)(u.cp,{id:"components-list-description-list--default",mdxType:"Iframe"}," "),(0,r.yg)("h2",{id:"ordered-list"},"Ordered List"),(0,r.yg)(u.cp,{id:"components-list-ordered-list--default&args=",height:"590",mdxType:"Iframe"}," "),(0,r.yg)("h2",{id:"unordered-list"},"Unordered List"),(0,r.yg)(u.cp,{id:"components-list-unordered-list--default",mdxType:"Iframe"}," "))}p.isMDXComponent=!0;const h={title:"List",description:"",hide_table_of_contents:!0},m=void 0,y={unversionedId:"webdev/Components/Lists",id:"webdev/Components/Lists",title:"List",description:"",source:"@site/docs/webdev/5-Components/13-Lists.mdx",sourceDirName:"webdev/5-Components",slug:"/webdev/Components/Lists",permalink:"/volto-eea-design-system/docs/webdev/Components/Lists",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/md_components/list_components/usage_markdown.md",tags:[],version:"current",sidebarPosition:13,frontMatter:{title:"List",description:"",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Label",permalink:"/volto-eea-design-system/docs/webdev/Components/Labels"},next:{title:"Logo",permalink:"/volto-eea-design-system/docs/webdev/Components/Logo"}},g=[],v={toc:g},f="wrapper";function b(e){let{components:t,...n}=e;return(0,r.yg)(f,(0,o.c)({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)(a.cp,{usage:(0,r.yg)(s,{mdxType:"Usage"}),showcase:(0,r.yg)(p,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}b.isMDXComponent=!0},4620:(e,t,n)=>{n.d(t,{cp:()=>u});var o=n(5072),r=(n(1504),n(5788)),a=n(8264);function i(){const{siteConfig:e}=(0,a.c)(),{customFields:t}=e;return t.storyBookUrl}const l={toc:[],getUrl:i},s="wrapper";function u(e){let{components:t,...n}=e;return(0,r.yg)(s,(0,o.c)({},l,n,{components:t,mdxType:"MDXLayout"}),(0,r.yg)("div",{className:"frameWrapper"},(0,r.yg)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:i()+"/iframe.html?id="+n.id,title:"description"})))}u.isMDXComponent=!0},7144:(e,t,n)=>{n.d(t,{cp:()=>f});var o=n(5072),r=n(1504),a=n(5788),i=n(3664),l=n(7676);const s=function(){const e=(0,r.useContext)(l.c);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e};var u=n(7572),d=n(4971);const c={tabItem:"tabItem_vU9c"};function p(e){const{lazy:t,block:n,defaultValue:o,values:a,groupId:i,className:l}=e,p=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)})),h=a??p.map((e=>{let{props:{value:t,label:n}}=e;return{value:t,label:n}})),m=(0,u.wn)(h,((e,t)=>e.value===t.value));if(m.length>0)throw new Error(`Docusaurus error: Duplicate values "${m.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`);const y=null===o?o:o??p.find((e=>e.props.default))?.props.value??p[0]?.props.value;if(null!==y&&!h.some((e=>e.value===y)))throw new Error(`Docusaurus error: The has a defaultValue "${y}" but none of its children has the corresponding value. Available values are: ${h.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:g,setTabGroupChoices:v}=s(),[f,b]=(0,r.useState)(y),w=[],{blockElementScrollPositionUntilNextRender:D}=(0,u.MV)();if(null!=i){const e=g[i];null!=e&&e!==f&&h.some((t=>t.value===e))&&b(e)}const x=e=>{const t=e.currentTarget,n=w.indexOf(t),o=h[n].value;o!==f&&(D(t),b(o),null!=i&&v(i,o))},T=e=>{let t=null;switch(e.key){case"ArrowRight":{const n=w.indexOf(e.currentTarget)+1;t=w[n]||w[0];break}case"ArrowLeft":{const n=w.indexOf(e.currentTarget)-1;t=w[n]||w[w.length-1];break}}t?.focus()};return r.createElement("div",{className:"tabs-container"},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,d.c)("tabs",{"tabs--block":n},l)},h.map((e=>{let{value:t,label:n}=e;return r.createElement("li",{role:"tab",tabIndex:f===t?0:-1,"aria-selected":f===t,className:(0,d.c)("tabs__item",c.tabItem,{"tabs__item--active":f===t}),key:t,ref:e=>w.push(e),onKeyDown:T,onFocus:x,onClick:x},n??t)}))),t?(0,r.cloneElement)(p.filter((e=>e.props.value===f))[0],{className:"margin-vert--md"}):r.createElement("div",{className:"margin-vert--md"},p.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==f})))))}function h(e){const t=(0,i.c)();return r.createElement(p,(0,o.c)({key:String(t)},e))}const m=function(e){let{children:t,hidden:n,className:o}=e;return r.createElement("div",{role:"tabpanel",hidden:n,className:o},t)};function y(e){let t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}const g={toc:[],getValues:y},v="wrapper";function f(e){let{components:t,...n}=e;return(0,a.yg)(v,(0,o.c)({},g,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)(h,{defaultValue:"usage",values:y(n),mdxType:"Tabs"},(0,a.yg)(m,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.yg)(m,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.yg)(m,{value:"api",mdxType:"TabItem"},n.api)))}f.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/f8c0402f.6a8c6376.js b/docs/assets/js/f8c0402f.4bbdc624.js similarity index 86% rename from docs/assets/js/f8c0402f.6a8c6376.js rename to docs/assets/js/f8c0402f.4bbdc624.js index 983e355bfc..f97735444b 100644 --- a/docs/assets/js/f8c0402f.6a8c6376.js +++ b/docs/assets/js/f8c0402f.4bbdc624.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6515],{1303:e=>{e.exports=JSON.parse('{"title":"Components","slug":"/category/components","permalink":"/volto-eea-design-system/docs/category/components","navigation":{"previous":{"title":"Page Header","permalink":"/volto-eea-design-system/docs/webdev/Templates/PageHeader"},"next":{"title":"Accordion","permalink":"/volto-eea-design-system/docs/webdev/Components/Accordion"}}}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2392],{3056:e=>{e.exports=JSON.parse('{"title":"Components","slug":"/category/components","permalink":"/volto-eea-design-system/docs/category/components","navigation":{"previous":{"title":"Page Header","permalink":"/volto-eea-design-system/docs/webdev/Templates/PageHeader"},"next":{"title":"Accordion","permalink":"/volto-eea-design-system/docs/webdev/Components/Accordion"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/f9ee06b1.136c147f.js b/docs/assets/js/f9ee06b1.a1cda8f5.js similarity index 62% rename from docs/assets/js/f9ee06b1.136c147f.js rename to docs/assets/js/f9ee06b1.a1cda8f5.js index e68fdb614c..22bb1df090 100644 --- a/docs/assets/js/f9ee06b1.136c147f.js +++ b/docs/assets/js/f9ee06b1.a1cda8f5.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3166],{3905:(e,t,n)=>{n.d(t,{Zo:()=>p,kt:()=>h});var o=n(7294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function r(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var l=o.createContext({}),c=function(e){var t=o.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):r(r({},t),e)),n},p=function(e){var t=c(e.components);return o.createElement(l.Provider,{value:t},e.children)},m="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},u=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,i=e.originalType,l=e.parentName,p=s(e,["components","mdxType","originalType","parentName"]),m=c(n),u=a,h=m["".concat(l,".").concat(u)]||m[u]||d[u]||i;return n?o.createElement(h,r(r({ref:t},p),{},{components:n})):o.createElement(h,r({ref:t},p))}));function h(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var i=n.length,r=new Array(i);r[0]=u;var s={};for(var l in t)hasOwnProperty.call(t,l)&&(s[l]=t[l]);s.originalType=e,s[m]="string"==typeof e?e:a,r[1]=s;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>r,default:()=>m,frontMatter:()=>i,metadata:()=>s,toc:()=>l});var o=n(7462),a=(n(7294),n(3905));const i={title:"Developer Guidelines",description:"Developer guidelines for developers of the EEA Design System",hide_table_of_contents:!1},r="Developer Guidelines",s={unversionedId:"webdev/Resources/developer-guidelines",id:"webdev/Resources/developer-guidelines",title:"Developer Guidelines",description:"Developer guidelines for developers of the EEA Design System",source:"@site/docs/webdev/8-Resources/developer-guidelines.md",sourceDirName:"webdev/8-Resources",slug:"/webdev/Resources/developer-guidelines",permalink:"/volto-eea-design-system/docs/webdev/Resources/developer-guidelines",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/8-Resources/developer-guidelines.md",tags:[],version:"current",frontMatter:{title:"Developer Guidelines",description:"Developer guidelines for developers of the EEA Design System",hide_table_of_contents:!1},sidebar:"sidebar",previous:{title:"Resources",permalink:"/volto-eea-design-system/docs/category/resources"},next:{title:"Theming Guidelines",permalink:"/volto-eea-design-system/docs/webdev/Resources/theming-guidelines"}},l=[{value:"React components",id:"react-components",children:[{value:"Basic Rules",id:"basic-rules",children:[],level:3},{value:"Naming",id:"naming",children:[],level:3},{value:"Other",id:"other",children:[],level:3}],level:2},{value:"Storybook",id:"storybook",children:[],level:2}],c={toc:l},p="wrapper";function m(e){let{components:t,...n}=e;return(0,a.kt)(p,(0,o.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"developer-guidelines"},"Developer Guidelines"),(0,a.kt)("p",null,"In drafting the EEA Design System Developer's Guidelines, we have the following\nqualities as desirable aspects for the code we produce:"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.kt)("strong",{parentName:"p"},"maintainability"),". As a long lived software library, intended to be reused\nacross many EEA websites, the code should promote maintainability as one\nprimary aspect. This implies ",(0,a.kt)("strong",{parentName:"p"},"clean"),", ",(0,a.kt)("strong",{parentName:"p"},"simple"),", ",(0,a.kt)("strong",{parentName:"p"},"consistent")," with the\nunderlying Semantic-UI CSS library that we use and the rest of frameworks\nwhere that will integrate the EEA Design Systems (Volto, in particular).")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.kt)("strong",{parentName:"p"},"flexibility"),". A fine balance needs to be maintained between too many\nconfiguration options and not enough flexibility which prevents components\nfrom being reused. We aim to make components flexible, as to promote their\nreusability")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.kt)("strong",{parentName:"p"},"framework independent"),". To avoid complications, the EEA Design System CSS\nand React components should be developed independently of their final\nintegration system. The aim is to simplify reimplementation or porting to\nother systems.")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.kt)("strong",{parentName:"p"},"consistent with Semantic-UI ecosystem"),". By following similar development\npatterns and conventions as the semantic-ui-less and the semantic-ui-react\nlibraries use, we ensure that we promote an intuitive approach to development\nand maintenance for the developers experienced with EEA systems.")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},(0,a.kt)("strong",{parentName:"p"},"prevent technical debt"),". Use best-practices, avoid hard coded and\nspaghetti code. Limit exposure to other third-party dependencies.\nRefactoring, if needed, should be prioritized as to avoid duplication of\nwork."))),(0,a.kt)("p",null,"Developers working on the EEA Design System should strive to follow the\nfollowing practical guidelines."),(0,a.kt)("h2",{id:"react-components"},"React components"),(0,a.kt)("h3",{id:"basic-rules"},"Basic Rules"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"In principle, one React component per file. When using subcomponents or\nrelated components, you can place them in the same file."),(0,a.kt)("li",{parentName:"ul"},"Use ",(0,a.kt)("a",{parentName:"li",href:"https://github.com/plone/volto/blob/master/.eslintrc"},"Volto's eslint configuration")," for\nlinting and Prettier integration"),(0,a.kt)("li",{parentName:"ul"},"Use best practice naming conventions, follow the closed library style\n(semantic-ui-less, semantic-ui-react)."),(0,a.kt)("li",{parentName:"ul"},"Configure editor to use Unix line endings (a must!)."),(0,a.kt)("li",{parentName:"ul"},"New components should be written as functional components, rather then class-based."),(0,a.kt)("li",{parentName:"ul"},'Components should not have minimal exposure to anything business-logic\nrelated. Text, labels, values, urls, etc should be provided only by the\nstories. Having these "hardcoded" in the components is a smell.')),(0,a.kt)("h3",{id:"naming"},"Naming"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"Use .jsx extension for React components"),(0,a.kt)("li",{parentName:"ul"},"Filename: Use PascalCase for filenames. E.g., ItemCard.jsx. ",(0,a.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/blob/40f78e362ca607ef3893fff3d03c8ed1b4447c11/src/customizations/components/theme/Footer/theme-sites.js"},"Bad example")),(0,a.kt)("li",{parentName:"ul"},"Image filenames: Use kebab-case for image filenames. E.g.\nlowercase-separated-by-dashes.png "),(0,a.kt)("li",{parentName:"ul"},"Variable naming: Use PascalCase for React components and camelCase for their\ninstances."),(0,a.kt)("li",{parentName:"ul"},"Component Naming: Use the filename as the component name. For example,\nReservationCard.jsx should have a reference name of ReservationCard. However,\nfor root components of a directory, use index.jsx as the filename and use the\ndirectory name as the component name."),(0,a.kt)("li",{parentName:"ul"},"Use camelCase for prop names, or PascalCase if the prop value is a React component."),(0,a.kt)("li",{parentName:"ul"},"Variables should precisely reflect their value and intended use. For example,\n",(0,a.kt)("inlineCode",{parentName:"li"},"activeMenu"),' does not reflect the type of value: is it the active menu name\nor "',(0,a.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/blob/f524325b2671abfb2aa538fa61759bcd7e7f0797/src/ui/Header/Header.jsx#L73"},"menu is active"),'"?')),(0,a.kt)("h3",{id:"other"},"Other"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"Make components generic and flexible. Don't hardcode values, make them props."),(0,a.kt)("li",{parentName:"ul"},"Avoid using inline styles. Inline styles can be used in special cases in case\nthe style is derived from properties, for example setting background images\nor visibility of elements."),(0,a.kt)("li",{parentName:"ul"},"Don't place components inside ",(0,a.kt)("inlineCode",{parentName:"li"},"src/customizations"),". That's a special Volto\nlocation. Components should be worked on in ",(0,a.kt)("inlineCode",{parentName:"li"},"src/components"),". Only components\nthat override builtin Volto components need to be placed in\nsrc/customizations. EDW will do that when we make the integration with Volto."),(0,a.kt)("li",{parentName:"ul"},"Don't use long relative paths for imports. This rule also applies to .stories\nfiles. ",(0,a.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/blob/40f78e362ca607ef3893fff3d03c8ed1b4447c11/src/customizations/components/theme/Logo/Logo.jsx#L13"},"Bad example"),".\nUse imports relative to the package name, ex:")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre"},"import someImage from '@eeacms/volto-eea-design-system/../theme/assets/someFile.png';\n")),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"Don't namespace component names. Just use their simple functional name.\nAccordionEEA becomes Accordion. In our code, if we have conflicting imports,\nwe can do aliasing ",(0,a.kt)("inlineCode",{parentName:"li"},"import { Accordion as AccordionEEA } from '...'"),".\n",(0,a.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/blob/40f78e362ca607ef3893fff3d03c8ed1b4447c11/src/customizations/components/theme/Accordion/Accordion.js#L4"},"Bad example")),(0,a.kt)("li",{parentName:"ul"},"Use whitespace to separate and group imports from other code (for example\ncomponent declarations). ",(0,a.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/blob/40f78e362ca607ef3893fff3d03c8ed1b4447c11/src/customizations/components/theme/Comment/Comment.js#L3-L4"},"Bad example")),(0,a.kt)("li",{parentName:"ul"},"Don't work on components integrated with Volto. Make components basic and\nflexible so that they are ready to be integrated with Volto. ",(0,a.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/blob/40f78e362ca607ef3893fff3d03c8ed1b4447c11/src/customizations/components/theme/Navigation/Navigation.jsx"},"Bad example")),(0,a.kt)("li",{parentName:"ul"},"Subcomponents. Large composite components (for example the Footer) should be\nabstracted and split into multiple\n",(0,a.kt)("a",{parentName:"li",href:"https://react.semantic-ui.com/#sub-components"},"subcomponents"),". See the\nSemanticUI Card or Modal as example. The Footer could be implemented as\n",(0,a.kt)("inlineCode",{parentName:"li"},"Footer")," as wrapper component, ",(0,a.kt)("inlineCode",{parentName:"li"},"Footer.Section")," etc."),(0,a.kt)("li",{parentName:"ul"},"Provide an abstraction level in your components that favours short JSX code\npassages and high level structures. A single component that renders more then\n50 lines of JSX code has a smell and should be considered to be refactored.\nCode that is not fully visible in a single screen is hard to be read,\nunderstood and maintained in the future."),(0,a.kt)("li",{parentName:"ul"},"Imports should be sorted in the following order:")),(0,a.kt)("ol",null,(0,a.kt)("li",{parentName:"ol"},"Base libraries (react, semantic-ui, redux, other major third-party\ndependencies)"),(0,a.kt)("li",{parentName:"ol"},"Dependencies from Volto"),(0,a.kt)("li",{parentName:"ol"},"Dependencies from other EEA addons"),(0,a.kt)("li",{parentName:"ol"},"Dependencies from current package, referenced by absolute path name\n(namespace)"),(0,a.kt)("li",{parentName:"ol"},"Relative dependencies"),(0,a.kt)("li",{parentName:"ol"},"Static resources"),(0,a.kt)("li",{parentName:"ol"},"Volto configuration registry"),(0,a.kt)("li",{parentName:"ol"},"Side-effect imports (such as importing a css or less file)")),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"DRY. Code that is repeated, and in particular code that is closely situated,\nis should be a target of this rule."),(0,a.kt)("li",{parentName:"ul"},"Use the classnames package for classNames prop operations")),(0,a.kt)("h2",{id:"storybook"},"Storybook"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"Place stories next to components"),(0,a.kt)("li",{parentName:"ul"},"Aim for realistic demo aspects, For example, a mix\nof short and long text. To properly understand the card component, we need to\nknow if its height is fixed, what happens when placed next to another\ncomponent, what the spacing between multiple cards are, etc."),(0,a.kt)("li",{parentName:"ul"},"Variations should be provided as separate stories."),(0,a.kt)("li",{parentName:"ul"},"Aim for a comprehensive but realistic set of control options. While we treat\nSemantic-UI as the basic building block, the EEA Design System should provide\nguidelines as to what combinations of props and variations are allowed,\nto ensure a consistent look and feel. One place to document these constraints\nis in the control options we have in Storybook.")),(0,a.kt)("h2",{id:""}))}m.isMDXComponent=!0}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2988],{5788:(e,t,n)=>{n.d(t,{Iu:()=>p,yg:()=>g});var o=n(1504);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function r(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var l=o.createContext({}),c=function(e){var t=o.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):r(r({},t),e)),n},p=function(e){var t=c(e.components);return o.createElement(l.Provider,{value:t},e.children)},m="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},u=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,i=e.originalType,l=e.parentName,p=s(e,["components","mdxType","originalType","parentName"]),m=c(n),u=a,g=m["".concat(l,".").concat(u)]||m[u]||d[u]||i;return n?o.createElement(g,r(r({ref:t},p),{},{components:n})):o.createElement(g,r({ref:t},p))}));function g(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var i=n.length,r=new Array(i);r[0]=u;var s={};for(var l in t)hasOwnProperty.call(t,l)&&(s[l]=t[l]);s.originalType=e,s[m]="string"==typeof e?e:a,r[1]=s;for(var c=2;c{n.r(t),n.d(t,{contentTitle:()=>r,default:()=>m,frontMatter:()=>i,metadata:()=>s,toc:()=>l});var o=n(5072),a=(n(1504),n(5788));const i={title:"Developer Guidelines",description:"Developer guidelines for developers of the EEA Design System",hide_table_of_contents:!1},r="Developer Guidelines",s={unversionedId:"webdev/Resources/developer-guidelines",id:"webdev/Resources/developer-guidelines",title:"Developer Guidelines",description:"Developer guidelines for developers of the EEA Design System",source:"@site/docs/webdev/8-Resources/developer-guidelines.md",sourceDirName:"webdev/8-Resources",slug:"/webdev/Resources/developer-guidelines",permalink:"/volto-eea-design-system/docs/webdev/Resources/developer-guidelines",editUrl:"https://github.com/eea/volto-eea-design-system/edit/contribute-documentation/website/docs/webdev/8-Resources/developer-guidelines.md",tags:[],version:"current",frontMatter:{title:"Developer Guidelines",description:"Developer guidelines for developers of the EEA Design System",hide_table_of_contents:!1},sidebar:"sidebar",previous:{title:"Resources",permalink:"/volto-eea-design-system/docs/category/resources"},next:{title:"Theming Guidelines",permalink:"/volto-eea-design-system/docs/webdev/Resources/theming-guidelines"}},l=[{value:"React components",id:"react-components",children:[{value:"Basic Rules",id:"basic-rules",children:[],level:3},{value:"Naming",id:"naming",children:[],level:3},{value:"Other",id:"other",children:[],level:3}],level:2},{value:"Storybook",id:"storybook",children:[],level:2}],c={toc:l},p="wrapper";function m(e){let{components:t,...n}=e;return(0,a.yg)(p,(0,o.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("h1",{id:"developer-guidelines"},"Developer Guidelines"),(0,a.yg)("p",null,"In drafting the EEA Design System Developer's Guidelines, we have the following\nqualities as desirable aspects for the code we produce:"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("p",{parentName:"li"},(0,a.yg)("strong",{parentName:"p"},"maintainability"),". As a long lived software library, intended to be reused\nacross many EEA websites, the code should promote maintainability as one\nprimary aspect. This implies ",(0,a.yg)("strong",{parentName:"p"},"clean"),", ",(0,a.yg)("strong",{parentName:"p"},"simple"),", ",(0,a.yg)("strong",{parentName:"p"},"consistent")," with the\nunderlying Semantic-UI CSS library that we use and the rest of frameworks\nwhere that will integrate the EEA Design Systems (Volto, in particular).")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("p",{parentName:"li"},(0,a.yg)("strong",{parentName:"p"},"flexibility"),". A fine balance needs to be maintained between too many\nconfiguration options and not enough flexibility which prevents components\nfrom being reused. We aim to make components flexible, as to promote their\nreusability")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("p",{parentName:"li"},(0,a.yg)("strong",{parentName:"p"},"framework independent"),". To avoid complications, the EEA Design System CSS\nand React components should be developed independently of their final\nintegration system. The aim is to simplify reimplementation or porting to\nother systems.")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("p",{parentName:"li"},(0,a.yg)("strong",{parentName:"p"},"consistent with Semantic-UI ecosystem"),". By following similar development\npatterns and conventions as the semantic-ui-less and the semantic-ui-react\nlibraries use, we ensure that we promote an intuitive approach to development\nand maintenance for the developers experienced with EEA systems.")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("p",{parentName:"li"},(0,a.yg)("strong",{parentName:"p"},"prevent technical debt"),". Use best-practices, avoid hard coded and\nspaghetti code. Limit exposure to other third-party dependencies.\nRefactoring, if needed, should be prioritized as to avoid duplication of\nwork."))),(0,a.yg)("p",null,"Developers working on the EEA Design System should strive to follow the\nfollowing practical guidelines."),(0,a.yg)("h2",{id:"react-components"},"React components"),(0,a.yg)("h3",{id:"basic-rules"},"Basic Rules"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"In principle, one React component per file. When using subcomponents or\nrelated components, you can place them in the same file."),(0,a.yg)("li",{parentName:"ul"},"Use ",(0,a.yg)("a",{parentName:"li",href:"https://github.com/plone/volto/blob/master/.eslintrc"},"Volto's eslint configuration")," for\nlinting and Prettier integration"),(0,a.yg)("li",{parentName:"ul"},"Use best practice naming conventions, follow the closed library style\n(semantic-ui-less, semantic-ui-react)."),(0,a.yg)("li",{parentName:"ul"},"Configure editor to use Unix line endings (a must!)."),(0,a.yg)("li",{parentName:"ul"},"New components should be written as functional components, rather then class-based."),(0,a.yg)("li",{parentName:"ul"},'Components should not have minimal exposure to anything business-logic\nrelated. Text, labels, values, urls, etc should be provided only by the\nstories. Having these "hardcoded" in the components is a smell.')),(0,a.yg)("h3",{id:"naming"},"Naming"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"Use .jsx extension for React components"),(0,a.yg)("li",{parentName:"ul"},"Filename: Use PascalCase for filenames. E.g., ItemCard.jsx. ",(0,a.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/blob/40f78e362ca607ef3893fff3d03c8ed1b4447c11/src/customizations/components/theme/Footer/theme-sites.js"},"Bad example")),(0,a.yg)("li",{parentName:"ul"},"Image filenames: Use kebab-case for image filenames. E.g.\nlowercase-separated-by-dashes.png "),(0,a.yg)("li",{parentName:"ul"},"Variable naming: Use PascalCase for React components and camelCase for their\ninstances."),(0,a.yg)("li",{parentName:"ul"},"Component Naming: Use the filename as the component name. For example,\nReservationCard.jsx should have a reference name of ReservationCard. However,\nfor root components of a directory, use index.jsx as the filename and use the\ndirectory name as the component name."),(0,a.yg)("li",{parentName:"ul"},"Use camelCase for prop names, or PascalCase if the prop value is a React component."),(0,a.yg)("li",{parentName:"ul"},"Variables should precisely reflect their value and intended use. For example,\n",(0,a.yg)("inlineCode",{parentName:"li"},"activeMenu"),' does not reflect the type of value: is it the active menu name\nor "',(0,a.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/blob/f524325b2671abfb2aa538fa61759bcd7e7f0797/src/ui/Header/Header.jsx#L73"},"menu is active"),'"?')),(0,a.yg)("h3",{id:"other"},"Other"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"Make components generic and flexible. Don't hardcode values, make them props."),(0,a.yg)("li",{parentName:"ul"},"Avoid using inline styles. Inline styles can be used in special cases in case\nthe style is derived from properties, for example setting background images\nor visibility of elements."),(0,a.yg)("li",{parentName:"ul"},"Don't place components inside ",(0,a.yg)("inlineCode",{parentName:"li"},"src/customizations"),". That's a special Volto\nlocation. Components should be worked on in ",(0,a.yg)("inlineCode",{parentName:"li"},"src/components"),". Only components\nthat override builtin Volto components need to be placed in\nsrc/customizations. EDW will do that when we make the integration with Volto."),(0,a.yg)("li",{parentName:"ul"},"Don't use long relative paths for imports. This rule also applies to .stories\nfiles. ",(0,a.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/blob/40f78e362ca607ef3893fff3d03c8ed1b4447c11/src/customizations/components/theme/Logo/Logo.jsx#L13"},"Bad example"),".\nUse imports relative to the package name, ex:")),(0,a.yg)("pre",null,(0,a.yg)("code",{parentName:"pre"},"import someImage from '@eeacms/volto-eea-design-system/../theme/assets/someFile.png';\n")),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"Don't namespace component names. Just use their simple functional name.\nAccordionEEA becomes Accordion. In our code, if we have conflicting imports,\nwe can do aliasing ",(0,a.yg)("inlineCode",{parentName:"li"},"import { Accordion as AccordionEEA } from '...'"),".\n",(0,a.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/blob/40f78e362ca607ef3893fff3d03c8ed1b4447c11/src/customizations/components/theme/Accordion/Accordion.js#L4"},"Bad example")),(0,a.yg)("li",{parentName:"ul"},"Use whitespace to separate and group imports from other code (for example\ncomponent declarations). ",(0,a.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/blob/40f78e362ca607ef3893fff3d03c8ed1b4447c11/src/customizations/components/theme/Comment/Comment.js#L3-L4"},"Bad example")),(0,a.yg)("li",{parentName:"ul"},"Don't work on components integrated with Volto. Make components basic and\nflexible so that they are ready to be integrated with Volto. ",(0,a.yg)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/blob/40f78e362ca607ef3893fff3d03c8ed1b4447c11/src/customizations/components/theme/Navigation/Navigation.jsx"},"Bad example")),(0,a.yg)("li",{parentName:"ul"},"Subcomponents. Large composite components (for example the Footer) should be\nabstracted and split into multiple\n",(0,a.yg)("a",{parentName:"li",href:"https://react.semantic-ui.com/#sub-components"},"subcomponents"),". See the\nSemanticUI Card or Modal as example. The Footer could be implemented as\n",(0,a.yg)("inlineCode",{parentName:"li"},"Footer")," as wrapper component, ",(0,a.yg)("inlineCode",{parentName:"li"},"Footer.Section")," etc."),(0,a.yg)("li",{parentName:"ul"},"Provide an abstraction level in your components that favours short JSX code\npassages and high level structures. A single component that renders more then\n50 lines of JSX code has a smell and should be considered to be refactored.\nCode that is not fully visible in a single screen is hard to be read,\nunderstood and maintained in the future."),(0,a.yg)("li",{parentName:"ul"},"Imports should be sorted in the following order:")),(0,a.yg)("ol",null,(0,a.yg)("li",{parentName:"ol"},"Base libraries (react, semantic-ui, redux, other major third-party\ndependencies)"),(0,a.yg)("li",{parentName:"ol"},"Dependencies from Volto"),(0,a.yg)("li",{parentName:"ol"},"Dependencies from other EEA addons"),(0,a.yg)("li",{parentName:"ol"},"Dependencies from current package, referenced by absolute path name\n(namespace)"),(0,a.yg)("li",{parentName:"ol"},"Relative dependencies"),(0,a.yg)("li",{parentName:"ol"},"Static resources"),(0,a.yg)("li",{parentName:"ol"},"Volto configuration registry"),(0,a.yg)("li",{parentName:"ol"},"Side-effect imports (such as importing a css or less file)")),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"DRY. Code that is repeated, and in particular code that is closely situated,\nis should be a target of this rule."),(0,a.yg)("li",{parentName:"ul"},"Use the classnames package for classNames prop operations")),(0,a.yg)("h2",{id:"storybook"},"Storybook"),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},"Place stories next to components"),(0,a.yg)("li",{parentName:"ul"},"Aim for realistic demo aspects, For example, a mix\nof short and long text. To properly understand the card component, we need to\nknow if its height is fixed, what happens when placed next to another\ncomponent, what the spacing between multiple cards are, etc."),(0,a.yg)("li",{parentName:"ul"},"Variations should be provided as separate stories."),(0,a.yg)("li",{parentName:"ul"},"Aim for a comprehensive but realistic set of control options. While we treat\nSemantic-UI as the basic building block, the EEA Design System should provide\nguidelines as to what combinations of props and variations are allowed,\nto ensure a consistent look and feel. One place to document these constraints\nis in the control options we have in Storybook.")),(0,a.yg)("h2",{id:""}))}m.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/docs/assets/js/fe8a233d.a7fce259.js b/docs/assets/js/fe8a233d.01557da1.js similarity index 86% rename from docs/assets/js/fe8a233d.a7fce259.js rename to docs/assets/js/fe8a233d.01557da1.js index ac6af59099..d6f12421ad 100644 --- a/docs/assets/js/fe8a233d.a7fce259.js +++ b/docs/assets/js/fe8a233d.01557da1.js @@ -1 +1 @@ -"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3808],{9013:e=>{e.exports=JSON.parse('{"title":"Web content","slug":"/category/web-content","permalink":"/volto-eea-design-system/docs/category/web-content","navigation":{"previous":{"title":"Theming Guidelines","permalink":"/volto-eea-design-system/docs/webdev/Resources/theming-guidelines"},"next":{"title":"Guidelines","permalink":"/volto-eea-design-system/docs/webcontent/intro"}}}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2176],{4072:e=>{e.exports=JSON.parse('{"title":"Web content","slug":"/category/web-content","permalink":"/volto-eea-design-system/docs/category/web-content","navigation":{"previous":{"title":"Theming Guidelines","permalink":"/volto-eea-design-system/docs/webdev/Resources/theming-guidelines"},"next":{"title":"Guidelines","permalink":"/volto-eea-design-system/docs/webcontent/intro"}}}')}}]); \ No newline at end of file diff --git a/docs/assets/js/main.390b7e42.js b/docs/assets/js/main.390b7e42.js new file mode 100644 index 0000000000..8c8510ac8b --- /dev/null +++ b/docs/assets/js/main.390b7e42.js @@ -0,0 +1,2 @@ +/*! For license information please see main.390b7e42.js.LICENSE.txt */ +(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1590],{408:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={title:"EEA Design System",tagline:"Creating a consistent user experience for our digital products",url:"https://eea.github.io/",deploymentBranch:"develop-itml",baseUrl:"/volto-eea-design-system/",trailingSlash:!0,onBrokenLinks:"warn",onBrokenMarkdownLinks:"warn",favicon:"img/eea_icon.png",organizationName:"eea",projectName:"volto-eea-design-system",customFields:{storyBookUrl:"https://eea.github.io/eea-storybook/"},staticDirectories:["static"],themeConfig:{colorMode:{defaultMode:"light",disableSwitch:!1,respectPrefersColorScheme:!1,switchConfig:{darkIcon:"\ud83c\udf1c",darkIconStyle:{},lightIcon:"\ud83c\udf1e",lightIconStyle:{}}},announcementBar:{id:"alpha-release",content:'\ud83d\udea7 The EEA Design System is currently Work-In-Progress. See What\'s new for more information. \ud83d\udea7',backgroundColor:"#fafbfc",textColor:"#091E42",isCloseable:!1},navbar:{title:"EEA Design System",logo:{alt:"EEA Design System Logo",src:"img/eea_icon.png"},items:[{to:"docs/category/components",label:"Components",activeBaseRegex:"docs/(webdev|category)/(Components|components)",position:"left"},{to:"docs/category/web-content",label:"Web content",activeBaseRegex:"docs/(category/web-content|webcontent)",position:"left"},{to:"docs/category/publications",label:"Publications",activeBaseRegex:"docs/(category/publications|pubguide)",position:"left"},{to:"docs/category/maps-and-charts",label:"Maps and charts",activeBaseRegex:"docs/(dataguide|category/maps-and-charts)",position:"left"},{href:"https://github.com/eea/volto-eea-design-system",label:"GitHub",position:"right"}],hideOnScroll:!1},footer:{style:"dark",links:[{title:"See also",items:[{label:"EEA Website",href:"https://www.eea.europa.eu"},{label:"EEA Storybook",href:"https://eea.github.io/eea-storybook/"}]}],copyright:"Copyright \xa9 2024 EEA. Built with Docusaurus."},docs:{versionPersistence:"localStorage"},metadata:[],prism:{additionalLanguages:[]},hideableSidebar:!1,tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},presets:[["@docusaurus/preset-classic",{docs:{sidebarPath:"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/sidebars.js",exclude:["**/md_components/**","**/_partials/**"]},theme:{customCss:"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/src/css/custom.css"}}]],baseUrlIssueBanner:!0,i18n:{defaultLocale:"en",locales:["en"],localeConfigs:{}},onDuplicateRoutes:"warn",plugins:[],themes:[],titleDelimiter:"|",noIndex:!1}},1700:(e,t,n)=>{"use strict";var r=n(1504),o=n(7104),a=n(440),i=n(8852),s=n.n(i);function l(e){let{error:t,retry:n,pastDelay:o}=e;return t?r.createElement("div",{style:{align:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"}},r.createElement("p",null,t.message),r.createElement("div",null,r.createElement("button",{type:"button",onClick:n},"Retry"))):o?r.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"}},r.createElement("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb"},r.createElement("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},r.createElement("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),r.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},r.createElement("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),r.createElement("circle",{cx:"22",cy:"22",r:"8"},r.createElement("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"}))))):null}const c=JSON.parse('{"/volto-eea-design-system/blog/archive/-cf3":{"component":"9e4087bc","archive":"6d890e16"},"/volto-eea-design-system/docs/-45e":{"component":"1be78505","versionMetadata":"935f2afb"},"/volto-eea-design-system/docs/category/components/-1e1":{"component":"14eb3368","categoryGeneratedIndex":"f8c0402f"},"/volto-eea-design-system/docs/category/forms/-62c":{"component":"14eb3368","categoryGeneratedIndex":"0a8b14be"},"/volto-eea-design-system/docs/category/guidelines/-53f":{"component":"14eb3368","categoryGeneratedIndex":"1e6d2369"},"/volto-eea-design-system/docs/category/maps-and-charts/-239":{"component":"14eb3368","categoryGeneratedIndex":"323ff172"},"/volto-eea-design-system/docs/category/publications/-226":{"component":"14eb3368","categoryGeneratedIndex":"7e4403b7"},"/volto-eea-design-system/docs/category/quotes/-3e5":{"component":"14eb3368","categoryGeneratedIndex":"b78356b1"},"/volto-eea-design-system/docs/category/resources/-fc0":{"component":"14eb3368","categoryGeneratedIndex":"d9dbb717"},"/volto-eea-design-system/docs/category/search/-e37":{"component":"14eb3368","categoryGeneratedIndex":"046f8cb9"},"/volto-eea-design-system/docs/category/templates/-a71":{"component":"14eb3368","categoryGeneratedIndex":"a64f9232"},"/volto-eea-design-system/docs/category/utilities/-41e":{"component":"14eb3368","categoryGeneratedIndex":"6dda7ddb"},"/volto-eea-design-system/docs/category/visuals/-259":{"component":"14eb3368","categoryGeneratedIndex":"75066279"},"/volto-eea-design-system/docs/category/web-content/-e7a":{"component":"14eb3368","categoryGeneratedIndex":"fe8a233d"},"/volto-eea-design-system/docs/category/web-development/-dd3":{"component":"14eb3368","categoryGeneratedIndex":"86298114"},"/volto-eea-design-system/docs/dataguide/intro/-f80":{"component":"17896441","content":"39f50359"},"/volto-eea-design-system/docs/intro/-713":{"component":"17896441","content":"e9a55e4f"},"/volto-eea-design-system/docs/pubguide/design/-7b9":{"component":"17896441","content":"06df40a2"},"/volto-eea-design-system/docs/pubguide/writing/-0ad":{"component":"17896441","content":"aa38dcb9"},"/volto-eea-design-system/docs/webcontent/corporate-site-templates/-078":{"component":"17896441","content":"d76d930d"},"/volto-eea-design-system/docs/webcontent/intro/-044":{"component":"17896441","content":"a186f965"},"/volto-eea-design-system/docs/webdev/Components/Accordion/-e3d":{"component":"17896441","content":"3aee128f"},"/volto-eea-design-system/docs/webdev/Components/Breadcrumb/-aac":{"component":"17896441","content":"f4f5dc73"},"/volto-eea-design-system/docs/webdev/Components/Buttons/-a02":{"component":"17896441","content":"24202412"},"/volto-eea-design-system/docs/webdev/Components/Callout/-fb2":{"component":"17896441","content":"9c235974"},"/volto-eea-design-system/docs/webdev/Components/Cards/-749":{"component":"17896441","content":"77dd8181"},"/volto-eea-design-system/docs/webdev/Components/Comment/-08f":{"component":"17896441","content":"c7d85666"},"/volto-eea-design-system/docs/webdev/Components/Confirm/-21e":{"component":"17896441","content":"7ca1ae16"},"/volto-eea-design-system/docs/webdev/Components/Content/-6a8":{"component":"17896441","content":"072ed0e5"},"/volto-eea-design-system/docs/webdev/Components/Divider/-b0c":{"component":"17896441","content":"9b6f4efd"},"/volto-eea-design-system/docs/webdev/Components/Forms/Checkbox/-cb9":{"component":"17896441","content":"0b225811"},"/volto-eea-design-system/docs/webdev/Components/Forms/Dropdown/-1aa":{"component":"17896441","content":"d6e43592"},"/volto-eea-design-system/docs/webdev/Components/Forms/Radio/-24a":{"component":"17896441","content":"b0f56568"},"/volto-eea-design-system/docs/webdev/Components/Forms/TextArea/-511":{"component":"17896441","content":"a5822498"},"/volto-eea-design-system/docs/webdev/Components/Forms/TextInput/-827":{"component":"17896441","content":"2d39cd59"},"/volto-eea-design-system/docs/webdev/Components/Headings/-80a":{"component":"17896441","content":"d727d0d1"},"/volto-eea-design-system/docs/webdev/Components/Image/-f4a":{"component":"17896441","content":"a8b15fb1"},"/volto-eea-design-system/docs/webdev/Components/Inpage-Navigation/-c2a":{"component":"17896441","content":"6c6ad4cd"},"/volto-eea-design-system/docs/webdev/Components/Item/-e29":{"component":"17896441","content":"1f485700"},"/volto-eea-design-system/docs/webdev/Components/Labeled-icons/-f79":{"component":"17896441","content":"30e35848"},"/volto-eea-design-system/docs/webdev/Components/Labels/-7fe":{"component":"17896441","content":"bdd5fc8f"},"/volto-eea-design-system/docs/webdev/Components/Lists/-8a8":{"component":"17896441","content":"f601d3af"},"/volto-eea-design-system/docs/webdev/Components/Loader/-fc8":{"component":"17896441","content":"85201c01"},"/volto-eea-design-system/docs/webdev/Components/Logo/-2d7":{"component":"17896441","content":"860b2a9d"},"/volto-eea-design-system/docs/webdev/Components/Messages/-868":{"component":"17896441","content":"671d942a"},"/volto-eea-design-system/docs/webdev/Components/Modal/-d6e":{"component":"17896441","content":"b3c62368"},"/volto-eea-design-system/docs/webdev/Components/Pagination/-b53":{"component":"17896441","content":"aed7c9bd"},"/volto-eea-design-system/docs/webdev/Components/Popup/-337":{"component":"17896441","content":"1c178b4f"},"/volto-eea-design-system/docs/webdev/Components/Progress/-41c":{"component":"17896441","content":"56bbe726"},"/volto-eea-design-system/docs/webdev/Components/Quote/Quote/-988":{"component":"17896441","content":"8effdd7e"},"/volto-eea-design-system/docs/webdev/Components/Quote/Testimonial/-97e":{"component":"17896441","content":"c3faf33a"},"/volto-eea-design-system/docs/webdev/Components/Search/Filters/-817":{"component":"17896441","content":"7810a5ba"},"/volto-eea-design-system/docs/webdev/Components/Search/Searchbox/-a92":{"component":"17896441","content":"c74413f4"},"/volto-eea-design-system/docs/webdev/Components/Search/Suggestions/-773":{"component":"17896441","content":"2d344845"},"/volto-eea-design-system/docs/webdev/Components/Segment/-4c6":{"component":"17896441","content":"686ae6d4"},"/volto-eea-design-system/docs/webdev/Components/Statistic/-3fa":{"component":"17896441","content":"23d147e2"},"/volto-eea-design-system/docs/webdev/Components/Tab/-144":{"component":"17896441","content":"797402ac"},"/volto-eea-design-system/docs/webdev/Components/Table/-993":{"component":"17896441","content":"0bef62f9"},"/volto-eea-design-system/docs/webdev/Components/Tags/-c86":{"component":"17896441","content":"8050142d"},"/volto-eea-design-system/docs/webdev/Components/Timeline/-641":{"component":"17896441","content":"224603d4"},"/volto-eea-design-system/docs/webdev/Components/Video/-c6b":{"component":"17896441","content":"b90bd8a9"},"/volto-eea-design-system/docs/webdev/Components/Visuals/Charts/-c23":{"component":"17896441","content":"3fc91083"},"/volto-eea-design-system/docs/webdev/Components/Visuals/Dashboard/-07b":{"component":"17896441","content":"76fe1567"},"/volto-eea-design-system/docs/webdev/Components/Visuals/Maps/-dc7":{"component":"17896441","content":"54e4468f"},"/volto-eea-design-system/docs/webdev/Guidelines/colours/-625":{"component":"17896441","content":"398224d0"},"/volto-eea-design-system/docs/webdev/Guidelines/iconography/-065":{"component":"17896441","content":"4442ee2e"},"/volto-eea-design-system/docs/webdev/Guidelines/images/-481":{"component":"17896441","content":"ca221c65"},"/volto-eea-design-system/docs/webdev/Guidelines/intro/-a1e":{"component":"17896441","content":"63791757"},"/volto-eea-design-system/docs/webdev/Guidelines/spacing/-aae":{"component":"17896441","content":"792760cc"},"/volto-eea-design-system/docs/webdev/Guidelines/typography/-22b":{"component":"17896441","content":"d61699b0"},"/volto-eea-design-system/docs/webdev/Resources/developer-guidelines/-662":{"component":"17896441","content":"f9ee06b1"},"/volto-eea-design-system/docs/webdev/Resources/theming-guidelines/-d05":{"component":"17896441","content":"8fd6869d"},"/volto-eea-design-system/docs/webdev/Templates/Grid/-ed6":{"component":"17896441","content":"3508f21e"},"/volto-eea-design-system/docs/webdev/Templates/PageHeader/-aff":{"component":"17896441","content":"9a6dc4ea"},"/volto-eea-design-system/docs/webdev/Templates/SiteFooter/-3a2":{"component":"17896441","content":"1a10606c"},"/volto-eea-design-system/docs/webdev/Templates/SiteHeader/-56d":{"component":"17896441","content":"42e0342b"},"/volto-eea-design-system/docs/webdev/Utilities/intro/-83f":{"component":"17896441","content":"627750f7"},"/volto-eea-design-system/docs/whatsnew/-e3c":{"component":"17896441","content":"41d5c757"},"/volto-eea-design-system/-ce9":{"component":"c4f5d8e4","config":"5e9f5e1a"}}'),u={"046f8cb9":[()=>n.e(532).then(n.t.bind(n,1824,19)),"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/.docusaurus/docusaurus-plugin-content-docs/default/category-volto-eea-design-systemdocs-sidebar-category-search-2b2.json",1824],"06df40a2":[()=>n.e(6494).then(n.bind(n,2936)),"@site/docs/pubguide/1-design.md",2936],"072ed0e5":[()=>Promise.all([n.e(4556),n.e(9744)]).then(n.bind(n,701)),"@site/docs/webdev/5-Components/26-Content.mdx",701],"0a8b14be":[()=>n.e(4904).then(n.t.bind(n,2732,19)),"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/.docusaurus/docusaurus-plugin-content-docs/default/category-volto-eea-design-systemdocs-sidebar-category-forms-aaa.json",2732],"0b225811":[()=>Promise.all([n.e(4556),n.e(8996)]).then(n.bind(n,7076)),"@site/docs/webdev/5-Components/7-Forms/0-Checkbox.mdx",7076],"0bef62f9":[()=>Promise.all([n.e(4556),n.e(1449)]).then(n.bind(n,8360)),"@site/docs/webdev/5-Components/25-Table.mdx",8360],"14eb3368":[()=>Promise.all([n.e(4556),n.e(9576)]).then(n.bind(n,8880)),"@theme/DocCategoryGeneratedIndexPage",8880],17896441:[()=>Promise.all([n.e(4556),n.e(6752)]).then(n.bind(n,3280)),"@theme/DocItem",3280],"1a10606c":[()=>Promise.all([n.e(4556),n.e(4236)]).then(n.bind(n,9808)),"@site/docs/webdev/4-Templates/3-SiteFooter.mdx",9808],"1be78505":[()=>Promise.all([n.e(4556),n.e(9656)]).then(n.bind(n,5344)),"@theme/DocPage",5344],"1c178b4f":[()=>Promise.all([n.e(4556),n.e(3452)]).then(n.bind(n,6684)),"@site/docs/webdev/5-Components/20-Popup.mdx",6684],"1e6d2369":[()=>n.e(8492).then(n.t.bind(n,7892,19)),"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/.docusaurus/docusaurus-plugin-content-docs/default/category-volto-eea-design-systemdocs-sidebar-category-guidelines-746.json",7892],"1f485700":[()=>Promise.all([n.e(4556),n.e(4712)]).then(n.bind(n,2876)),"@site/docs/webdev/5-Components/10-Item.mdx",2876],"224603d4":[()=>Promise.all([n.e(4556),n.e(328)]).then(n.bind(n,8384)),"@site/docs/webdev/5-Components/28-Timeline.mdx",8384],"23d147e2":[()=>Promise.all([n.e(4556),n.e(134)]).then(n.bind(n,5680)),"@site/docs/webdev/5-Components/23-Statistic.mdx",5680],24202412:[()=>Promise.all([n.e(4556),n.e(6648)]).then(n.bind(n,8858)),"@site/docs/webdev/5-Components/3-Buttons.mdx",8858],"2d344845":[()=>Promise.all([n.e(4556),n.e(3916)]).then(n.bind(n,6704)),"@site/docs/webdev/5-Components/24-Search/1-Suggestions.mdx",6704],"2d39cd59":[()=>Promise.all([n.e(4556),n.e(3896)]).then(n.bind(n,1568)),"@site/docs/webdev/5-Components/7-Forms/2-TextInput.mdx",1568],"30e35848":[()=>Promise.all([n.e(4556),n.e(568)]).then(n.bind(n,6040)),"@site/docs/webdev/5-Components/11-Labeled-icons.mdx",6040],"323ff172":[()=>n.e(3098).then(n.t.bind(n,368,19)),"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/.docusaurus/docusaurus-plugin-content-docs/default/category-volto-eea-design-systemdocs-sidebar-category-maps-and-charts-897.json",368],"3508f21e":[()=>Promise.all([n.e(4556),n.e(972)]).then(n.bind(n,5648)),"@site/docs/webdev/4-Templates/1-Grid.mdx",5648],"398224d0":[()=>n.e(8832).then(n.bind(n,3744)),"@site/docs/webdev/3-Guidelines/2-colours.mdx",3744],"39f50359":[()=>n.e(5305).then(n.bind(n,1072)),"@site/docs/dataguide/0-intro.md",1072],"3aee128f":[()=>Promise.all([n.e(4556),n.e(3880)]).then(n.bind(n,1864)),"@site/docs/webdev/5-Components/0-Accordion.mdx",1864],"3fc91083":[()=>Promise.all([n.e(4556),n.e(3120)]).then(n.bind(n,28)),"@site/docs/webdev/5-Components/25-Visuals/1-Charts.mdx",28],"41d5c757":[()=>n.e(7780).then(n.bind(n,6972)),"@site/docs/2-whatsnew.md",6972],"42e0342b":[()=>Promise.all([n.e(4556),n.e(7228)]).then(n.bind(n,3064)),"@site/docs/webdev/4-Templates/2-SiteHeader.mdx",3064],"4442ee2e":[()=>n.e(1548).then(n.bind(n,1480)),"@site/docs/webdev/3-Guidelines/4-iconography.mdx",1480],"54e4468f":[()=>Promise.all([n.e(4556),n.e(2968)]).then(n.bind(n,128)),"@site/docs/webdev/5-Components/25-Visuals/2-Maps.mdx",128],"56bbe726":[()=>Promise.all([n.e(4556),n.e(3320)]).then(n.bind(n,4944)),"@site/docs/webdev/5-Components/21-Progress.mdx",4944],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,408)),"@generated/docusaurus.config",408],"627750f7":[()=>n.e(6136).then(n.bind(n,7368)),"@site/docs/webdev/7-Utilities/intro.md",7368],63791757:[()=>n.e(9832).then(n.bind(n,5516)),"@site/docs/webdev/3-Guidelines/0-intro.md",5516],"671d942a":[()=>Promise.all([n.e(4556),n.e(7412)]).then(n.bind(n,8288)),"@site/docs/webdev/5-Components/17-Messages.mdx",8288],"686ae6d4":[()=>Promise.all([n.e(4556),n.e(960)]).then(n.bind(n,2772)),"@site/docs/webdev/5-Components/22-Segment.mdx",2772],"6c6ad4cd":[()=>Promise.all([n.e(4556),n.e(8508)]).then(n.bind(n,1008)),"@site/docs/webdev/5-Components/9-Inpage-Navigation.mdx",1008],"6d890e16":[()=>n.e(3080).then(n.t.bind(n,1684,19)),"~blog/default/volto-eea-design-system-blog-archive-eb7.json",1684],"6dda7ddb":[()=>n.e(4576).then(n.t.bind(n,2872,19)),"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/.docusaurus/docusaurus-plugin-content-docs/default/category-volto-eea-design-systemdocs-sidebar-category-utilities-7d7.json",2872],75066279:[()=>n.e(2312).then(n.t.bind(n,5064,19)),"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/.docusaurus/docusaurus-plugin-content-docs/default/category-volto-eea-design-systemdocs-sidebar-category-visuals-d2a.json",5064],"76fe1567":[()=>Promise.all([n.e(4556),n.e(4036)]).then(n.bind(n,2935)),"@site/docs/webdev/5-Components/25-Visuals/0-Dashboard.mdx",2935],"77dd8181":[()=>Promise.all([n.e(4556),n.e(5488)]).then(n.bind(n,6168)),"@site/docs/webdev/5-Components/4-Cards.mdx",6168],"7810a5ba":[()=>Promise.all([n.e(4556),n.e(2188)]).then(n.bind(n,1184)),"@site/docs/webdev/5-Components/24-Search/0-Filters.mdx",1184],"792760cc":[()=>n.e(1256).then(n.bind(n,7116)),"@site/docs/webdev/3-Guidelines/5-spacing.md",7116],"797402ac":[()=>Promise.all([n.e(4556),n.e(5794)]).then(n.bind(n,3520)),"@site/docs/webdev/5-Components/24-Tab.mdx",3520],"7ca1ae16":[()=>Promise.all([n.e(4556),n.e(9936)]).then(n.bind(n,6516)),"@site/docs/webdev/5-Components/6-Confirm.mdx",6516],"7e4403b7":[()=>n.e(8564).then(n.t.bind(n,8139,19)),"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/.docusaurus/docusaurus-plugin-content-docs/default/category-volto-eea-design-systemdocs-sidebar-category-publications-0c4.json",8139],"8050142d":[()=>Promise.all([n.e(4556),n.e(1930)]).then(n.bind(n,2920)),"@site/docs/webdev/5-Components/27-Tags.mdx",2920],"85201c01":[()=>Promise.all([n.e(4556),n.e(296)]).then(n.bind(n,8864)),"@site/docs/webdev/5-Components/16-Loader.mdx",8864],"860b2a9d":[()=>Promise.all([n.e(4556),n.e(1272)]).then(n.bind(n,7200)),"@site/docs/webdev/5-Components/14-Logo.mdx",7200],86298114:[()=>n.e(5516).then(n.t.bind(n,8520,19)),"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/.docusaurus/docusaurus-plugin-content-docs/default/category-volto-eea-design-systemdocs-sidebar-category-web-development-d8c.json",8520],"8effdd7e":[()=>Promise.all([n.e(4556),n.e(2152)]).then(n.bind(n,1168)),"@site/docs/webdev/5-Components/21-Quote/1-Quote.mdx",1168],"8fd6869d":[()=>n.e(260).then(n.bind(n,2432)),"@site/docs/webdev/8-Resources/theming-guidelines.md",2432],"935f2afb":[()=>n.e(5696).then(n.t.bind(n,5988,19)),"~docs/default/version-current-metadata-prop-751.json",5988],"9a6dc4ea":[()=>Promise.all([n.e(4556),n.e(2452)]).then(n.bind(n,9864)),"@site/docs/webdev/4-Templates/4-PageHeader.mdx",9864],"9b6f4efd":[()=>Promise.all([n.e(4556),n.e(6996)]).then(n.bind(n,768)),"@site/docs/webdev/5-Components/7-Divider.mdx",768],"9c235974":[()=>Promise.all([n.e(4556),n.e(2472)]).then(n.bind(n,9626)),"@site/docs/webdev/5-Components/3-Callout.mdx",9626],"9e4087bc":[()=>n.e(7028).then(n.bind(n,7488)),"@theme/BlogArchivePage",7488],a186f965:[()=>n.e(9816).then(n.bind(n,4644)),"@site/docs/webcontent/0-intro.md",4644],a5822498:[()=>Promise.all([n.e(4556),n.e(3168)]).then(n.bind(n,648)),"@site/docs/webdev/5-Components/7-Forms/4-TextArea.mdx",648],a64f9232:[()=>n.e(730).then(n.t.bind(n,6608,19)),"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/.docusaurus/docusaurus-plugin-content-docs/default/category-volto-eea-design-systemdocs-sidebar-category-templates-e71.json",6608],a8b15fb1:[()=>Promise.all([n.e(4556),n.e(8528)]).then(n.bind(n,9800)),"@site/docs/webdev/5-Components/15-Image.mdx",9800],aa38dcb9:[()=>n.e(6524).then(n.bind(n,8340)),"@site/docs/pubguide/0-writing.md",8340],aed7c9bd:[()=>Promise.all([n.e(4556),n.e(9956)]).then(n.bind(n,2164)),"@site/docs/webdev/5-Components/19-Pagination.mdx",2164],b0f56568:[()=>Promise.all([n.e(4556),n.e(6272)]).then(n.bind(n,8080)),"@site/docs/webdev/5-Components/7-Forms/3-Radio.mdx",8080],b3c62368:[()=>Promise.all([n.e(4556),n.e(2352)]).then(n.bind(n,5748)),"@site/docs/webdev/5-Components/18-Modal.mdx",5748],b78356b1:[()=>n.e(5536).then(n.t.bind(n,6296,19)),"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/.docusaurus/docusaurus-plugin-content-docs/default/category-volto-eea-design-systemdocs-sidebar-category-quotes-161.json",6296],b90bd8a9:[()=>Promise.all([n.e(4556),n.e(7164)]).then(n.bind(n,268)),"@site/docs/webdev/5-Components/29-Video.mdx",268],bdd5fc8f:[()=>Promise.all([n.e(4556),n.e(2576)]).then(n.bind(n,5528)),"@site/docs/webdev/5-Components/12-Labels.mdx",5528],c3faf33a:[()=>Promise.all([n.e(4556),n.e(7732)]).then(n.bind(n,540)),"@site/docs/webdev/5-Components/21-Quote/2-Testimonial.mdx",540],c4f5d8e4:[()=>Promise.all([n.e(4556),n.e(2632)]).then(n.bind(n,3468)),"@site/src/pages/index.js",3468],c74413f4:[()=>Promise.all([n.e(4556),n.e(3160)]).then(n.bind(n,4968)),"@site/docs/webdev/5-Components/24-Search/2-Searchbox.mdx",4968],c7d85666:[()=>Promise.all([n.e(4556),n.e(6288)]).then(n.bind(n,5356)),"@site/docs/webdev/5-Components/5-Comment.mdx",5356],ca221c65:[()=>n.e(9824).then(n.bind(n,3180)),"@site/docs/webdev/3-Guidelines/3-images.md",3180],d61699b0:[()=>n.e(1608).then(n.bind(n,5764)),"@site/docs/webdev/3-Guidelines/1-typography.mdx",5764],d6e43592:[()=>Promise.all([n.e(4556),n.e(1368)]).then(n.bind(n,2756)),"@site/docs/webdev/5-Components/7-Forms/1-Dropdown.mdx",2756],d727d0d1:[()=>Promise.all([n.e(4556),n.e(1096)]).then(n.bind(n,3704)),"@site/docs/webdev/5-Components/8-Headings.mdx",3704],d76d930d:[()=>n.e(8104).then(n.bind(n,7568)),"@site/docs/webcontent/2-corporate-site-templates.md",7568],d9dbb717:[()=>n.e(732).then(n.t.bind(n,976,19)),"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/.docusaurus/docusaurus-plugin-content-docs/default/category-volto-eea-design-systemdocs-sidebar-category-resources-b7e.json",976],e9a55e4f:[()=>n.e(8616).then(n.bind(n,8796)),"@site/docs/0-intro.md",8796],f4f5dc73:[()=>Promise.all([n.e(4556),n.e(5392)]).then(n.bind(n,464)),"@site/docs/webdev/5-Components/2-Breadcrumb.mdx",464],f601d3af:[()=>Promise.all([n.e(4556),n.e(4274)]).then(n.bind(n,4548)),"@site/docs/webdev/5-Components/13-Lists.mdx",4548],f8c0402f:[()=>n.e(2392).then(n.t.bind(n,3056,19)),"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/.docusaurus/docusaurus-plugin-content-docs/default/category-volto-eea-design-systemdocs-sidebar-category-components-885.json",3056],f9ee06b1:[()=>n.e(2988).then(n.bind(n,6148)),"@site/docs/webdev/8-Resources/developer-guidelines.md",6148],fe8a233d:[()=>n.e(2176).then(n.t.bind(n,4072,19)),"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/.docusaurus/docusaurus-plugin-content-docs/default/category-volto-eea-design-systemdocs-sidebar-category-web-content-c7a.json",4072]};const d=function(e){const t={};return function e(n,r){Object.keys(n).forEach((o=>{const a=n[o],i=r?`${r}.${o}`:o;var s;"object"==typeof(s=a)&&s&&Object.keys(s).length>0?e(a,i):t[i]=a}))}(e),t};const p=function(e,t){if("*"===e)return s()({loading:l,loader:()=>n.e(6364).then(n.bind(n,6364))});const o=c[`${e}-${t}`],a=[],i=[],p={},f=d(o);return Object.keys(f).forEach((e=>{const t=u[f[e]];t&&(p[e]=t[0],a.push(t[1]),i.push(t[2]))})),s().Map({loading:l,loader:p,modules:a,webpack:()=>i,render:(e,t)=>{const n=JSON.parse(JSON.stringify(o));Object.keys(e).forEach((t=>{let r=n;const o=t.split(".");for(let e=0;e"default"!==e));a&&a.length&&a.forEach((n=>{r[o[o.length-1]][n]=e[t][n]}))}));const a=n.component;return delete n.component,r.createElement(a,{...n,...t})}})},f=[{path:"/volto-eea-design-system/blog/archive/",component:p("/volto-eea-design-system/blog/archive/","cf3"),exact:!0},{path:"/volto-eea-design-system/docs/",component:p("/volto-eea-design-system/docs/","45e"),routes:[{path:"/volto-eea-design-system/docs/category/components/",component:p("/volto-eea-design-system/docs/category/components/","1e1"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/category/forms/",component:p("/volto-eea-design-system/docs/category/forms/","62c"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/category/guidelines/",component:p("/volto-eea-design-system/docs/category/guidelines/","53f"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/category/maps-and-charts/",component:p("/volto-eea-design-system/docs/category/maps-and-charts/","239"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/category/publications/",component:p("/volto-eea-design-system/docs/category/publications/","226"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/category/quotes/",component:p("/volto-eea-design-system/docs/category/quotes/","3e5"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/category/resources/",component:p("/volto-eea-design-system/docs/category/resources/","fc0"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/category/search/",component:p("/volto-eea-design-system/docs/category/search/","e37"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/category/templates/",component:p("/volto-eea-design-system/docs/category/templates/","a71"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/category/utilities/",component:p("/volto-eea-design-system/docs/category/utilities/","41e"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/category/visuals/",component:p("/volto-eea-design-system/docs/category/visuals/","259"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/category/web-content/",component:p("/volto-eea-design-system/docs/category/web-content/","e7a"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/category/web-development/",component:p("/volto-eea-design-system/docs/category/web-development/","dd3"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/dataguide/intro/",component:p("/volto-eea-design-system/docs/dataguide/intro/","f80"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/intro/",component:p("/volto-eea-design-system/docs/intro/","713"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/pubguide/design/",component:p("/volto-eea-design-system/docs/pubguide/design/","7b9"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/pubguide/writing/",component:p("/volto-eea-design-system/docs/pubguide/writing/","0ad"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webcontent/corporate-site-templates/",component:p("/volto-eea-design-system/docs/webcontent/corporate-site-templates/","078"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webcontent/intro/",component:p("/volto-eea-design-system/docs/webcontent/intro/","044"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Accordion/",component:p("/volto-eea-design-system/docs/webdev/Components/Accordion/","e3d"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Breadcrumb/",component:p("/volto-eea-design-system/docs/webdev/Components/Breadcrumb/","aac"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Buttons/",component:p("/volto-eea-design-system/docs/webdev/Components/Buttons/","a02"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Callout/",component:p("/volto-eea-design-system/docs/webdev/Components/Callout/","fb2"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Cards/",component:p("/volto-eea-design-system/docs/webdev/Components/Cards/","749"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Comment/",component:p("/volto-eea-design-system/docs/webdev/Components/Comment/","08f"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Confirm/",component:p("/volto-eea-design-system/docs/webdev/Components/Confirm/","21e"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Content/",component:p("/volto-eea-design-system/docs/webdev/Components/Content/","6a8"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Divider/",component:p("/volto-eea-design-system/docs/webdev/Components/Divider/","b0c"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Forms/Checkbox/",component:p("/volto-eea-design-system/docs/webdev/Components/Forms/Checkbox/","cb9"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Forms/Dropdown/",component:p("/volto-eea-design-system/docs/webdev/Components/Forms/Dropdown/","1aa"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Forms/Radio/",component:p("/volto-eea-design-system/docs/webdev/Components/Forms/Radio/","24a"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Forms/TextArea/",component:p("/volto-eea-design-system/docs/webdev/Components/Forms/TextArea/","511"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Forms/TextInput/",component:p("/volto-eea-design-system/docs/webdev/Components/Forms/TextInput/","827"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Headings/",component:p("/volto-eea-design-system/docs/webdev/Components/Headings/","80a"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Image/",component:p("/volto-eea-design-system/docs/webdev/Components/Image/","f4a"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Inpage-Navigation/",component:p("/volto-eea-design-system/docs/webdev/Components/Inpage-Navigation/","c2a"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Item/",component:p("/volto-eea-design-system/docs/webdev/Components/Item/","e29"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Labeled-icons/",component:p("/volto-eea-design-system/docs/webdev/Components/Labeled-icons/","f79"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Labels/",component:p("/volto-eea-design-system/docs/webdev/Components/Labels/","7fe"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Lists/",component:p("/volto-eea-design-system/docs/webdev/Components/Lists/","8a8"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Loader/",component:p("/volto-eea-design-system/docs/webdev/Components/Loader/","fc8"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Logo/",component:p("/volto-eea-design-system/docs/webdev/Components/Logo/","2d7"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Messages/",component:p("/volto-eea-design-system/docs/webdev/Components/Messages/","868"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Modal/",component:p("/volto-eea-design-system/docs/webdev/Components/Modal/","d6e"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Pagination/",component:p("/volto-eea-design-system/docs/webdev/Components/Pagination/","b53"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Popup/",component:p("/volto-eea-design-system/docs/webdev/Components/Popup/","337"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Progress/",component:p("/volto-eea-design-system/docs/webdev/Components/Progress/","41c"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Quote/Quote/",component:p("/volto-eea-design-system/docs/webdev/Components/Quote/Quote/","988"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Quote/Testimonial/",component:p("/volto-eea-design-system/docs/webdev/Components/Quote/Testimonial/","97e"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Search/Filters/",component:p("/volto-eea-design-system/docs/webdev/Components/Search/Filters/","817"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Search/Searchbox/",component:p("/volto-eea-design-system/docs/webdev/Components/Search/Searchbox/","a92"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Search/Suggestions/",component:p("/volto-eea-design-system/docs/webdev/Components/Search/Suggestions/","773"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Segment/",component:p("/volto-eea-design-system/docs/webdev/Components/Segment/","4c6"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Statistic/",component:p("/volto-eea-design-system/docs/webdev/Components/Statistic/","3fa"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Tab/",component:p("/volto-eea-design-system/docs/webdev/Components/Tab/","144"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Table/",component:p("/volto-eea-design-system/docs/webdev/Components/Table/","993"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Tags/",component:p("/volto-eea-design-system/docs/webdev/Components/Tags/","c86"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Timeline/",component:p("/volto-eea-design-system/docs/webdev/Components/Timeline/","641"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Video/",component:p("/volto-eea-design-system/docs/webdev/Components/Video/","c6b"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Visuals/Charts/",component:p("/volto-eea-design-system/docs/webdev/Components/Visuals/Charts/","c23"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Visuals/Dashboard/",component:p("/volto-eea-design-system/docs/webdev/Components/Visuals/Dashboard/","07b"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Components/Visuals/Maps/",component:p("/volto-eea-design-system/docs/webdev/Components/Visuals/Maps/","dc7"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Guidelines/colours/",component:p("/volto-eea-design-system/docs/webdev/Guidelines/colours/","625"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Guidelines/iconography/",component:p("/volto-eea-design-system/docs/webdev/Guidelines/iconography/","065"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Guidelines/images/",component:p("/volto-eea-design-system/docs/webdev/Guidelines/images/","481"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Guidelines/intro/",component:p("/volto-eea-design-system/docs/webdev/Guidelines/intro/","a1e"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Guidelines/spacing/",component:p("/volto-eea-design-system/docs/webdev/Guidelines/spacing/","aae"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Guidelines/typography/",component:p("/volto-eea-design-system/docs/webdev/Guidelines/typography/","22b"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Resources/developer-guidelines/",component:p("/volto-eea-design-system/docs/webdev/Resources/developer-guidelines/","662"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Resources/theming-guidelines/",component:p("/volto-eea-design-system/docs/webdev/Resources/theming-guidelines/","d05"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Templates/Grid/",component:p("/volto-eea-design-system/docs/webdev/Templates/Grid/","ed6"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Templates/PageHeader/",component:p("/volto-eea-design-system/docs/webdev/Templates/PageHeader/","aff"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Templates/SiteFooter/",component:p("/volto-eea-design-system/docs/webdev/Templates/SiteFooter/","3a2"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Templates/SiteHeader/",component:p("/volto-eea-design-system/docs/webdev/Templates/SiteHeader/","56d"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/webdev/Utilities/intro/",component:p("/volto-eea-design-system/docs/webdev/Utilities/intro/","83f"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/whatsnew/",component:p("/volto-eea-design-system/docs/whatsnew/","e3c"),exact:!0,sidebar:"sidebar"}]},{path:"/volto-eea-design-system/",component:p("/volto-eea-design-system/","ce9"),exact:!0},{path:"*",component:p("*")}];var m=n(8684),g=n(3315),h=n(2412),v=n(4864),b=n(5592),y=n(2272),w=n.n(y);const k=[n(1462),n(9640),n(3360),n(1496)];function E(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r{var r,o;const a=null!==(o=null===(r=null==t?void 0:t.default)||void 0===r?void 0:r[e])&&void 0!==o?o:t[e];a&&a(...n)}))}const S={onRouteUpdate(){for(var e=arguments.length,t=new Array(e),n=0;n{const{component:t}=e.route;if(t&&t.preload)return t.preload()})))}const _={};const T=function(e){if(_[e.pathname])return{...e,pathname:_[e.pathname]};let t=e.pathname||"/";return t=t.trim().replace(/\/index\.html$/,""),""===t&&(t="/"),_[e.pathname]=t,{...e,pathname:t}};w().configure({showSpinner:!1});class P extends r.Component{constructor(e){super(e),this.previousLocation=null,this.progressBarTimeout=null,this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){const n=e.location!==this.props.location,{routes:r,delay:o}=this.props;if(n){const t=T(e.location);return this.startProgressBar(o),this.previousLocation=T(this.props.location),this.setState({nextRouteHasLoaded:!1}),x(r,t.pathname).then((()=>{S.onRouteUpdate({previousLocation:this.previousLocation,location:t}),this.previousLocation=null,this.setState({nextRouteHasLoaded:!0},this.stopProgressBar);const{hash:e}=t;if(e){const t=decodeURIComponent(e.substring(1)),n=document.getElementById(t);n&&n.scrollIntoView()}else window.scrollTo(0,0)})).catch((e=>console.warn(e))),!1}return!!t.nextRouteHasLoaded}clearProgressBarTimeout(){this.progressBarTimeout&&(clearTimeout(this.progressBarTimeout),this.progressBarTimeout=null)}startProgressBar(e){this.clearProgressBarTimeout(),this.progressBarTimeout=setTimeout((()=>{S.onRouteUpdateDelayed({location:T(this.props.location)}),w().start()}),e)}stopProgressBar(){this.clearProgressBarTimeout(),w().done()}render(){const{children:e,location:t}=this.props;return r.createElement(b.kX,{location:T(t),render:()=>e})}}const A=(0,b.Ak)(P);var R=n(6054),L=n(8264);const O="docusaurus-base-url-issue-banner-container",N="docusaurus-base-url-issue-banner",D="docusaurus-base-url-issue-banner-suggestion-container",I="__DOCUSAURUS_INSERT_BASEURL_BANNER";function M(e){return`\nwindow['${I}'] = true;\n\ndocument.addEventListener('DOMContentLoaded', maybeInsertBanner);\n\nfunction maybeInsertBanner() {\n var shouldInsert = window['${I}'];\n shouldInsert && insertBanner();\n}\n\nfunction insertBanner() {\n var bannerContainer = document.getElementById('${O}');\n if (!bannerContainer) {\n return;\n }\n var bannerHtml = ${JSON.stringify(function(e){return`\n
\n

Your Docusaurus site did not load properly.

\n

A very common reason is a wrong site baseUrl configuration.

\n

Current configured baseUrl = ${e} ${"/"===e?" (default value)":""}

\n

We suggest trying baseUrl =

\n
\n`}(e)).replace(/{window[I]=!1}),[]),r.createElement(r.Fragment,null,!m.c.canUseDOM&&r.createElement(R.c,null,r.createElement("script",null,M(e))),r.createElement("div",{id:O}))}function j(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,L.c)(),{pathname:n}=(0,b.IT)();return t&&n===e?r.createElement(F,null):null}const B=function(e){let{children:t}=e;return t};var U=n(5712),z=n(512);const $=function(){return r.createElement(U.c,{fallback:z.c},r.createElement(v.y,null,r.createElement(h.g,null,r.createElement(B,null,r.createElement(j,null),r.createElement(A,{routes:f,delay:1e3},(0,g.c)(f))))))};const G=function(e){if("undefined"==typeof document)return!1;const t=document.createElement("link");try{if(t.relList&&"function"==typeof t.relList.supports)return t.relList.supports(e)}catch(n){return!1}return!1}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=t,r.onerror=n;(document.getElementsByTagName("head")[0]||document.getElementsByName("script")[0].parentNode).appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))},q={};const H=function(e){return new Promise((t=>{q[e]?t():G(e).then((()=>{t(),q[e]=!0})).catch((()=>{}))}))},V={},W={},K=()=>{var e,t;return(null===(e=navigator.connection)||void 0===e?void 0:e.effectiveType.includes("2g"))&&(null===(t=navigator.connection)||void 0===t?void 0:t.saveData)},Q={prefetch:e=>{if(!(e=>!K()&&!W[e]&&!V[e])(e))return!1;V[e]=!0;return(0,C.C)(f,e).flatMap((e=>{return t=e.route.path,Object.entries(c).filter((e=>{let[n]=e;return n.replace(/(-[^-]+)$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values(d(t))}));var t})).forEach((e=>{const t=n.gca(e);t&&!/undefined/.test(t)&&H(t)})),!0},preload:e=>!!(e=>!K()&&!W[e])(e)&&(W[e]=!0,x(f,e),!0)};if(m.c.canUseDOM){window.docusaurus=Q;const e=o.hydrate;x(f,window.location.pathname).then((()=>{e(r.createElement(a.kn,null,r.createElement($,null)),document.getElementById("__docusaurus"))}))}},5712:(e,t,n)=>{"use strict";n.d(t,{c:()=>s});var r=n(1504),o=n(8684),a=n(512);class i extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.c.canUseDOM&&this.setState({error:e})}render(){var e;const{children:t}=this.props,{error:n}=this.state;if(n){return(null!==(e=this.props.fallback)&&void 0!==e?e:a.c)({error:n,tryAgain:()=>this.setState({error:null})})}return t}}const s=i},8684:(e,t,n)=>{"use strict";n.d(t,{c:()=>o});const r=!("undefined"==typeof window||!window.document||!window.document.createElement),o={canUseDOM:r,canUseEventListeners:r&&!(!window.addEventListener&&!window.attachEvent),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&!!window.screen}},6054:(e,t,n)=>{"use strict";n.d(t,{c:()=>me});var r,o,a,i,s=n(1504),l=n(3268),c=n.n(l),u=n(6584),d=n.n(u),p=n(448),f=n.n(p),m=n(9456),g=n.n(m),h="bodyAttributes",v="htmlAttributes",b="titleAttributes",y={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title"},w=(Object.keys(y).map((function(e){return y[e]})),"charset"),k="cssText",E="href",S="http-equiv",C="innerHTML",x="itemprop",_="name",T="property",P="rel",A="src",R="target",L={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},O="defaultTitle",N="defer",D="encodeSpecialCharacters",I="onChangeClientState",M="titleTemplate",F=Object.keys(L).reduce((function(e,t){return e[L[t]]=t,e}),{}),j=[y.NOSCRIPT,y.SCRIPT,y.STYLE],B="data-react-helmet",U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},z=function(){function e(e,t){for(var n=0;n=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n},q=function(e){return!1===(!(arguments.length>1&&void 0!==arguments[1])||arguments[1])?String(e):String(e).replace(/&/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'")},H=function(e){var t=Y(e,y.TITLE),n=Y(e,M);if(n&&t)return n.replace(/%s/g,(function(){return Array.isArray(t)?t.join(""):t}));var r=Y(e,O);return t||r||void 0},V=function(e){return Y(e,I)||function(){}},W=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return $({},e,t)}),{})},K=function(e,t){return t.filter((function(e){return void 0!==e[y.BASE]})).map((function(e){return e[y.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o=0;n--){var r=e[n];if(r.hasOwnProperty(t))return r[t]}return null},X=(r=Date.now(),function(e){var t=Date.now();t-r>16?(r=t,e(t)):setTimeout((function(){X(e)}),0)}),J=function(e){return clearTimeout(e)},Z="undefined"!=typeof window?window.requestAnimationFrame&&window.requestAnimationFrame.bind(window)||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||X:n.g.requestAnimationFrame||X,ee="undefined"!=typeof window?window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||J:n.g.cancelAnimationFrame||J,te=function(e){return console&&"function"==typeof console.warn&&console.warn(e)},ne=null,re=function(e,t){var n=e.baseTag,r=e.bodyAttributes,o=e.htmlAttributes,a=e.linkTags,i=e.metaTags,s=e.noscriptTags,l=e.onChangeClientState,c=e.scriptTags,u=e.styleTags,d=e.title,p=e.titleAttributes;ie(y.BODY,r),ie(y.HTML,o),ae(d,p);var f={baseTag:se(y.BASE,n),linkTags:se(y.LINK,a),metaTags:se(y.META,i),noscriptTags:se(y.NOSCRIPT,s),scriptTags:se(y.SCRIPT,c),styleTags:se(y.STYLE,u)},m={},g={};Object.keys(f).forEach((function(e){var t=f[e],n=t.newTags,r=t.oldTags;n.length&&(m[e]=n),r.length&&(g[e]=f[e].oldTags)})),t&&t(),l(e,m,g)},oe=function(e){return Array.isArray(e)?e.join(""):e},ae=function(e,t){void 0!==e&&document.title!==e&&(document.title=oe(e)),ie(y.TITLE,t)},ie=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute(B),o=r?r.split(","):[],a=[].concat(o),i=Object.keys(t),s=0;s=0;d--)n.removeAttribute(a[d]);o.length===a.length?n.removeAttribute(B):n.getAttribute(B)!==i.join(",")&&n.setAttribute(B,i.join(","))}},se=function(e,t){var n=document.head||document.querySelector(y.HEAD),r=n.querySelectorAll(e+"["+B+"]"),o=Array.prototype.slice.call(r),a=[],i=void 0;return t&&t.length&&t.forEach((function(t){var n=document.createElement(e);for(var r in t)if(t.hasOwnProperty(r))if(r===C)n.innerHTML=t.innerHTML;else if(r===k)n.styleSheet?n.styleSheet.cssText=t.cssText:n.appendChild(document.createTextNode(t.cssText));else{var s=void 0===t[r]?"":t[r];n.setAttribute(r,s)}n.setAttribute(B,"true"),o.some((function(e,t){return i=t,n.isEqualNode(e)}))?o.splice(i,1):a.push(n)})),o.forEach((function(e){return e.parentNode.removeChild(e)})),a.forEach((function(e){return n.appendChild(e)})),{oldTags:o,newTags:a}},le=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},ce=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(e).reduce((function(t,n){return t[L[n]||n]=e[n],t}),t)},ue=function(e,t,n){switch(e){case y.TITLE:return{toComponent:function(){return e=t.title,n=t.titleAttributes,(r={key:e})[B]=!0,o=ce(n,r),[s.createElement(y.TITLE,o,e)];var e,n,r,o},toString:function(){return function(e,t,n,r){var o=le(n),a=oe(t);return o?"<"+e+" "+B+'="true" '+o+">"+q(a,r)+"":"<"+e+" "+B+'="true">'+q(a,r)+""}(e,t.title,t.titleAttributes,n)}};case h:case v:return{toComponent:function(){return ce(t)},toString:function(){return le(t)}};default:return{toComponent:function(){return function(e,t){return t.map((function(t,n){var r,o=((r={key:n})[B]=!0,r);return Object.keys(t).forEach((function(e){var n=L[e]||e;if(n===C||n===k){var r=t.innerHTML||t.cssText;o.dangerouslySetInnerHTML={__html:r}}else o[n]=t[e]})),s.createElement(e,o)}))}(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!(e===C||e===k)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+q(r[t],n)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",i=-1===j.indexOf(e);return t+"<"+e+" "+B+'="true" '+o+(i?"/>":">"+a+"")}),"")}(e,t,n)}}}},de=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.linkTags,i=e.metaTags,s=e.noscriptTags,l=e.scriptTags,c=e.styleTags,u=e.title,d=void 0===u?"":u,p=e.titleAttributes;return{base:ue(y.BASE,t,r),bodyAttributes:ue(h,n,r),htmlAttributes:ue(v,o,r),link:ue(y.LINK,a,r),meta:ue(y.META,i,r),noscript:ue(y.NOSCRIPT,s,r),script:ue(y.SCRIPT,l,r),style:ue(y.STYLE,c,r),title:ue(y.TITLE,{title:d,titleAttributes:p},r)}},pe=d()((function(e){return{baseTag:K([E,R],e),bodyAttributes:W(h,e),defer:Y(e,N),encode:Y(e,D),htmlAttributes:W(v,e),linkTags:Q(y.LINK,[P,E],e),metaTags:Q(y.META,[_,w,S,T,x],e),noscriptTags:Q(y.NOSCRIPT,[C],e),onChangeClientState:V(e),scriptTags:Q(y.SCRIPT,[A,C],e),styleTags:Q(y.STYLE,[k],e),title:H(e),titleAttributes:W(b,e)}}),(function(e){ne&&ee(ne),e.defer?ne=Z((function(){re(e,(function(){ne=null}))})):(re(e),ne=null)}),de)((function(){return null})),fe=(o=pe,i=a=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,e.apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t.prototype.shouldComponentUpdate=function(e){return!f()(this.props,e)},t.prototype.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case y.SCRIPT:case y.NOSCRIPT:return{innerHTML:t};case y.STYLE:return{cssText:t}}throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")},t.prototype.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren,o=e.newChildProps,a=e.nestedChildren;return $({},r,((t={})[n.type]=[].concat(r[n.type]||[],[$({},o,this.mapNestedChildrenToProps(n,a))]),t))},t.prototype.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,a=e.newChildProps,i=e.nestedChildren;switch(r.type){case y.TITLE:return $({},o,((t={})[r.type]=i,t.titleAttributes=$({},a),t));case y.BODY:return $({},o,{bodyAttributes:$({},a)});case y.HTML:return $({},o,{htmlAttributes:$({},a)})}return $({},o,((n={})[r.type]=$({},a),n))},t.prototype.mapArrayTypeChildrenToProps=function(e,t){var n=$({},t);return Object.keys(e).forEach((function(t){var r;n=$({},n,((r={})[t]=e[t],r))})),n},t.prototype.warnOnInvalidChildren=function(e,t){return!0},t.prototype.mapChildrenToProps=function(e,t){var n=this,r={};return s.Children.forEach(e,(function(e){if(e&&e.props){var o=e.props,a=o.children,i=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(e).reduce((function(t,n){return t[F[n]||n]=e[n],t}),t)}(G(o,["children"]));switch(n.warnOnInvalidChildren(e,a),e.type){case y.LINK:case y.META:case y.NOSCRIPT:case y.SCRIPT:case y.STYLE:r=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:r,newChildProps:i,nestedChildren:a});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:i,nestedChildren:a})}}})),t=this.mapArrayTypeChildrenToProps(r,t)},t.prototype.render=function(){var e=this.props,t=e.children,n=G(e,["children"]),r=$({},n);return t&&(r=this.mapChildrenToProps(t,r)),s.createElement(o,r)},z(t,null,[{key:"canUseDOM",set:function(e){o.canUseDOM=e}}]),t}(s.Component),a.propTypes={base:c().object,bodyAttributes:c().object,children:c().oneOfType([c().arrayOf(c().node),c().node]),defaultTitle:c().string,defer:c().bool,encodeSpecialCharacters:c().bool,htmlAttributes:c().object,link:c().arrayOf(c().object),meta:c().arrayOf(c().object),noscript:c().arrayOf(c().object),onChangeClientState:c().func,script:c().arrayOf(c().object),style:c().arrayOf(c().object),title:c().string,titleAttributes:c().object,titleTemplate:c().string},a.defaultProps={defer:!0,encodeSpecialCharacters:!0},a.peek=o.peek,a.rewind=function(){var e=o.rewind();return e||(e=de({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}})),e},i);fe.renderStatic=fe.rewind;const me=function(e){return s.createElement(fe,{...e})}},6016:(e,t,n)=>{"use strict";n.d(t,{c:()=>d});var r=n(1504),o=n(440),a=n(8264),i=n(8136),s=n(8684);const l=(0,r.createContext)({collectLink:()=>{}});var c=n(964),u=n(5684);const d=function(e){let{isNavLink:t,to:n,href:d,activeClassName:p,isActive:f,"data-noBrokenLinkCheck":m,autoAddBaseUrl:g=!0,...h}=e;var v;const{siteConfig:{trailingSlash:b,baseUrl:y}}=(0,a.c)(),{withBaseUrl:w}=(0,c.E)(),k=(0,r.useContext)(l),E=n||d,S=(0,i.c)(E),C=null==E?void 0:E.replace("pathname://","");let x=void 0!==C?(_=C,g&&(e=>e.startsWith("/"))(_)?w(_):_):void 0;var _;x&&S&&(x=(0,u.applyTrailingSlash)(x,{trailingSlash:b,baseUrl:y}));const T=(0,r.useRef)(!1),P=t?o.Af:o.cH,A=s.c.canUseIntersectionObserver,R=(0,r.useRef)();(0,r.useEffect)((()=>(!A&&S&&null!=x&&window.docusaurus.prefetch(x),()=>{A&&R.current&&R.current.disconnect()})),[R,x,A,S]);const L=null!==(v=null==x?void 0:x.startsWith("#"))&&void 0!==v&&v,O=!x||!S||L;return x&&S&&!L&&!m&&k.collectLink(x),O?r.createElement("a",{href:x,...E&&!S&&{target:"_blank",rel:"noopener noreferrer"},...h}):r.createElement(P,{...h,onMouseEnter:()=>{T.current||null==x||(window.docusaurus.preload(x),T.current=!0)},innerRef:e=>{var t,n;A&&e&&S&&(t=e,n=()=>{null!=x&&window.docusaurus.prefetch(x)},R.current=new window.IntersectionObserver((e=>{e.forEach((e=>{t===e.target&&(e.isIntersecting||e.intersectionRatio>0)&&(R.current.unobserve(t),R.current.disconnect(),n())}))})),R.current.observe(t))},to:x||"",...t&&{isActive:f,activeClassName:p}})}},2944:(e,t,n)=>{"use strict";n.d(t,{c:()=>r});const r=()=>null},4357:(e,t,n)=>{"use strict";n.d(t,{c:()=>u,G:()=>c});var r=n(1504);const o=/{\w+}/g,a="{}";function i(e,t){const n=[],i=e.replace(o,(e=>{const o=e.substring(1,e.length-1),i=null==t?void 0:t[o];if(void 0!==i){const e=r.isValidElement(i)?i:String(i);return n.push(e),a}return e}));return 0===n.length?e:n.every((e=>"string"==typeof e))?i.split(a).reduce(((e,t,r)=>{var o;return e.concat(t).concat(null!==(o=n[r])&&void 0!==o?o:"")}),""):i.split(a).reduce(((e,t,o)=>[...e,r.createElement(r.Fragment,{key:o},t,n[o])]),[])}var s=n(144);function l(e){let{id:t,message:n}=e;var r,o;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return null!==(o=null!==(r=s[null!=t?t:n])&&void 0!==r?r:n)&&void 0!==o?o:t}function c(e,t){let{message:n,id:r}=e;return i(l({message:n,id:r}),t)}function u(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal children",t),new Error("The Docusaurus component only accept simple string values");return i(l({message:t,id:n}),r)}},2412:(e,t,n)=>{"use strict";n.d(t,{e:()=>o,g:()=>a});var r=n(1504);const o=r.createContext(!1);function a(e){let{children:t}=e;const[n,a]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{a(!0)}),[]),r.createElement(o.Provider,{value:n},t)}},2488:(e,t,n)=>{"use strict";n.d(t,{M:()=>r});const r="default"},4864:(e,t,n)=>{"use strict";n.d(t,{e:()=>u,y:()=>d});var r=n(1504),o=n(408);const a=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/volto-eea-design-system/docs","versions":[{"name":"current","label":"Next","isLast":true,"path":"/volto-eea-design-system/docs","mainDocId":"intro","docs":[{"id":"dataguide/intro","path":"/volto-eea-design-system/docs/dataguide/intro","sidebar":"sidebar"},{"id":"intro","path":"/volto-eea-design-system/docs/intro","sidebar":"sidebar"},{"id":"pubguide/design","path":"/volto-eea-design-system/docs/pubguide/design","sidebar":"sidebar"},{"id":"pubguide/writing","path":"/volto-eea-design-system/docs/pubguide/writing","sidebar":"sidebar"},{"id":"webcontent/corporate-site-templates","path":"/volto-eea-design-system/docs/webcontent/corporate-site-templates","sidebar":"sidebar"},{"id":"webcontent/intro","path":"/volto-eea-design-system/docs/webcontent/intro","sidebar":"sidebar"},{"id":"webdev/Components/Accordion","path":"/volto-eea-design-system/docs/webdev/Components/Accordion","sidebar":"sidebar"},{"id":"webdev/Components/Breadcrumb","path":"/volto-eea-design-system/docs/webdev/Components/Breadcrumb","sidebar":"sidebar"},{"id":"webdev/Components/Buttons","path":"/volto-eea-design-system/docs/webdev/Components/Buttons","sidebar":"sidebar"},{"id":"webdev/Components/Callout","path":"/volto-eea-design-system/docs/webdev/Components/Callout","sidebar":"sidebar"},{"id":"webdev/Components/Cards","path":"/volto-eea-design-system/docs/webdev/Components/Cards","sidebar":"sidebar"},{"id":"webdev/Components/Comment","path":"/volto-eea-design-system/docs/webdev/Components/Comment","sidebar":"sidebar"},{"id":"webdev/Components/Confirm","path":"/volto-eea-design-system/docs/webdev/Components/Confirm","sidebar":"sidebar"},{"id":"webdev/Components/Content","path":"/volto-eea-design-system/docs/webdev/Components/Content","sidebar":"sidebar"},{"id":"webdev/Components/Divider","path":"/volto-eea-design-system/docs/webdev/Components/Divider","sidebar":"sidebar"},{"id":"webdev/Components/Forms/Checkbox","path":"/volto-eea-design-system/docs/webdev/Components/Forms/Checkbox","sidebar":"sidebar"},{"id":"webdev/Components/Forms/Dropdown","path":"/volto-eea-design-system/docs/webdev/Components/Forms/Dropdown","sidebar":"sidebar"},{"id":"webdev/Components/Forms/Radio","path":"/volto-eea-design-system/docs/webdev/Components/Forms/Radio","sidebar":"sidebar"},{"id":"webdev/Components/Forms/TextArea","path":"/volto-eea-design-system/docs/webdev/Components/Forms/TextArea","sidebar":"sidebar"},{"id":"webdev/Components/Forms/TextInput","path":"/volto-eea-design-system/docs/webdev/Components/Forms/TextInput","sidebar":"sidebar"},{"id":"webdev/Components/Headings","path":"/volto-eea-design-system/docs/webdev/Components/Headings","sidebar":"sidebar"},{"id":"webdev/Components/Image","path":"/volto-eea-design-system/docs/webdev/Components/Image","sidebar":"sidebar"},{"id":"webdev/Components/Inpage-Navigation","path":"/volto-eea-design-system/docs/webdev/Components/Inpage-Navigation","sidebar":"sidebar"},{"id":"webdev/Components/Item","path":"/volto-eea-design-system/docs/webdev/Components/Item","sidebar":"sidebar"},{"id":"webdev/Components/Labeled-icons","path":"/volto-eea-design-system/docs/webdev/Components/Labeled-icons","sidebar":"sidebar"},{"id":"webdev/Components/Labels","path":"/volto-eea-design-system/docs/webdev/Components/Labels","sidebar":"sidebar"},{"id":"webdev/Components/Lists","path":"/volto-eea-design-system/docs/webdev/Components/Lists","sidebar":"sidebar"},{"id":"webdev/Components/Loader","path":"/volto-eea-design-system/docs/webdev/Components/Loader","sidebar":"sidebar"},{"id":"webdev/Components/Logo","path":"/volto-eea-design-system/docs/webdev/Components/Logo","sidebar":"sidebar"},{"id":"webdev/Components/Messages","path":"/volto-eea-design-system/docs/webdev/Components/Messages","sidebar":"sidebar"},{"id":"webdev/Components/Modal","path":"/volto-eea-design-system/docs/webdev/Components/Modal","sidebar":"sidebar"},{"id":"webdev/Components/Pagination","path":"/volto-eea-design-system/docs/webdev/Components/Pagination","sidebar":"sidebar"},{"id":"webdev/Components/Popup","path":"/volto-eea-design-system/docs/webdev/Components/Popup","sidebar":"sidebar"},{"id":"webdev/Components/Progress","path":"/volto-eea-design-system/docs/webdev/Components/Progress","sidebar":"sidebar"},{"id":"webdev/Components/Quote/Quote","path":"/volto-eea-design-system/docs/webdev/Components/Quote/Quote","sidebar":"sidebar"},{"id":"webdev/Components/Quote/Testimonial","path":"/volto-eea-design-system/docs/webdev/Components/Quote/Testimonial","sidebar":"sidebar"},{"id":"webdev/Components/Search/Filters","path":"/volto-eea-design-system/docs/webdev/Components/Search/Filters","sidebar":"sidebar"},{"id":"webdev/Components/Search/Searchbox","path":"/volto-eea-design-system/docs/webdev/Components/Search/Searchbox","sidebar":"sidebar"},{"id":"webdev/Components/Search/Suggestions","path":"/volto-eea-design-system/docs/webdev/Components/Search/Suggestions","sidebar":"sidebar"},{"id":"webdev/Components/Segment","path":"/volto-eea-design-system/docs/webdev/Components/Segment","sidebar":"sidebar"},{"id":"webdev/Components/Statistic","path":"/volto-eea-design-system/docs/webdev/Components/Statistic","sidebar":"sidebar"},{"id":"webdev/Components/Tab","path":"/volto-eea-design-system/docs/webdev/Components/Tab","sidebar":"sidebar"},{"id":"webdev/Components/Table","path":"/volto-eea-design-system/docs/webdev/Components/Table","sidebar":"sidebar"},{"id":"webdev/Components/Tags","path":"/volto-eea-design-system/docs/webdev/Components/Tags","sidebar":"sidebar"},{"id":"webdev/Components/Timeline","path":"/volto-eea-design-system/docs/webdev/Components/Timeline","sidebar":"sidebar"},{"id":"webdev/Components/Video","path":"/volto-eea-design-system/docs/webdev/Components/Video","sidebar":"sidebar"},{"id":"webdev/Components/Visuals/Charts","path":"/volto-eea-design-system/docs/webdev/Components/Visuals/Charts","sidebar":"sidebar"},{"id":"webdev/Components/Visuals/Dashboard","path":"/volto-eea-design-system/docs/webdev/Components/Visuals/Dashboard","sidebar":"sidebar"},{"id":"webdev/Components/Visuals/Maps","path":"/volto-eea-design-system/docs/webdev/Components/Visuals/Maps","sidebar":"sidebar"},{"id":"webdev/Guidelines/colours","path":"/volto-eea-design-system/docs/webdev/Guidelines/colours","sidebar":"sidebar"},{"id":"webdev/Guidelines/iconography","path":"/volto-eea-design-system/docs/webdev/Guidelines/iconography","sidebar":"sidebar"},{"id":"webdev/Guidelines/images","path":"/volto-eea-design-system/docs/webdev/Guidelines/images","sidebar":"sidebar"},{"id":"webdev/Guidelines/intro","path":"/volto-eea-design-system/docs/webdev/Guidelines/intro","sidebar":"sidebar"},{"id":"webdev/Guidelines/spacing","path":"/volto-eea-design-system/docs/webdev/Guidelines/spacing","sidebar":"sidebar"},{"id":"webdev/Guidelines/typography","path":"/volto-eea-design-system/docs/webdev/Guidelines/typography","sidebar":"sidebar"},{"id":"webdev/Resources/developer-guidelines","path":"/volto-eea-design-system/docs/webdev/Resources/developer-guidelines","sidebar":"sidebar"},{"id":"webdev/Resources/theming-guidelines","path":"/volto-eea-design-system/docs/webdev/Resources/theming-guidelines","sidebar":"sidebar"},{"id":"webdev/Templates/Grid","path":"/volto-eea-design-system/docs/webdev/Templates/Grid","sidebar":"sidebar"},{"id":"webdev/Templates/PageHeader","path":"/volto-eea-design-system/docs/webdev/Templates/PageHeader","sidebar":"sidebar"},{"id":"webdev/Templates/SiteFooter","path":"/volto-eea-design-system/docs/webdev/Templates/SiteFooter","sidebar":"sidebar"},{"id":"webdev/Templates/SiteHeader","path":"/volto-eea-design-system/docs/webdev/Templates/SiteHeader","sidebar":"sidebar"},{"id":"webdev/Utilities/intro","path":"/volto-eea-design-system/docs/webdev/Utilities/intro","sidebar":"sidebar"},{"id":"whatsnew","path":"/volto-eea-design-system/docs/whatsnew","sidebar":"sidebar"}]}]}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en"],"currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr"}}}');var s=n(144);const l=JSON.parse('{"docusaurusVersion":"2.0.0-beta.13","siteVersion":"0.1.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"2.0.0-beta.13"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"2.0.0-beta.13"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"2.0.0-beta.13"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"2.0.0-beta.13"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"2.0.0-beta.13"}}}'),c={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},u=r.createContext(c);function d(e){let{children:t}=e;return r.createElement(u.Provider,{value:c},t)}},8136:(e,t,n)=>{"use strict";function r(e){return!0===/^(\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{_:()=>r,c:()=>o})},3315:(e,t,n)=>{"use strict";n.d(t,{c:()=>r});const r=n(5464).k},5888:(e,t,n)=>{"use strict";n.r(t),n.d(t,{BrowserRouter:()=>r.kn,HashRouter:()=>r.mk,Link:()=>r.cH,MemoryRouter:()=>r.wF,NavLink:()=>r.Af,Prompt:()=>r.K2,Redirect:()=>r.YJ,Route:()=>r.kX,Router:()=>r.E5,StaticRouter:()=>r.ws,Switch:()=>r.Wk,generatePath:()=>r.Yz,matchPath:()=>r.ot,useHistory:()=>r.Uz,useLocation:()=>r.IT,useParams:()=>r.W4,useRouteMatch:()=>r.SU,withRouter:()=>r.Ak});var r=n(440)},964:(e,t,n)=>{"use strict";n.d(t,{E:()=>a,c:()=>i});var r=n(8264),o=n(8136);function a(){const{siteConfig:{baseUrl:e="/",url:t}={}}=(0,r.c)();return{withBaseUrl:(n,r)=>function(e,t,n,r){let{forcePrependBaseUrl:a=!1,absolute:i=!1}=void 0===r?{}:r;if(!n)return n;if(n.startsWith("#"))return n;if((0,o._)(n))return n;if(a)return t+n;const s=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+s:s}(t,e,n,r)}}function i(e,t){void 0===t&&(t={});const{withBaseUrl:n}=a();return n(e,t)}},8264:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});var r=n(1504),o=n(4864);const a=function(){return(0,r.useContext)(o.e)}},3160:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a,useAllPluginInstancesData:()=>i,usePluginData:()=>s});var r=n(8264),o=n(2488);function a(){const{globalData:e}=(0,r.c)();if(!e)throw new Error("Docusaurus global data not found.");return e}function i(e){const t=a()[e];if(!t)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return t}function s(e,t){void 0===t&&(t=o.M);const n=i(e)[t];if(!n)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return n}},3664:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});var r=n(1504),o=n(2412);function a(){return(0,r.useContext)(o.e)}},512:(e,t,n)=>{"use strict";n.d(t,{c:()=>s});var r=n(1504),o=n(7276),a=n(5712);function i(e){let{error:t,tryAgain:n}=e;return r.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",height:"50vh",width:"100%",fontSize:"20px"}},r.createElement("h1",null,"This page crashed."),r.createElement("p",null,t.message),r.createElement("button",{type:"button",onClick:n},"Try again"))}const s=function(e){let{error:t,tryAgain:n}=e;return r.createElement(a.c,{fallback:()=>r.createElement(i,{error:t,tryAgain:n})},r.createElement(o.c,{title:"Page Error"},r.createElement(i,{error:t,tryAgain:n})))}},4288:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getDocVersionSuggestions=t.getActiveDocContext=t.getActiveVersion=t.getLatestVersion=t.getActivePlugin=void 0;const r=n(5888);t.getActivePlugin=function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).find((e=>{let[n,o]=e;return!!(0,r.matchPath)(t,{path:o.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return a};t.getLatestVersion=e=>e.versions.find((e=>e.isLast));t.getActiveVersion=(e,n)=>{const o=(0,t.getLatestVersion)(e);return[...e.versions.filter((e=>e!==o)),o].find((e=>!!(0,r.matchPath)(n,{path:e.path,exact:!1,strict:!1})))};t.getActiveDocContext=(e,n)=>{const o=(0,t.getActiveVersion)(e,n),a=null==o?void 0:o.docs.find((e=>!!(0,r.matchPath)(n,{path:e.path,exact:!0,strict:!1})));return{activeVersion:o,activeDoc:a,alternateDocVersions:a?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(a.id):{}}};t.getDocVersionSuggestions=(e,n)=>{const r=(0,t.getLatestVersion)(e),o=(0,t.getActiveDocContext)(e,n);return{latestDocSuggestion:null==o?void 0:o.alternateDocVersions[r.name],latestVersionSuggestion:r}}},9496:(e,t,n)=>{"use strict";t.i8=t.wB=t.MK=t.aA=t.gN=t.UF=t.OK=t.L0=void 0;const r=n(1316),o=n(5888),a=(0,r.__importStar)(n(3160)),i=n(4288),s={};t.L0=()=>{var e;return null!==(e=(0,a.default)()["docusaurus-plugin-content-docs"])&&void 0!==e?e:s};t.OK=e=>(0,a.usePluginData)("docusaurus-plugin-content-docs",e);t.UF=function(e){void 0===e&&(e={});const n=(0,t.L0)(),{pathname:r}=(0,o.useLocation)();return(0,i.getActivePlugin)(n,r,e)};t.gN=e=>(0,t.OK)(e).versions;t.aA=e=>{const n=(0,t.OK)(e);return(0,i.getLatestVersion)(n)};t.MK=e=>{const n=(0,t.OK)(e),{pathname:r}=(0,o.useLocation)();return(0,i.getActiveVersion)(n,r)};t.wB=e=>{const n=(0,t.OK)(e),{pathname:r}=(0,o.useLocation)();return(0,i.getActiveDocContext)(n,r)};t.i8=e=>{const n=(0,t.OK)(e),{pathname:r}=(0,o.useLocation)();return(0,i.getDocVersionSuggestions)(n,r)}},9840:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});var r=n(1504);const o="iconExternalLink_wgqa";const a=function(e){let{width:t=13.5,height:n=13.5}=e;return r.createElement("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:o},r.createElement("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"}))}},7276:(e,t,n)=>{"use strict";n.d(t,{c:()=>xe});var r=n(1504),o=n(4971),a=n(5712),i=n(5592),s=n(4357),l=n(7572);const c="skipToContent_OuoZ";function u(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}const d=function(){const e=(0,r.useRef)(null),{action:t}=(0,i.Uz)();return(0,l.cD)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&u(e.current)})),r.createElement("div",{ref:e},r.createElement("a",{href:"#",className:c,onClick:e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")||document.querySelector(".main-wrapper");t&&u(t)}},r.createElement(s.c,{id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation"},"Skip to main content")))};var p=n(5072);function f(e){let{width:t=21,height:n=21,color:o="currentColor",strokeWidth:a=1.2,className:i,...s}=e;return r.createElement("svg",(0,p.c)({viewBox:"0 0 15 15",width:t,height:n},s),r.createElement("g",{stroke:o,strokeWidth:a},r.createElement("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})))}const m="announcementBar_axC9",g="announcementBarPlaceholder_xYHE",h="announcementBarClose_A3A1",v="announcementBarContent_6uhP";const b=function(){const{isActive:e,close:t}=(0,l.el)(),{announcementBar:n}=(0,l.yw)();if(!e)return null;const{content:a,backgroundColor:i,textColor:c,isCloseable:u}=n;return r.createElement("div",{className:m,style:{backgroundColor:i,color:c},role:"banner"},u&&r.createElement("div",{className:g}),r.createElement("div",{className:v,dangerouslySetInnerHTML:{__html:a}}),u?r.createElement("button",{type:"button",className:(0,o.c)("clean-btn close",h),onClick:t,"aria-label":(0,s.G)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"})},r.createElement(f,{width:14,height:14,strokeWidth:3.1})):null)};var y=n(2944),w=n(3664);const k="toggle_iYfV",E="toggleScreenReader_h9qa",S="toggleDisabled_xj38",C="toggleTrack_t-f2",x="toggleTrackCheck_mk7D",_="toggleChecked_a04y",T="toggleTrackX_dm8H",P="toggleTrackThumb_W6To",A="toggleFocused_pRSw",R="toggleIcon_pHJ9",L=(0,r.memo)((e=>{let{className:t,switchConfig:n,checked:a,disabled:i,onChange:s}=e;const{darkIcon:l,darkIconStyle:c,lightIcon:u,lightIconStyle:d}=n,[p,f]=(0,r.useState)(a),[m,g]=(0,r.useState)(!1),h=(0,r.useRef)(null);return r.createElement("div",{className:(0,o.c)(k,t,{[_]:p,[A]:m,[S]:i})},r.createElement("div",{className:C,role:"button",tabIndex:-1,onClick:()=>h.current?.click()},r.createElement("div",{className:x},r.createElement("span",{className:R,style:c},l)),r.createElement("div",{className:T},r.createElement("span",{className:R,style:d},u)),r.createElement("div",{className:P})),r.createElement("input",{ref:h,checked:p,type:"checkbox",className:E,"aria-label":"Switch between dark and light mode",onChange:s,onClick:()=>f(!p),onFocus:()=>g(!0),onBlur:()=>g(!1),onKeyDown:e=>{"Enter"===e.key&&h.current?.click()}}))}));function O(e){const{colorMode:{switchConfig:t}}=(0,l.yw)(),n=(0,w.c)();return r.createElement(L,(0,p.c)({switchConfig:t,disabled:!n},e))}var N=n(9464);const D=e=>{const[t,n]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,l.SM)(((t,r)=>{if(!e)return;const i=t.scrollY;if(i=s?n(!1):i+c{if(e)return t.location.hash?(o.current=!0,void n(!1)):void n(!0)})),{navbarRef:i,isNavbarVisible:t}};const I=function(e){void 0===e&&(e=!0),(0,r.useEffect)((()=>(document.body.style.overflow=e?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[e])};var M=n(8072),F=n(3920),j=n(2644),B=n(2416);const U=function(e){let{width:t=30,height:n=30,className:o,...a}=e;return r.createElement("svg",(0,p.c)({className:o,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true"},a),r.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"}))},z={toggle:"toggle_2i4l",navbarHideable:"navbarHideable_RReh",navbarHidden:"navbarHidden_FBwS",navbarSidebarToggle:"navbarSidebarToggle_AVbO"},$="right";function G(){return(0,l.yw)().navbar.items}function q(){const{colorMode:{disableSwitch:e}}=(0,l.yw)(),{isDarkTheme:t,setLightTheme:n,setDarkTheme:o}=(0,N.c)();return{isDarkTheme:t,toggle:(0,r.useCallback)((e=>e.target.checked?o():n()),[n,o]),disabled:e}}function H(e){let{sidebarShown:t,toggleSidebar:n}=e;I(t);const a=G(),i=q(),c=function(e){let{sidebarShown:t,toggleSidebar:n}=e;const o=(0,l.GW)()?.({toggleSidebar:n}),a=(0,l.i0)(o),[i,s]=(0,r.useState)((()=>!1));(0,r.useEffect)((()=>{o&&!a&&s(!0)}),[o,a]);const c=!!o;return(0,r.useEffect)((()=>{c?t||s(!0):s(!1)}),[t,c]),{shown:i,hide:(0,r.useCallback)((()=>{s(!1)}),[]),content:o}}({sidebarShown:t,toggleSidebar:n});return r.createElement("div",{className:"navbar-sidebar"},r.createElement("div",{className:"navbar-sidebar__brand"},r.createElement(B.c,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title"}),!i.disabled&&r.createElement(O,{className:z.navbarSidebarToggle,checked:i.isDarkTheme,onChange:i.toggle}),r.createElement("button",{type:"button",className:"clean-btn navbar-sidebar__close",onClick:n},r.createElement(f,{color:"var(--ifm-color-emphasis-600)",className:z.navbarSidebarCloseSvg}))),r.createElement("div",{className:(0,o.c)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":c.shown})},r.createElement("div",{className:"navbar-sidebar__item menu"},r.createElement("ul",{className:"menu__list"},a.map(((e,t)=>r.createElement(j.c,(0,p.c)({mobile:!0},e,{onClick:n,key:t})))))),r.createElement("div",{className:"navbar-sidebar__item menu"},a.length>0&&r.createElement("button",{type:"button",className:"clean-btn navbar-sidebar__back",onClick:c.hide},r.createElement(s.c,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)"},"\u2190 Back to main menu")),c.content)))}const V=function(){const{navbar:{hideOnScroll:e,style:t}}=(0,l.yw)(),n=function(){const e=(0,M.c)(),t="mobile"===e,[n,o]=(0,r.useState)(!1);(0,l.a4)((()=>{if(n)return o(!1),!1}));const a=(0,r.useCallback)((()=>{o((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===e&&o(!1)}),[e]),{shouldRender:t,toggle:a,shown:n}}(),a=q(),i=(0,F.UF)(),{navbarRef:s,isNavbarVisible:c}=D(e),u=G(),d=u.some((e=>"search"===e.type)),{leftItems:f,rightItems:m}=function(e){return{leftItems:e.filter((e=>"left"===(e.position??$))),rightItems:e.filter((e=>"right"===(e.position??$)))}}(u);return r.createElement("nav",{ref:s,className:(0,o.c)("navbar","navbar--fixed-top",{"navbar--dark":"dark"===t,"navbar--primary":"primary"===t,"navbar-sidebar--show":n.shown,[z.navbarHideable]:e,[z.navbarHidden]:e&&!c})},r.createElement("div",{className:"navbar__inner"},r.createElement("div",{className:"navbar__items"},(u?.length>0||i)&&r.createElement("button",{"aria-label":"Navigation bar toggle",className:"navbar__toggle clean-btn",type:"button",tabIndex:0,onClick:n.toggle,onKeyDown:n.toggle},r.createElement(U,null)),r.createElement(B.c,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title"}),f.map(((e,t)=>r.createElement(j.c,(0,p.c)({},e,{key:t}))))),r.createElement("div",{className:"navbar__items navbar__items--right"},m.map(((e,t)=>r.createElement(j.c,(0,p.c)({},e,{key:t})))),!a.disabled&&r.createElement(O,{className:z.toggle,checked:a.isDarkTheme,onChange:a.toggle}),!d&&r.createElement(y.c,null))),r.createElement("div",{role:"presentation",className:"navbar-sidebar__backdrop",onClick:n.toggle}),n.shouldRender&&r.createElement(H,{sidebarShown:n.shown,toggleSidebar:n.toggle}))};var W=n(6016),K=n(964),Q=n(8136);const Y="footerLogoLink_SRtH";var X=n(780),J=n(9840);function Z(e){let{to:t,href:n,label:o,prependBaseUrlToHref:a,...i}=e;const s=(0,K.c)(t),l=(0,K.c)(n,{forcePrependBaseUrl:!0});return r.createElement(W.c,(0,p.c)({className:"footer__link-item"},n?{href:a?l:n}:{to:s},i),n&&!(0,Q.c)(n)?r.createElement("span",null,o,r.createElement(J.c,null)):o)}function ee(e){let{sources:t,alt:n,width:o,height:a}=e;return r.createElement(X.c,{className:"footer__logo",alt:n,sources:t,width:o,height:a})}const te=function(){const{footer:e}=(0,l.yw)(),{copyright:t,links:n=[],logo:a={}}=e||{},i={light:(0,K.c)(a.src),dark:(0,K.c)(a.srcDark||a.src)};return e?r.createElement("footer",{className:(0,o.c)("footer",{"footer--dark":"dark"===e.style})},r.createElement("div",{className:"container"},n&&n.length>0&&r.createElement("div",{className:"row footer__links"},n.map(((e,t)=>r.createElement("div",{key:t,className:"col footer__col"},null!=e.title?r.createElement("div",{className:"footer__title"},e.title):null,null!=e.items&&Array.isArray(e.items)&&e.items.length>0?r.createElement("ul",{className:"footer__items"},e.items.map(((e,t)=>e.html?r.createElement("li",{key:t,className:"footer__item",dangerouslySetInnerHTML:{__html:e.html}}):r.createElement("li",{key:e.href||e.to,className:"footer__item"},r.createElement(Z,e))))):null)))),(a||t)&&r.createElement("div",{className:"footer__bottom text--center"},a&&(a.src||a.srcDark)&&r.createElement("div",{className:"margin-bottom--sm"},a.href?r.createElement(W.c,{href:a.href,className:Y},r.createElement(ee,{alt:a.alt,sources:i,width:a.width,height:a.height})):r.createElement(ee,{alt:a.alt,sources:i})),t?r.createElement("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}}):null))):null};var ne=n(8684);const re=(0,l.GS)("theme"),oe="light",ae="dark",ie=e=>e===ae?ae:oe,se=e=>{(0,l.GS)("theme").set(ie(e))},le=()=>{const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,l.yw)(),[o,a]=(0,r.useState)((e=>ne.c.canUseDOM?ie(document.documentElement.getAttribute("data-theme")):ie(e))(e)),i=(0,r.useCallback)((()=>{a(oe),se(oe)}),[]),s=(0,r.useCallback)((()=>{a(ae),se(ae)}),[]);return(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",ie(o))}),[o]),(0,r.useEffect)((()=>{if(!t)try{const e=re.get();null!==e&&a(ie(e))}catch(e){console.error(e)}}),[t,a]),(0,r.useEffect)((()=>{t&&!n||window.matchMedia("(prefers-color-scheme: dark)").addListener((e=>{let{matches:t}=e;a(t?ae:oe)}))}),[t,n]),{isDarkTheme:o===ae,setLightTheme:i,setDarkTheme:s}};var ce=n(520);const ue=function(e){const{isDarkTheme:t,setLightTheme:n,setDarkTheme:o}=le(),a=(0,r.useMemo)((()=>({isDarkTheme:t,setLightTheme:n,setDarkTheme:o})),[t,n,o]);return r.createElement(ce.c.Provider,{value:a},e.children)},de="docusaurus.tab.",pe=()=>{const[e,t]=(0,r.useState)({}),n=(0,r.useCallback)(((e,t)=>{(0,l.GS)(`${de}${e}`).set(t)}),[]);return(0,r.useEffect)((()=>{try{const e={};(0,l.Ed)().forEach((t=>{if(t.startsWith(de)){const n=t.substring(15);e[n]=(0,l.GS)(t).get()}})),t(e)}catch(e){console.error(e)}}),[]),{tabGroupChoices:e,setTabGroupChoices:(e,r)=>{t((t=>({...t,[e]:r}))),n(e,r)}}};var fe=n(7676);const me=function(e){const{tabGroupChoices:t,setTabGroupChoices:n}=pe(),o=(0,r.useMemo)((()=>({tabGroupChoices:t,setTabGroupChoices:n})),[t,n]);return r.createElement(fe.c.Provider,{value:o},e.children)};function ge(e){let{children:t}=e;return r.createElement(ue,null,r.createElement(l.qu,null,r.createElement(me,null,r.createElement(l.S2,null,r.createElement(l.gc,null,r.createElement(l.cz,null,t))))))}var he=n(6054),ve=n(8264);function be(e){let{locale:t,version:n,tag:o}=e;return r.createElement(he.c,null,t&&r.createElement("meta",{name:"docusaurus_locale",content:t}),n&&r.createElement("meta",{name:"docusaurus_version",content:n}),o&&r.createElement("meta",{name:"docusaurus_tag",content:o}))}var ye=n(6068);function we(){const{i18n:{defaultLocale:e,locales:t}}=(0,ve.c)(),n=(0,l.DP)();return r.createElement(he.c,null,t.map((e=>r.createElement("link",{key:e,rel:"alternate",href:n.createUrl({locale:e,fullyQualified:!0}),hrefLang:e}))),r.createElement("link",{rel:"alternate",href:n.createUrl({locale:e,fullyQualified:!0}),hrefLang:"x-default"}))}function ke(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,ve.c)(),o=function(){const{siteConfig:{url:e}}=(0,ve.c)(),{pathname:t}=(0,i.IT)();return e+(0,K.c)(t)}(),a=t?`${n}${t}`:o;return r.createElement(he.c,null,r.createElement("meta",{property:"og:url",content:a}),r.createElement("link",{rel:"canonical",href:a}))}function Ee(e){const{siteConfig:{favicon:t},i18n:{currentLocale:n,localeConfigs:o}}=(0,ve.c)(),{metadata:a,image:i}=(0,l.yw)(),{title:s,description:c,image:u,keywords:d,searchMetadata:f}=e,m=(0,K.c)(t),g=(0,l.g7)(s),h=n,v=o[n].direction;return r.createElement(r.Fragment,null,r.createElement(he.c,null,r.createElement("html",{lang:h,dir:v}),t&&r.createElement("link",{rel:"icon",href:m}),r.createElement("title",null,g),r.createElement("meta",{property:"og:title",content:g}),r.createElement("meta",{name:"twitter:card",content:"summary_large_image"})),i&&r.createElement(ye.c,{image:i}),u&&r.createElement(ye.c,{image:u}),r.createElement(ye.c,{description:c,keywords:d}),r.createElement(ke,null),r.createElement(we,null),r.createElement(be,(0,p.c)({tag:l.e6,locale:n},f)),r.createElement(he.c,null,a.map(((e,t)=>r.createElement("meta",(0,p.c)({key:`metadata_${t}`},e))))))}const Se=function(){(0,r.useEffect)((()=>{const e="navigation-with-keyboard";function t(t){"keydown"===t.type&&"Tab"===t.key&&document.body.classList.add(e),"mousedown"===t.type&&document.body.classList.remove(e)}return document.addEventListener("keydown",t),document.addEventListener("mousedown",t),()=>{document.body.classList.remove(e),document.removeEventListener("keydown",t),document.removeEventListener("mousedown",t)}}),[])};function Ce(e){let{error:t,tryAgain:n}=e;return r.createElement("main",{className:"container margin-vert--xl"},r.createElement("div",{className:"row"},r.createElement("div",{className:"col col--6 col--offset-3"},r.createElement("h1",{className:"hero__title"},r.createElement(s.c,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed"},"This page crashed.")),r.createElement("p",null,t.message),r.createElement("div",null,r.createElement("button",{type:"button",onClick:n},r.createElement(s.c,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again when the page crashed"},"Try again"))))))}const xe=function(e){const{children:t,noFooter:n,wrapperClassName:i,pageClassName:s}=e;return Se(),r.createElement(ge,null,r.createElement(Ee,e),r.createElement(d,null),r.createElement(b,null),r.createElement(V,null),r.createElement("div",{className:(0,o.c)(l.Wu.wrapper.main,i,s)},r.createElement(a.c,{fallback:Ce},t)),!n&&r.createElement(te,null))}},2416:(e,t,n)=>{"use strict";n.d(t,{c:()=>u});var r=n(5072),o=n(1504),a=n(6016),i=n(780),s=n(964),l=n(8264),c=n(7572);const u=function(e){const{siteConfig:{title:t}}=(0,l.c)(),{navbar:{title:n,logo:u={src:""}}}=(0,c.yw)(),{imageClassName:d,titleClassName:p,...f}=e,m=(0,s.c)(u.href||"/"),g={light:(0,s.c)(u.src),dark:(0,s.c)(u.srcDark||u.src)},h=o.createElement(i.c,{sources:g,height:u.height,width:u.width,alt:u.alt||n||t});return o.createElement(a.c,(0,r.c)({to:m},f,u.target&&{target:u.target}),u.src&&(d?o.createElement("div",{className:d},h):h),null!=n&&o.createElement("b",{className:p},n))}},9428:(e,t,n)=>{"use strict";n.d(t,{A:()=>f,c:()=>h});var r=n(5072),o=n(1504),a=n(4971),i=n(6016),s=n(964),l=n(9840),c=n(8136),u=n(7572),d=n(2644);const p="dropdown__link--active";function f(e){let{activeBasePath:t,activeBaseRegex:n,to:a,href:d,label:f,activeClassName:m="",prependBaseUrlToHref:g,...h}=e;const v=(0,s.c)(a),b=(0,s.c)(t),y=(0,s.c)(d,{forcePrependBaseUrl:!0}),w=f&&d&&!(0,c.c)(d),k=m===p;return o.createElement(i.c,(0,r.c)({},d?{href:g?y:d}:{isNavLink:!0,activeClassName:h.className?.includes(m)?"":m,to:v,...t||n?{isActive:(e,t)=>n?(0,u._C)(n,t.pathname):t.pathname.startsWith(b)}:null},h),w?o.createElement("span",null,f,o.createElement(l.c,k&&{width:12,height:12})):f)}function m(e){let{className:t,isDropdownItem:n=!1,...i}=e;const s=o.createElement(f,(0,r.c)({className:(0,a.c)(n?"dropdown__link":"navbar__item navbar__link",t)},i));return n?o.createElement("li",null,s):s}function g(e){let{className:t,isDropdownItem:n,...i}=e;return o.createElement("li",{className:"menu__list-item"},o.createElement(f,(0,r.c)({className:(0,a.c)("menu__link",t)},i)))}const h=function(e){let{mobile:t=!1,position:n,...a}=e;const i=t?g:m;return o.createElement(i,(0,r.c)({},a,{activeClassName:a.activeClassName??(0,d.e)(t)}))}},3040:(e,t,n)=>{"use strict";n.d(t,{c:()=>u});var r=n(5072),o=n(1504),a=n(9428),i=n(3920),s=n(4971),l=n(2644),c=n(7572);function u(e){let{docId:t,label:n,docsPluginId:u,...d}=e;const{activeVersion:p,activeDoc:f}=(0,i.wB)(u),{preferredVersion:m}=(0,c.iy)(u),g=(0,i.aA)(u),h=function(e,t){const n=e.flatMap((e=>e.docs)),r=n.find((e=>e.id===t));if(!r){const r=n.map((e=>e.id)).join("\n- ");throw new Error(`DocNavbarItem: couldn't find any doc with id "${t}" in version${e.length?"s":""} ${e.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${r}`)}return r}((0,c.Ub)([p,m,g].filter(Boolean)),t),v=(0,l.e)(d.mobile);return o.createElement(a.c,(0,r.c)({exact:!0},d,{className:(0,s.c)(d.className,{[v]:f?.sidebar&&f.sidebar===h.sidebar}),activeClassName:v,label:n??h.id,to:h.path}))}},5692:(e,t,n)=>{"use strict";n.d(t,{c:()=>d});var r=n(5072),o=n(1504),a=n(9428),i=n(40),s=n(3920),l=n(7572),c=n(4357);const u=e=>e.docs.find((t=>t.id===e.mainDocId));function d(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:d,dropdownItemsBefore:p,dropdownItemsAfter:f,...m}=e;const g=(0,s.wB)(n),h=(0,s.gN)(n),v=(0,s.aA)(n),{preferredVersion:b,savePreferredVersionName:y}=(0,l.iy)(n);const w=function(){const e=h.map((e=>{const t=g?.alternateDocVersions[e.name]||u(e);return{isNavLink:!0,label:e.label,to:t.path,isActive:()=>e===g?.activeVersion,onClick:()=>{y(e.name)}}}));return[...p,...e,...f]}(),k=g.activeVersion??b??v,E=t&&w?(0,c.G)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):k.label,S=t&&w?void 0:u(k).path;return w.length<=1?o.createElement(a.c,(0,r.c)({},m,{mobile:t,label:E,to:S,isActive:d?()=>!1:void 0})):o.createElement(i.c,(0,r.c)({},m,{mobile:t,label:E,to:S,items:w,isActive:d?()=>!1:void 0}))}},4168:(e,t,n)=>{"use strict";n.d(t,{c:()=>c});var r=n(5072),o=n(1504),a=n(9428),i=n(3920),s=n(7572);const l=e=>e.docs.find((t=>t.id===e.mainDocId));function c(e){let{label:t,to:n,docsPluginId:c,...u}=e;const d=(0,i.MK)(c),{preferredVersion:p}=(0,s.iy)(c),f=(0,i.aA)(c),m=d??p??f,g=t??m.label,h=n??l(m).path;return o.createElement(a.c,(0,r.c)({},u,{label:g,to:h}))}},40:(e,t,n)=>{"use strict";n.d(t,{c:()=>f});var r=n(5072),o=n(1504),a=n(4971),i=n(7572),s=n(9428),l=n(2644);const c="dropdown__link--active";function u(e,t){return e.some((e=>function(e,t){return!!(0,i.Sc)(e.to,t)||!!(0,i._C)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function d(e){let{items:t,position:n,className:i,...u}=e;const d=(0,o.useRef)(null),p=(0,o.useRef)(null),[f,m]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{const e=e=>{d.current&&!d.current.contains(e.target)&&m(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}),[d]),o.createElement("div",{ref:d,className:(0,a.c)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":f})},o.createElement(s.A,(0,r.c)({href:u.to?void 0:"#",className:(0,a.c)("navbar__link",i)},u,{onClick:u.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),m(!f))}}),u.children??u.label),o.createElement("ul",{ref:p,className:"dropdown__menu"},t.map(((e,n)=>o.createElement(l.c,(0,r.c)({isDropdownItem:!0,onKeyDown:e=>{if(n===t.length-1&&"Tab"===e.key){e.preventDefault(),m(!1);const t=d.current.nextElementSibling;t&&t.focus()}},activeClassName:c},e,{key:n}))))))}function p(e){let{items:t,className:n,position:c,...d}=e;const p=(0,i.g5)(),f=u(t,p),{collapsed:m,toggleCollapsed:g,setCollapsed:h}=(0,i.au)({initialState:()=>!f});return(0,o.useEffect)((()=>{f&&h(!f)}),[p,f,h]),o.createElement("li",{className:(0,a.c)("menu__list-item",{"menu__list-item--collapsed":m})},o.createElement(s.A,(0,r.c)({role:"button",className:(0,a.c)("menu__link menu__link--sublist",n)},d,{onClick:e=>{e.preventDefault(),g()}}),d.children??d.label),o.createElement(i.Uv,{lazy:!0,as:"ul",className:"menu__list",collapsed:m},t.map(((e,t)=>o.createElement(l.c,(0,r.c)({mobile:!0,isDropdownItem:!0,onClick:d.onClick,activeClassName:"menu__link--active"},e,{key:t}))))))}const f=function(e){let{mobile:t=!1,...n}=e;const r=t?p:d;return o.createElement(r,n)}},2644:(e,t,n)=>{"use strict";n.d(t,{c:()=>v,e:()=>h});var r=n(1504),o=n(9428),a=n(40),i=n(5072);const s=function(e){let{width:t=20,height:n=20,...o}=e;return r.createElement("svg",(0,i.c)({viewBox:"0 0 20 20",width:t,height:n,"aria-hidden":"true"},o),r.createElement("path",{fill:"currentColor",d:"M19.753 10.909c-.624-1.707-2.366-2.726-4.661-2.726-.09 0-.176.002-.262.006l-.016-2.063 3.525-.607c.115-.019.133-.119.109-.231-.023-.111-.167-.883-.188-.976-.027-.131-.102-.127-.207-.109-.104.018-3.25.461-3.25.461l-.013-2.078c-.001-.125-.069-.158-.194-.156l-1.025.016c-.105.002-.164.049-.162.148l.033 2.307s-3.061.527-3.144.543c-.084.014-.17.053-.151.143.019.09.19 1.094.208 1.172.018.08.072.129.188.107l2.924-.504.035 2.018c-1.077.281-1.801.824-2.256 1.303-.768.807-1.207 1.887-1.207 2.963 0 1.586.971 2.529 2.328 2.695 3.162.387 5.119-3.06 5.769-4.715 1.097 1.506.256 4.354-2.094 5.98-.043.029-.098.129-.033.207l.619.756c.08.096.206.059.256.023 2.51-1.73 3.661-4.515 2.869-6.683zm-7.386 3.188c-.966-.121-.944-.914-.944-1.453 0-.773.327-1.58.876-2.156a3.21 3.21 0 011.229-.799l.082 4.277a2.773 2.773 0 01-1.243.131zm2.427-.553l.046-4.109c.084-.004.166-.01.252-.01.773 0 1.494.145 1.885.361.391.217-1.023 2.713-2.183 3.758zm-8.95-7.668a.196.196 0 00-.196-.145h-1.95a.194.194 0 00-.194.144L.008 16.916c-.017.051-.011.076.062.076h1.733c.075 0 .099-.023.114-.072l1.008-3.318h3.496l1.008 3.318c.016.049.039.072.113.072h1.734c.072 0 .078-.025.062-.076-.014-.05-3.083-9.741-3.494-11.04zm-2.618 6.318l1.447-5.25 1.447 5.25H3.226z"}))};var l=n(8264),c=n(7572);const u="iconLanguage_EbrZ";function d(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:o,...d}=e;const{i18n:{currentLocale:p,locales:f,localeConfigs:m}}=(0,l.c)(),g=(0,c.DP)();function h(e){return m[e].label}const v=[...n,...f.map((e=>{const t=`pathname://${g.createUrl({locale:e,fullyQualified:!1})}`;return{isNavLink:!0,label:h(e),to:t,target:"_self",autoAddBaseUrl:!1,className:e===p?"dropdown__link--active":""}})),...o],b=t?"Languages":h(p);return r.createElement(a.c,(0,i.c)({},d,{mobile:t,label:r.createElement("span",null,r.createElement(s,{className:u}),r.createElement("span",null,b)),items:v}))}var p=n(2944);function f(e){let{mobile:t}=e;return t?null:r.createElement(p.c,null)}const m={default:()=>o.c,localeDropdown:()=>d,search:()=>f,dropdown:()=>a.c,docsVersion:()=>n(4168).c,docsVersionDropdown:()=>n(5692).c,doc:()=>n(3040).c},g=e=>{const t=m[e];if(!t)throw new Error(`No NavbarItem component found for type "${e}".`);return t()};const h=e=>e?"menu__link--active":"navbar__link--active";function v(e){let{type:t,...n}=e;const o=function(e,t){return e&&"default"!==e?e:t?"dropdown":"default"}(t,void 0!==n.items),a=g(o);return r.createElement(a,n)}},6068:(e,t,n)=>{"use strict";n.d(t,{c:()=>s});var r=n(1504),o=n(6054),a=n(7572),i=n(964);function s(e){let{title:t,description:n,keywords:s,image:l,children:c}=e;const u=(0,a.g7)(t),{withBaseUrl:d}=(0,i.E)(),p=l?d(l,{absolute:!0}):void 0;return r.createElement(o.c,null,t&&r.createElement("title",null,u),t&&r.createElement("meta",{property:"og:title",content:u}),n&&r.createElement("meta",{name:"description",content:n}),n&&r.createElement("meta",{property:"og:description",content:n}),s&&r.createElement("meta",{name:"keywords",content:Array.isArray(s)?s.join(","):s}),p&&r.createElement("meta",{property:"og:image",content:p}),p&&r.createElement("meta",{name:"twitter:image",content:p}),c)}},520:(e,t,n)=>{"use strict";n.d(t,{c:()=>r});const r=n(1504).createContext(void 0)},780:(e,t,n)=>{"use strict";n.d(t,{c:()=>c});var r=n(5072),o=n(1504),a=n(4971),i=n(3664),s=n(9464);const l={themedImage:"themedImage_TMUO","themedImage--light":"themedImage--light_4Vu1","themedImage--dark":"themedImage--dark_uzRr"};const c=function(e){const t=(0,i.c)(),{isDarkTheme:n}=(0,s.c)(),{sources:c,className:u,alt:d="",...p}=e,f=t?n?["dark"]:["light"]:["light","dark"];return o.createElement(o.Fragment,null,f.map((e=>o.createElement("img",(0,r.c)({key:e,src:c[e],alt:d,className:(0,a.c)(l.themedImage,l[`themedImage--${e}`],u)},p)))))}},7676:(e,t,n)=>{"use strict";n.d(t,{c:()=>r});const r=(0,n(1504).createContext)(void 0)},3920:(e,t,n)=>{"use strict";n.d(t,{L0:()=>r.L0,MK:()=>r.MK,OK:()=>r.OK,UF:()=>r.UF,aA:()=>r.aA,gN:()=>r.gN,i8:()=>r.i8,wB:()=>r.wB});var r=n(9496)},9464:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});var r=n(1504),o=n(520);const a=function(){const e=(0,r.useContext)(o.c);if(null==e)throw new Error('"useThemeContext" is used outside of "Layout" component. Please see https://docusaurus.io/docs/api/themes/configuration#usethemecontext.');return e}},8072:(e,t,n)=>{"use strict";n.d(t,{c:()=>l});var r=n(1504),o=n(8684);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(){return o.c.canUseDOM?window.innerWidth>i?a.desktop:a.mobile:a.ssr}const l=function(){const[e,t]=(0,r.useState)((()=>s()));return(0,r.useEffect)((()=>{function e(){t(s())}return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),clearTimeout(undefined)}}),[]),e}},8224:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(8684),o=n(408);const a=e=>{if(r.c.canUseDOM){const{themeConfig:{prism:t={}}}=o.default,{additionalLanguages:r=[]}=t;window.Prism=e,r.forEach((e=>{n(8660)(`./prism-${e}`)})),delete window.Prism}}},9640:(e,t,n)=>{"use strict";var r=o(n(6724));function o(e){return e&&e.__esModule?e:{default:e}}(0,o(n(8224)).default)(r.default)},7572:(e,t,n)=>{"use strict";n.d(t,{qu:()=>je,Uv:()=>ge,e6:()=>Y,Sk:()=>Se,gc:()=>D,yy:()=>S,Q1:()=>y,oh:()=>Pe,cz:()=>xe,S2:()=>Ye,Wu:()=>Le,GS:()=>c,SE:()=>X,wn:()=>Ae,OQ:()=>_,Md:()=>P,_C:()=>tt,Sc:()=>g,Ed:()=>u,QH:()=>W,K2:()=>K,cj:()=>Q,Ub:()=>Re,DP:()=>p,el:()=>Be,au:()=>se,wt:()=>T,_4:()=>k,iy:()=>F,mp:()=>C,EB:()=>w,a4:()=>ze,g5:()=>Ue,cD:()=>oe,GW:()=>Te,i0:()=>re,SM:()=>Ze,MV:()=>et,oz:()=>We,e4:()=>He,yw:()=>o,g7:()=>J});var r=n(8264);function o(){return(0,r.c)().siteConfig.themeConfig}const a="localStorage";function i(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,s||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),s=!0),null}var t}let s=!1;const l={get:()=>null,set:()=>{},del:()=>{}};const c=(e,t)=>{if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t}}(e);const n=i(null==t?void 0:t.persistence);return null===n?l:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{n.setItem(e,t)}catch(r){console.error(`Docusaurus storage error, can't set ${e}=${t}`,r)}},del:()=>{try{n.removeItem(e)}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}}}};function u(e){void 0===e&&(e=a);const t=i(e);if(!t)return[];const n=[];for(let r=0;r{const n=e=>!e||(null==e?void 0:e.endsWith("/"))?e:`${e}/`;return n(e)===n(t)},h=!!f.L0,v=Symbol("EmptyContext"),b=(0,m.createContext)(v);function y(e){let{children:t,version:n}=e;return m.createElement(b.Provider,{value:n},t)}function w(){const e=(0,m.useContext)(b);if(e===v)throw new Error("This hook requires usage of ");return e}function k(e){const t=w();if(!e)return;const n=t.docs[e];if(!n)throw new Error(`no version doc found by id=${e}`);return n}const E=(0,m.createContext)(v);function S(e){let{children:t,sidebar:n}=e;return m.createElement(E.Provider,{value:n},t)}function C(){const e=(0,m.useContext)(E);if(e===v)throw new Error("This hook requires usage of ");return e}function x(e,t){for(const n of e)if("category"===n.type){if(t(n))return n;{const e=x(n.items,t);if(e)return e}}}function _(e){if(e.href)return e.href;for(const t of e.items){if("link"===t.type)return t.href;if("category"!==t.type)throw new Error(`Unexpected category item type for ${JSON.stringify(t)}`);{const e=_(t);if(e)return e}}}function T(){const{pathname:e}=(0,d.IT)(),t=C();if(!t)throw new Error("Unexpected: cant find current sidebar in context");const n=x(t,(t=>g(t.href,e)));if(!n)throw new Error(`Unexpected: sidebar category could not be found for pathname='${e}'.\nHook useCurrentSidebarCategory() should only be used on Category pages`);return n}function P(e,t){const n=e=>void 0!==e&&g(e,t);return"link"===e.type?n(e.href):"category"===e.type&&(n(e.href)||function(e,t){return e.some((e=>P(e,t)))}(e.items,t))}const A=e=>`docs-preferred-version-${e}`,R={save:(e,t,n)=>{c(A(e),{persistence:t}).set(n)},read:(e,t)=>c(A(e),{persistence:t}).get(),clear:(e,t)=>{c(A(e),{persistence:t}).del()}};function L(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;const o={};return t.forEach((e=>{o[e]=function(e){const t=R.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(R.clear(e,n),{preferredVersionName:null})}(e)})),o}function O(){const e=(0,f.L0)(),t=o().docs.versionPersistence,n=(0,m.useMemo)((()=>Object.keys(e)),[e]),[r,a]=(0,m.useState)((()=>function(e){const t={};return e.forEach((e=>{t[e]={preferredVersionName:null}})),t}(n)));(0,m.useEffect)((()=>{a(L({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[r,(0,m.useMemo)((()=>({savePreferredVersion:function(e,n){R.save(e,t,n),a((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}const N=(0,m.createContext)(null);function D(e){let{children:t}=e;return h?m.createElement(I,null,t):t}function I(e){let{children:t}=e;const n=O();return m.createElement(N.Provider,{value:n},t)}var M=n(2488);function F(e){void 0===e&&(e=M.M);const t=(0,f.OK)(e),[n,r]=function(){const e=(0,m.useContext)(N);if(!e)throw new Error('Can\'t find docs preferred context, maybe you forgot to use the "DocsPreferredVersionContextProvider"?');return e}(),{preferredVersionName:o}=n[e];return{preferredVersion:o?t.versions.find((e=>e.name===o)):null,savePreferredVersionName:(0,m.useCallback)((t=>{r.savePreferredVersion(e,t)}),[r,e])}}var j=n(6504),B=n.n(j);const U=/title=(["'])(.*?)\1/,z=/{([\d,-]+)}/,$=["js","jsBlock","jsx","python","html"],G={js:{start:"\\/\\/",end:""},jsBlock:{start:"\\/\\*",end:"\\*\\/"},jsx:{start:"\\{\\s*\\/\\*",end:"\\*\\/\\s*\\}"},python:{start:"#",end:""},html:{start:"\x3c!--",end:"--\x3e"}},q=["highlight-next-line","highlight-start","highlight-end"],H=function(e){void 0===e&&(e=$);const t=e.map((e=>{const{start:t,end:n}=G[e];return`(?:${t}\\s*(${q.join("|")})\\s*${n})`})).join("|");return new RegExp(`^\\s*(?:${t})\\s*$`)},V=e=>{switch(e){case"js":case"javascript":case"ts":case"typescript":return H(["js","jsBlock"]);case"jsx":case"tsx":return H(["js","jsBlock","jsx"]);case"html":return H(["js","jsBlock","html"]);case"python":case"py":return H(["python"]);default:return H()}};function W(e){var t,n;return null!==(n=null===(t=null==e?void 0:e.match(U))||void 0===t?void 0:t[2])&&void 0!==n?n:""}function K(e){const t=null==e?void 0:e.split(" ").find((e=>e.startsWith("language-")));return null==t?void 0:t.replace(/language-/,"")}function Q(e,t,n){let r=e.replace(/\n$/,"");if(t&&z.test(t)){const e=t.match(z)[1];return{highlightLines:B()(e).filter((e=>e>0)).map((e=>e-1)),code:r}}if(void 0===n)return{highlightLines:[],code:r};const o=V(n),a=r.split("\n");let i,s="";for(let c=0;cvoid 0!==e))){case"highlight-next-line":s+=`${c},`;break;case"highlight-start":i=c;break;case"highlight-end":s+=`${i}-${c-1},`}a.splice(c,1)}else c+=1}const l=B()(s);return r=a.join("\n"),{highlightLines:l,code:r}}const Y="default";function X(e,t){return`docs-${e}-${t}`}const J=e=>{const{siteConfig:t}=(0,r.c)(),{title:n,titleDelimiter:o}=t;return e&&e.trim().length?`${e.trim()} ${o} ${n}`:n},Z=["zero","one","two","few","many","other"];function ee(e){return Z.filter((t=>e.includes(t)))}ee(["one","other"]);const te="undefined"!=typeof window?m.useLayoutEffect:m.useEffect;function ne(e){const t=(0,m.useRef)(e);return te((()=>{t.current=e}),[e]),(0,m.useCallback)((function(){return t.current(...arguments)}),[])}function re(e){const t=(0,m.useRef)();return te((()=>{t.current=e})),t.current}function oe(e){const t=(0,d.IT)(),n=re(t),r=ne(e);(0,m.useEffect)((()=>{t!==n&&r({location:t,previousLocation:n})}),[r,t,n])}var ae=n(8684);const ie="ease-in-out";function se(e){let{initialState:t}=e;const[n,r]=(0,m.useState)(null!=t&&t),o=(0,m.useCallback)((()=>{r((e=>!e))}),[]);return{collapsed:n,setCollapsed:r,toggleCollapsed:o}}const le={display:"none",overflow:"hidden",height:"0px"},ce={display:"block",overflow:"visible",height:"auto"};function ue(e,t){const n=t?le:ce;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function de(e){let{collapsibleRef:t,collapsed:n,animation:r}=e;const o=(0,m.useRef)(!1);(0,m.useEffect)((()=>{const e=t.current;function a(){var t,n;const o=e.scrollHeight,a=null!==(t=null==r?void 0:r.duration)&&void 0!==t?t:function(e){const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(o);return{transition:`height ${a}ms ${null!==(n=null==r?void 0:r.easing)&&void 0!==n?n:ie}`,height:`${o}px`}}function i(){const t=a();e.style.transition=t.transition,e.style.height=t.height}if(!o.current)return ue(e,n),void(o.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(i(),requestAnimationFrame((()=>{e.style.height=le.height,e.style.overflow=le.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{i()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,r])}function pe(e){if(!ae.c.canUseDOM)return e?le:ce}function fe(e){let{as:t="div",collapsed:n,children:r,animation:o,onCollapseTransitionEnd:a,className:i,disableSSRStyle:s}=e;const l=(0,m.useRef)(null);return de({collapsibleRef:l,collapsed:n,animation:o}),m.createElement(t,{ref:l,style:s?void 0:pe(n),onTransitionEnd:e=>{"height"===e.propertyName&&(ue(l.current,n),null==a||a(n))},className:i},r)}function me(e){let{collapsed:t,...n}=e;const[r,o]=(0,m.useState)(!t);(0,m.useLayoutEffect)((()=>{t||o(!0)}),[t]);const[a,i]=(0,m.useState)(t);return(0,m.useLayoutEffect)((()=>{r&&i(t)}),[r,t]),r?m.createElement(fe,{...n,collapsed:a}):null}function ge(e){let{lazy:t,...n}=e;const r=t?me:fe;return m.createElement(r,{...n})}var he=n(3664),ve=n(4971);const be="details_Q743",ye="isBrowser_rWTL",we="collapsibleContent_K5uX";function ke(e){return!!e&&("SUMMARY"===e.tagName||ke(e.parentElement))}function Ee(e,t){return!!e&&(e===t||Ee(e.parentElement,t))}const Se=function(e){let{summary:t,children:n,...r}=e;const o=(0,he.c)(),a=(0,m.useRef)(null),{collapsed:i,setCollapsed:s}=se({initialState:!r.open}),[l,c]=(0,m.useState)(r.open);return m.createElement("details",{...r,ref:a,open:l,"data-collapsed":i,className:(0,ve.c)(be,{[ye]:o},r.className),onMouseDown:e=>{ke(e.target)&&e.detail>1&&e.preventDefault()},onClick:e=>{e.stopPropagation();const t=e.target;ke(t)&&Ee(t,a.current)&&(e.preventDefault(),i?(s(!1),c(!0)):s(!0))}},t,m.createElement(ge,{lazy:!1,collapsed:i,disableSSRStyle:!0,onCollapseTransitionEnd:e=>{s(e),c(!e)}},m.createElement("div",{className:we},n)))};const Ce=(0,m.createContext)(null);function xe(e){let{children:t}=e;return m.createElement(Ce.Provider,{value:(0,m.useState)(null)},t)}function _e(){const e=(0,m.useContext)(Ce);if(null===e)throw new Error("MobileSecondaryMenuProvider was not used correctly, context value is null");return e}function Te(){const[e]=_e();if(e){const t=e.component;return function(n){return m.createElement(t,{...e.props,...n})}}return()=>{}}function Pe(e){let{component:t,props:n}=e;const[,r]=_e(),o=(a=n,(0,m.useMemo)((()=>a),[...Object.keys(a),...Object.values(a)]));var a;return(0,m.useEffect)((()=>{r({component:t,props:o})}),[r,t,o]),(0,m.useEffect)((()=>()=>r(null)),[r]),null}function Ae(e,t){return void 0===t&&(t=(e,t)=>e===t),e.filter(((n,r)=>e.findIndex((e=>t(e,n)))!==r))}function Re(e){return Array.from(new Set(e))}const Le={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button"},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}},Oe=c("docusaurus.announcement.dismiss"),Ne=c("docusaurus.announcement.id"),De=()=>"true"===Oe.get(),Ie=e=>Oe.set(String(e)),Me=()=>{const{announcementBar:e}=o(),t=(0,he.c)(),[n,r]=(0,m.useState)((()=>!!t&&De()));(0,m.useEffect)((()=>{r(De())}),[]);const a=(0,m.useCallback)((()=>{Ie(!0),r(!0)}),[]);return(0,m.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=Ne.get();"annoucement-bar"===n&&(n="announcement-bar");const o=t!==n;Ne.set(t),o&&Ie(!1),!o&&De()||r(!1)}),[e]),(0,m.useMemo)((()=>({isActive:!!e&&!n,close:a})),[e,n,a])},Fe=(0,m.createContext)(null);function je(e){let{children:t}=e;const n=Me();return m.createElement(Fe.Provider,{value:n},t)}const Be=()=>{const e=(0,m.useContext)(Fe);if(!e)throw new Error("useAnnouncementBar(): AnnouncementBar not found in React context: make sure to use the AnnouncementBarProvider on top of the tree");return e};function Ue(){const{siteConfig:{baseUrl:e}}=(0,r.c)(),{pathname:t}=(0,d.IT)();return t.replace(e,"/")}n(4357);function ze(e){!function(e){const{block:t}=(0,d.Uz)(),n=(0,m.useRef)(e);(0,m.useEffect)((()=>{n.current=e}),[e]),(0,m.useEffect)((()=>t(((e,t)=>n.current(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function $e(e){const t=e.getBoundingClientRect();return t.top===t.bottom?$e(e.parentNode):t}function Ge(e,t){let{anchorTopOffset:n}=t;var r;const o=e.find((e=>$e(e).top>=n));if(o){return function(e){return e.top>0&&e.bottom{e.current=t?0:document.querySelector(".navbar").clientHeight}),[t]),e}const He=function(e){const t=(0,m.useRef)(void 0),n=qe();(0,m.useEffect)((()=>{if(!e)return()=>{};const{linkClassName:r,linkActiveClassName:o,minHeadingLevel:a,maxHeadingLevel:i}=e;function s(){const e=function(e){return Array.from(document.getElementsByClassName(e))}(r),s=function(e){let{minHeadingLevel:t,maxHeadingLevel:n}=e;const r=[];for(let o=t;o<=n;o+=1)r.push(`h${o}.anchor`);return Array.from(document.querySelectorAll(r.join()))}({minHeadingLevel:a,maxHeadingLevel:i}),l=Ge(s,{anchorTopOffset:n.current}),c=e.find((e=>l&&l.id===function(e){return decodeURIComponent(e.href.substring(e.href.indexOf("#")+1))}(e)));e.forEach((e=>{!function(e,n){var r;n?(t.current&&t.current!==e&&(null===(r=t.current)||void 0===r||r.classList.remove(o)),e.classList.add(o),t.current=e):e.classList.remove(o)}(e,e===c)}))}return document.addEventListener("scroll",s),document.addEventListener("resize",s),s(),()=>{document.removeEventListener("scroll",s),document.removeEventListener("resize",s)}}),[e,n])};function Ve(e){let{toc:t,minHeadingLevel:n,maxHeadingLevel:r}=e;return t.flatMap((e=>{const t=Ve({toc:e.children,minHeadingLevel:n,maxHeadingLevel:r});return function(e){return e.level>=n&&e.level<=r}(e)?[{...e,children:t}]:t}))}function We(e){let{toc:t,minHeadingLevel:n,maxHeadingLevel:r}=e;return(0,m.useMemo)((()=>Ve({toc:t,minHeadingLevel:n,maxHeadingLevel:r})),[t,n,r])}function Ke(){const e=(0,m.useRef)(!0);return(0,m.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}const Qe=(0,m.createContext)(void 0);function Ye(e){let{children:t}=e;return m.createElement(Qe.Provider,{value:Ke()},t)}function Xe(){const e=(0,m.useContext)(Qe);if(null==e)throw new Error('"useScrollController" is used but no context provider was found in the React tree.');return e}const Je=()=>ae.c.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function Ze(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=Xe(),r=(0,m.useRef)(Je()),o=ne(e);(0,m.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=Je();o&&o(e,r.current),r.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[o,n,...t])}function et(){const e=Xe(),t=function(){const e=(0,m.useRef)({elem:null,top:0}),t=(0,m.useCallback)((t=>{e.current={elem:t,top:t.getBoundingClientRect().top}}),[]),n=(0,m.useCallback)((()=>{const{current:{elem:t,top:n}}=e;if(!t)return{restored:!1};const r=t.getBoundingClientRect().top-n;return r&&window.scrollBy({left:0,top:r}),e.current={elem:null,top:0},{restored:0!==r}}),[]);return(0,m.useMemo)((()=>({save:t,restore:n})),[n,t])}(),n=(0,m.useRef)(void 0),r=(0,m.useCallback)((r=>{t.save(r),e.disableScrollEvents(),n.current=()=>{const{restored:r}=t.restore();if(n.current=void 0,r){const t=()=>{e.enableScrollEvents(),window.removeEventListener("scroll",t)};window.addEventListener("scroll",t)}else e.enableScrollEvents()}}),[e,t]);return(0,m.useLayoutEffect)((()=>{var e;null===(e=n.current)||void 0===e||e.call(n)})),{blockElementScrollPositionUntilNextRender:r}}function tt(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}},1600:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[o]=e.split(/[#?]/),a="/"===o||o===r?o:(i=o,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(o,a)}},5684:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.applyTrailingSlash=void 0;var o=n(1600);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return r(o).default}})},4971:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;to});const o=function(){for(var e,t,n=0,o="";n{"use strict";n.d(t,{iU:()=>S,Yf:()=>A,gh:()=>g,Wi:()=>L,Ep:()=>m,gx:()=>h});var r=n(5072);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r=0;p--){var f=i[p];"."===f?a(i,p):".."===f?(a(i,p),d++):d&&(a(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};function s(e){return e.valueOf?e.valueOf():Object.prototype.valueOf.call(e)}const l=function e(t,n){if(t===n)return!0;if(null==t||null==n)return!1;if(Array.isArray(t))return Array.isArray(n)&&t.length===n.length&&t.every((function(t,r){return e(t,n[r])}));if("object"==typeof t||"object"==typeof n){var r=s(t),o=s(n);return r!==t||o!==n?e(r,o):Object.keys(Object.assign({},t,n)).every((function(r){return e(t[r],n[r])}))}return!1};var c=n(4812);function u(e){return"/"===e.charAt(0)?e:"/"+e}function d(e){return"/"===e.charAt(0)?e.substr(1):e}function p(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function f(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function m(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function g(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.c)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function h(e,t){return e.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash&&e.key===t.key&&l(e.state,t.state)}function v(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;rt?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=g(e,t,p(),w.location);u.confirmTransitionTo(o,r,n,(function(e){e&&(w.entries[w.index]=o,d({action:r,location:o}))}))},go:y,goBack:function(){y(-1)},goForward:function(){y(1)},canGo:function(e){var t=w.index+e;return t>=0&&t{"use strict";var r=n(2168),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?i:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=f(n);o&&o!==m&&e(t,o,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var s=l(t),g=l(n),h=0;h{"use strict";n.r(t)},1462:(e,t,n)=>{"use strict";n.r(t)},1496:(e,t,n)=>{"use strict";n.r(t)},2272:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'
'};function o(e,t,n){return en?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(r.barSelector),u=r.speed,d=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(c,i(e,u,d)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(r.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},9456:e=>{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(o){return!1}}()?Object.assign:function(e,o){for(var a,i,s=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),l=1;l{function n(e){let t,n=[];for(let r of e.split(",").map((e=>e.trim())))if(/^-?\d+$/.test(r))n.push(parseInt(r,10));else if(t=r.match(/^(-?\d+)(-|\.\.\.?|\u2025|\u2026|\u22EF)(-?\d+)$/)){let[e,r,o,a]=t;if(r&&a){r=parseInt(r),a=parseInt(a);const e=r{"use strict";n.r(t),n.d(t,{default:()=>a});var r=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&").replace(/=d.reach);S+=E.value.length,E=E.next){var C=E.value;if(t.length>e.length)return;if(!(C instanceof o)){var x,_=1;if(b){if(!(x=a(k,S,e,v))||x.index>=e.length)break;var T=x.index,P=x.index+x[0].length,A=S;for(A+=E.value.length;T>=A;)A+=(E=E.next).value.length;if(S=A-=E.value.length,E.value instanceof o)continue;for(var R=E;R!==t.tail&&(Ad.reach&&(d.reach=D);var I=E.prev;if(O&&(I=l(t,I,O),S+=O.length),c(t,I,_),E=l(t,I,new o(p,h?r.tokenize(L,h):L,y,L)),N&&l(t,E,N),_>1){var M={cause:p+","+m,reach:D};i(e,t,n,E.prev,S,M),d&&M.reach>d.reach&&(d.reach=M.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function c(e,t,n){for(var r=t.next,o=0;o"+a.content+""},r}(),o=r;r.default=r,o.languages.markup={comment:{pattern://,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern://i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},o.languages.markup.tag.inside["attr-value"].inside.entity=o.languages.markup.entity,o.languages.markup.doctype.inside["internal-subset"].inside=o.languages.markup,o.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&/,"&"))})),Object.defineProperty(o.languages.markup.tag,"addInlined",{value:function(e,t){var n={};n["language-"+t]={pattern:/(^$)/i,lookbehind:!0,inside:o.languages[t]},n.cdata=/^$/i;var r={"included-cdata":{pattern://i,inside:n}};r["language-"+t]={pattern:/[\s\S]+/,inside:o.languages[t]};var a={};a[e]={pattern:RegExp(/(<__[^>]*>)(?:))*\]\]>|(?!)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:r},o.languages.insertBefore("markup","cdata",a)}}),Object.defineProperty(o.languages.markup.tag,"addAttribute",{value:function(e,t){o.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:o.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),o.languages.html=o.languages.markup,o.languages.mathml=o.languages.markup,o.languages.svg=o.languages.markup,o.languages.xml=o.languages.extend("markup",{}),o.languages.ssml=o.languages.xml,o.languages.atom=o.languages.xml,o.languages.rss=o.languages.xml,function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},r={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:r},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:r},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:r.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:r.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var o=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],a=r.variable[1].inside,i=0;i]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},o.languages.c=o.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),o.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),o.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},o.languages.c.string],char:o.languages.c.char,comment:o.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:o.languages.c}}}}),o.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete o.languages.c.boolean,function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!)\w+(?:\s*\.\s*\w+)*\b/.source.replace(//g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!)\w+/.source.replace(//g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/(?:\s*:\s*)?|:\s*/.source.replace(//g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(o),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var n=e.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(o),function(e){var t,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var r={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},o={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:r,number:o,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:r,number:o})}(o),o.languages.javascript=o.languages.extend("clike",{"class-name":[o.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),o.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,o.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:o.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:o.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:o.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:o.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:o.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),o.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:o.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),o.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),o.languages.markup&&(o.languages.markup.tag.addInlined("script","javascript"),o.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),o.languages.js=o.languages.javascript,function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(o),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-])(?:[ \t]*(?:(?![#:])|:))*/.source.replace(//g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<>/g,(function(){return r})).replace(/<>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)<>(?=\s*:\s)/.source.replace(/<>/g,(function(){return r})).replace(/<>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(o),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(//g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)|_(?:(?!_))+_)+__\b|\*\*(?:(?!\*)|\*(?:(?!\*))+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)|__(?:(?!_))+__)+_\b|\*(?:(?!\*)|\*\*(?:(?!\*))+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~))+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\]))+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\]))+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(o),o.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:o.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},o.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n0)){var s=p(/^\{$/,/^\}$/);if(-1===s)continue;for(var l=n;l=0&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function s(e,t){return"___"+t.toUpperCase()+"_"+e+"___"}function l(t,n,r){var o={code:t,grammar:n,language:r};return e.hooks.run("before-tokenize",o),o.tokens=e.tokenize(o.code,o.grammar),e.hooks.run("after-tokenize",o),o.tokens}function c(t){var n={};n["interpolation-punctuation"]=o;var a=e.tokenize(t,n);if(3===a.length){var i=[1,1];i.push.apply(i,l(a[1],e.languages.javascript,"javascript")),a.splice.apply(a,i)}return new e.Token("interpolation",a,r.alias,t)}function u(t,n,r){var o=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),i=0,u={},d=l(o.map((function(e){if("string"==typeof e)return e;for(var n,o=e.content;-1!==t.indexOf(n=s(i++,r)););return u[n]=o,n})).join(""),n,r),p=Object.keys(u);return i=0,function e(t){for(var n=0;n=p.length)return;var r=t[n];if("string"==typeof r||"string"==typeof r.content){var o=p[i],a="string"==typeof r?r:r.content,s=a.indexOf(o);if(-1!==s){++i;var l=a.substring(0,s),d=c(u[o]),f=a.substring(s+o.length),m=[];if(l&&m.push(l),m.push(d),f){var g=[f];e(g),m.push.apply(m,g)}"string"==typeof r?(t.splice.apply(t,[n,1].concat(m)),n+=m.length-1):r.content=m}}else{var h=r.content;Array.isArray(h)?e(h):e([h])}}}(d),new e.Token(r,d,"language-"+r,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var d={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function p(e){return"string"==typeof e?e:Array.isArray(e)?e.map(p).join(""):p(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in d&&function t(n){for(var r=0,o=n.length;r]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(o),function(e){function t(e,t){return RegExp(e.replace(//g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:(?:\s*,\s*(?:\*\s*as\s+|\{[^{}]*\}))?|\*\s*as\s+|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r*\.{3}(?:[^{}]|)*\})/.source;function a(e,t){return e=e.replace(//g,(function(){return n})).replace(//g,(function(){return r})).replace(//g,(function(){return o})),RegExp(e,t)}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|))?|))**\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(//.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var i=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(i).join(""):""},s=function(t){for(var n=[],r=0;r0&&n[n.length-1].tagName===i(o.content[0].content[1])&&n.pop():"/>"===o.content[o.content.length-1].content||n.push({tagName:i(o.content[0].content[1]),openedBraces:0}):n.length>0&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:n.length>0&&n[n.length-1].openedBraces>0&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&n.length>0&&0===n[n.length-1].openedBraces){var l=i(o);r0&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(l=i(t[r-1])+l,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",l,null,l)}o.content&&"string"!=typeof o.content&&s(o.content)}};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||s(e.tokens)}))}(o),function(e){e.languages.diff={coord:[/^(?:\*{3}|-{3}|\+{3}).*$/m,/^@@.*@@$/m,/^\d.*$/m]};var t={"deleted-sign":"-","deleted-arrow":"<","inserted-sign":"+","inserted-arrow":">",unchanged:" ",diff:"!"};Object.keys(t).forEach((function(n){var r=t[n],o=[];/^\w+$/.test(n)||o.push(/\w+/.exec(n)[0]),"diff"===n&&o.push("bold"),e.languages.diff[n]={pattern:RegExp("^(?:["+r+"].*(?:\r\n?|\n|(?![\\s\\S])))+","m"),alias:o,inside:{line:{pattern:/(.)(?=[\s\S]).*(?:\r\n?|\n)?/,lookbehind:!0},prefix:{pattern:/[\s\S]/,alias:/\w+/.exec(n)[0]}}}})),Object.defineProperty(e.languages.diff,"PREFIXES",{value:t})}(o),o.languages.git={comment:/^#.*/m,deleted:/^[-\u2013].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/}},coord:/^@@.*@@$/m,"commit-sha1":/^commit \w{40}$/m},o.languages.go=o.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),o.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete o.languages.go["class-name"],function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(r,u),m=p.indexOf(f);if(m>-1){++o;var g=p.substring(0,m),h=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),v=p.substring(m+f.length),b=[];g&&b.push.apply(b,i([g])),b.push(h),v&&b.push.apply(b,i([v])),"string"==typeof c?s.splice.apply(s,[l,1].concat(b)):c.content=b}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(o),function(e){e.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},e.hooks.add("before-tokenize",(function(t){e.languages["markup-templating"].buildPlaceholders(t,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),e.hooks.add("after-tokenize",(function(t){e.languages["markup-templating"].tokenizePlaceholders(t,"handlebars")})),e.languages.hbs=e.languages.handlebars}(o),o.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},o.languages.webmanifest=o.languages.json,o.languages.less=o.languages.extend("css",{comment:[/\/\*[\s\S]*?\*\//,{pattern:/(^|[^\\])\/\/.*/,lookbehind:!0}],atrule:{pattern:/@[\w-](?:\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{punctuation:/[:()]/}},selector:{pattern:/(?:@\{[\w-]+\}|[^{};\s@])(?:@\{[\w-]+\}|\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};@\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{variable:/@+[\w-]+/}},property:/(?:@\{[\w-]+\}|[\w-])+(?:\+_?)?(?=\s*:)/,operator:/[+\-*\/]/}),o.languages.insertBefore("less","property",{variable:[{pattern:/@[\w-]+\s*:/,inside:{punctuation:/:/}},/@@?[\w-]+/],"mixin-usage":{pattern:/([{;]\s*)[.#](?!\d)[\w-].*?(?=[(;])/,lookbehind:!0,alias:"function"}}),o.languages.makefile={comment:{pattern:/(^|[^\\])#(?:\\(?:\r\n|[\s\S])|[^\\\r\n])*/,lookbehind:!0},string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"builtin-target":{pattern:/\.[A-Z][^:#=\s]+(?=\s*:(?!=))/,alias:"builtin"},target:{pattern:/^(?:[^:=\s]|[ \t]+(?![\s:]))+(?=\s*:(?!=))/m,alias:"symbol",inside:{variable:/\$+(?:(?!\$)[^(){}:#=\s]+|(?=[({]))/}},variable:/\$+(?:(?!\$)[^(){}:#=\s]+|\([@*%<^+?][DF]\)|(?=[({]))/,keyword:/-include\b|\b(?:define|else|endef|endif|export|ifn?def|ifn?eq|include|override|private|sinclude|undefine|unexport|vpath)\b/,function:{pattern:/(\()(?:abspath|addsuffix|and|basename|call|dir|error|eval|file|filter(?:-out)?|findstring|firstword|flavor|foreach|guile|if|info|join|lastword|load|notdir|or|origin|patsubst|realpath|shell|sort|strip|subst|suffix|value|warning|wildcard|word(?:list|s)?)(?=[ \t])/,lookbehind:!0},operator:/(?:::|[?:+!])?=|[|@]/,punctuation:/[:;(){}]/},o.languages.objectivec=o.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete o.languages.objectivec["class-name"],o.languages.objc=o.languages.objectivec,o.languages.ocaml={comment:{pattern:/\(\*[\s\S]*?\*\)/,greedy:!0},char:{pattern:/'(?:[^\\\r\n']|\\(?:.|[ox]?[0-9a-f]{1,3}))'/i,greedy:!0},string:[{pattern:/"(?:\\(?:[\s\S]|\r\n)|[^\\\r\n"])*"/,greedy:!0},{pattern:/\{([a-z_]*)\|[\s\S]*?\|\1\}/,greedy:!0}],number:[/\b(?:0b[01][01_]*|0o[0-7][0-7_]*)\b/i,/\b0x[a-f0-9][a-f0-9_]*(?:\.[a-f0-9_]*)?(?:p[+-]?\d[\d_]*)?(?!\w)/i,/\b\d[\d_]*(?:\.[\d_]*)?(?:e[+-]?\d[\d_]*)?(?!\w)/i],directive:{pattern:/\B#\w+/,alias:"property"},label:{pattern:/\B~\w+/,alias:"property"},"type-variable":{pattern:/\B'\w+/,alias:"function"},variant:{pattern:/`\w+/,alias:"symbol"},keyword:/\b(?:as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|match|method|module|mutable|new|nonrec|object|of|open|private|rec|sig|struct|then|to|try|type|val|value|virtual|when|where|while|with)\b/,boolean:/\b(?:false|true)\b/,"operator-like-punctuation":{pattern:/\[[<>|]|[>|]\]|\{<|>\}/,alias:"punctuation"},operator:/\.[.~]|:[=>]|[=<>@^|&+\-*\/$%!?~][!$%&*+\-.\/:<=>?@^|~]*|\b(?:and|asr|land|lor|lsl|lsr|lxor|mod|or)\b/,punctuation:/;;|::|[(){}\[\].,:;#]|\b_\b/},o.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},o.languages.python["string-interpolation"].inside.interpolation.inside.rest=o.languages.python,o.languages.py=o.languages.python,o.languages.reason=o.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),o.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete o.languages.reason.function,function(e){e.languages.sass=e.languages.extend("css",{comment:{pattern:/^([ \t]*)\/[\/*].*(?:(?:\r?\n|\r)\1[ \t].+)*/m,lookbehind:!0,greedy:!0}}),e.languages.insertBefore("sass","atrule",{"atrule-line":{pattern:/^(?:[ \t]*)[@+=].+/m,greedy:!0,inside:{atrule:/(?:@[\w-]+|[+=])/}}}),delete e.languages.sass.atrule;var t=/\$[-\w]+|#\{\$[-\w]+\}/,n=[/[+*\/%]|[=!]=|<=?|>=?|\b(?:and|not|or)\b/,{pattern:/(\s)-(?=\s)/,lookbehind:!0}];e.languages.insertBefore("sass","property",{"variable-line":{pattern:/^[ \t]*\$.+/m,greedy:!0,inside:{punctuation:/:/,variable:t,operator:n}},"property-line":{pattern:/^[ \t]*(?:[^:\s]+ *:.*|:[^:\s].*)/m,greedy:!0,inside:{property:[/[^:\s]+(?=\s*:)/,{pattern:/(:)[^:\s]+/,lookbehind:!0}],punctuation:/:/,variable:t,operator:n,important:e.languages.sass.important}}}),delete e.languages.sass.property,delete e.languages.sass.important,e.languages.insertBefore("sass","punctuation",{selector:{pattern:/^([ \t]*)\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*(?:,(?:\r?\n|\r)\1[ \t]+\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*)*/m,lookbehind:!0,greedy:!0}})}(o),o.languages.scss=o.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),o.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),o.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),o.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),o.languages.scss.atrule.inside.rest=o.languages.scss,function(e){var t={pattern:/(\b\d+)(?:%|[a-z]+)/,lookbehind:!0},n={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0},r={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},url:{pattern:/\burl\((["']?).*?\1\)/i,greedy:!0},string:{pattern:/("|')(?:(?!\1)[^\\\r\n]|\\(?:\r\n|[\s\S]))*\1/,greedy:!0},interpolation:null,func:null,important:/\B!(?:important|optional)\b/i,keyword:{pattern:/(^|\s+)(?:(?:else|for|if|return|unless)(?=\s|$)|@[\w-]+)/,lookbehind:!0},hexcode:/#[\da-f]{3,6}/i,color:[/\b(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)\b/i,{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,boolean:/\b(?:false|true)\b/,operator:[/~|[+!\/%<>?=]=?|[-:]=|\*[*=]?|\.{2,3}|&&|\|\||\B-\B|\b(?:and|in|is(?: a| defined| not|nt)?|not|or)\b/],number:n,punctuation:/[{}()\[\];:,]/};r.interpolation={pattern:/\{[^\r\n}:]+\}/,alias:"variable",inside:{delimiter:{pattern:/^\{|\}$/,alias:"punctuation"},rest:r}},r.func={pattern:/[\w-]+\([^)]*\).*/,inside:{function:/^[^(]+/,rest:r}},e.languages.stylus={"atrule-declaration":{pattern:/(^[ \t]*)@.+/m,lookbehind:!0,inside:{atrule:/^@[\w-]+/,rest:r}},"variable-declaration":{pattern:/(^[ \t]*)[\w$-]+\s*.?=[ \t]*(?:\{[^{}]*\}|\S.*|$)/m,lookbehind:!0,inside:{variable:/^\S+/,rest:r}},statement:{pattern:/(^[ \t]*)(?:else|for|if|return|unless)[ \t].+/m,lookbehind:!0,inside:{keyword:/^\S+/,rest:r}},"property-declaration":{pattern:/((?:^|\{)([ \t]*))(?:[\w-]|\{[^}\r\n]+\})+(?:\s*:\s*|[ \t]+)(?!\s)[^{\r\n]*(?:;|[^{\r\n,]$(?!(?:\r?\n|\r)(?:\{|\2[ \t])))/m,lookbehind:!0,inside:{property:{pattern:/^[^\s:]+/,inside:{interpolation:r.interpolation}},rest:r}},selector:{pattern:/(^[ \t]*)(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)(?:(?:\r?\n|\r)(?:\1(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)))*(?:,$|\{|(?=(?:\r?\n|\r)(?:\{|\1[ \t])))/m,lookbehind:!0,inside:{interpolation:r.interpolation,comment:r.comment,punctuation:/[{},]/}},func:r.func,string:r.string,comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0,greedy:!0},interpolation:r.interpolation,punctuation:/[{}()\[\];:.]/}}(o),function(e){var t=e.util.clone(e.languages.typescript);e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"];var n=e.languages.tsx.tag;n.pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+n.pattern.source+")",n.pattern.flags),n.lookbehind=!0}(o),o.languages.wasm={comment:[/\(;[\s\S]*?;\)/,{pattern:/;;.*/,greedy:!0}],string:{pattern:/"(?:\\[\s\S]|[^"\\])*"/,greedy:!0},keyword:[{pattern:/\b(?:align|offset)=/,inside:{operator:/=/}},{pattern:/\b(?:(?:f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|neg?|nearest|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|sqrt|store(?:8|16|32)?|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))?|memory\.(?:grow|size))\b/,inside:{punctuation:/\./}},/\b(?:anyfunc|block|br(?:_if|_table)?|call(?:_indirect)?|data|drop|elem|else|end|export|func|get_(?:global|local)|global|if|import|local|loop|memory|module|mut|nop|offset|param|result|return|select|set_(?:global|local)|start|table|tee_local|then|type|unreachable)\b/],variable:/\$[\w!#$%&'*+\-./:<=>?@\\^`|~]+/,number:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/,punctuation:/[()]/};const a=o},7248:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to WebPlatform.org documentation. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (.comment can become .namespace--comment) or replace them with your defined ones (like .editor__comment). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the highlightAll and highlightAllUnder methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},452:(e,t,n)=>{const r=n(7248),o=n(8284),a=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...a,...Object.keys(Prism.languages)];o(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(1976).resolve(t)],delete Prism.languages[e],n(1976)(t),a.add(e)}))}i.silent=!1,e.exports=i},8660:(e,t,n)=>{var r={"./":452};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=8660},1976:(e,t,n)=>{var r={"./":452};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=1976},8284:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n "));var s={},l=e[r];if(l){function c(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in s))for(var i in o(t,a),s[t]=!0,n[t])s[i]=!0}t(l.require,c),t(l.optional,c),t(l.modify,c)}n[r]=s,a.pop()}}return function(e){var t=n[e];return t||(o(e,r),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(a,i,s){var l=function(e){var t={};for(var n in e){var r=e[n];for(var o in r)if("meta"!=o){var a=r[o];t[o]="string"==typeof a?{title:a}:a}}return t}(a),c=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var o in n={},e){var a=e[o];t(a&&a.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[r]||r}}(l);i=i.map(c),s=(s||[]).map(c);var u=n(i),d=n(s);i.forEach((function e(n){var r=l[n];t(r&&r.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=r(l),m=u;o(m);){for(var g in p={},m){var h=l[g];t(h&&h.modify,(function(e){e in d&&(p[e]=!0)}))}for(var v in d)if(!(v in u))for(var b in f(v))if(b in u){p[v]=!0;break}for(var y in m=p)u[y]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,o){var a=o?o.series:void 0,i=o?o.parallel:e,s={},l={};function c(e){if(e in s)return s[e];l[e]=!0;var o,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)o=r(e);else{var p=i(u.map((function(e){var t=c(e);return delete l[e],t})));a?o=a(p,(function(){return r(e)})):r(e)}return s[e]=o}for(var u in n)c(u);var d=[];for(var p in l)d.push(s[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},9776:(e,t,n)=>{"use strict";var r=n(9143);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},3268:(e,t,n)=>{e.exports=n(9776)()},9143:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9516:(e,t,n)=>{"use strict";var r=n(1504),o=n(9456),a=n(4712);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n